add site
This commit is contained in:
449
Site/Inspection/js/common.js
Normal file
449
Site/Inspection/js/common.js
Normal file
@@ -0,0 +1,449 @@
|
||||
define(function () {
|
||||
//define([], function () {//ʹ<><CAB9><EFBFBD>ⲿ<EFBFBD><E2B2BF>$<24><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Dialog,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||||
var gs = {};
|
||||
gs.title = 'Common';
|
||||
gs.description = 'Common';
|
||||
gs.version = '1.0';
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var iX, iY;
|
||||
|
||||
function dragTitle(ev) {
|
||||
if (ev.target && ev.target.nodeName === 'EM')
|
||||
return false;
|
||||
|
||||
var dialog = ev.data;
|
||||
|
||||
window.draggingDialog = dialog;
|
||||
var o = getInnerOffset(dialog);
|
||||
iX = ev.clientX - o.left;
|
||||
iY = ev.clientY - o.top;
|
||||
$(document).mousemove(dragmove);
|
||||
$(document).mouseup(dragup);
|
||||
var _this = this;
|
||||
_this.setCapture && _this.setCapture();
|
||||
|
||||
var window_width = $(window).width();
|
||||
var window_height = $(window).height();
|
||||
var dragging_width = dialog.width();
|
||||
var dragging_height = dialog.height();
|
||||
function dragmove(e) {
|
||||
var e = e || window.event;
|
||||
var left, top;
|
||||
left = Math.max(Math.min((e.clientX - iX), window_width - dragging_width - 2), 0);
|
||||
top = Math.max(Math.min((e.clientY - iY), window_height - dragging_height - 2), 0);
|
||||
window.draggingDialog.css({
|
||||
'left': left,
|
||||
'top': top
|
||||
});
|
||||
};
|
||||
function dragup(e) {
|
||||
$(document).unbind('mousemove', dragmove);
|
||||
$(document).unbind('mouseup', dragup);
|
||||
delete window.draggingDialog;
|
||||
_this.releaseCapture && _this.releaseCapture();
|
||||
e.cancelBubble = true;
|
||||
};
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
$.fn.dialog = function (closefunc, removable) {
|
||||
this.children('.dialog-title').mousedown(this, dragTitle);
|
||||
this.find('.dialog-close').click(this, function (e) {
|
||||
if (removable) {
|
||||
e.data.remove();
|
||||
} else {
|
||||
e.data.hideDialog();
|
||||
}
|
||||
if (typeof closefunc === 'function') {
|
||||
closefunc(e);
|
||||
}
|
||||
});
|
||||
|
||||
this.find('input.dialog-close').keydown(resettab);
|
||||
var _this = this;
|
||||
function resettab(e) {
|
||||
if (e.keyCode == 9) {
|
||||
var input = _this.find("input:not(:disabled),select:not(:disabled)").eq(0);
|
||||
input.focus();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
this.css({
|
||||
'top': (document.documentElement.clientHeight - this.height()) / 2,
|
||||
'left': (document.documentElement.clientWidth - this.width()) / 2
|
||||
});
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
$.fn.showDialog = function (selfmask) {
|
||||
//$('#mask_bg').height($(document).outerHeight(false)).width($(document).outerWidth(false));
|
||||
if (this.attr("init") !== "1") {
|
||||
this.attr("init", "1");
|
||||
var _this = this;
|
||||
|
||||
if (selfmask !== false) {
|
||||
var mask = $('<div class="maskbg"></div>');
|
||||
this.mask = mask;
|
||||
this.before(mask);
|
||||
}
|
||||
$(window).resize(function () {
|
||||
//_this.height(_this.parent().outerHeight(false) - 64).width(_this.parent().outerWidth(false) - left - 2);
|
||||
if (_this.mask)
|
||||
_this.mask.height($(document).outerHeight(false) - 64).width($(document).outerWidth(false));
|
||||
});
|
||||
}
|
||||
|
||||
if (this.mask)
|
||||
this.mask.show();
|
||||
this.show();
|
||||
|
||||
var top = (document.documentElement.clientHeight - this.height()) / 2;
|
||||
if (top < 0) top = 0;
|
||||
var left = (document.documentElement.clientWidth - this.width()) / 2;
|
||||
if (left < 0) left = 0;
|
||||
this.css({
|
||||
'top': top, 'left': left
|
||||
});
|
||||
|
||||
var input = this.find("input:not(:disabled),select:not(:disabled)").eq(0);
|
||||
input.focus();
|
||||
return this;
|
||||
};
|
||||
|
||||
$.fn.showDialogfixed = function (selfmask) {
|
||||
if (this.attr("init") !== "1") {
|
||||
this.attr("init", "1");
|
||||
var _this = this;
|
||||
|
||||
if (selfmask !== false) {
|
||||
var mask = $('<div class="maskbg"></div>');
|
||||
this.mask = mask;
|
||||
this.before(mask);
|
||||
}
|
||||
}
|
||||
var top = (document.documentElement.clientHeight - this.height()) / 3;
|
||||
if (top < 0) top = 0;
|
||||
var left = (document.documentElement.clientWidth - this.width()) / 2;
|
||||
if (left < 0) left = 0;
|
||||
this.css({
|
||||
'top': top, 'left': left
|
||||
});
|
||||
|
||||
if (this.mask)
|
||||
this.mask.show();
|
||||
this.show();
|
||||
var input = this.find("input:not(:disabled),select:not(:disabled)").eq(0);
|
||||
input.focus();
|
||||
};
|
||||
|
||||
$.fn.hideDialog = function () {
|
||||
this.hide();
|
||||
if (this.mask)
|
||||
this.mask.hide();
|
||||
};
|
||||
})();
|
||||
|
||||
gs.createDialog = function (title, content, onok, ispicture) {
|
||||
var d = $('<div class="dialog" style="width: 360px;display:none;"></div>');
|
||||
var t = $('<div class="dialog-title"><span class="title"></span><em class="dialog-close"></em></div>');
|
||||
t.find('.title').text(title);
|
||||
d.append(t);
|
||||
|
||||
var c = $('<div class="dialog-content"></div>');
|
||||
c.append(content);
|
||||
d.append(c);
|
||||
|
||||
var funcs = $('<div class="dialog-func"></div>');
|
||||
if (!ispicture)
|
||||
funcs.append($('<input type="button" value="' + GetTextByKey("P_IPT_CANCEL", "Cancel") + '" class="dialog-close" tabindex="9999" />'));
|
||||
if (!ispicture || (ispicture && !templatereadonly && editable))
|
||||
funcs.append($('<input type="button" value="' + GetTextByKey("P_IPT_OK", "OK") + '" tabindex="9998" />').click(onok));
|
||||
funcs.append('<div class="clear"></div>');
|
||||
d.append(funcs);
|
||||
|
||||
d.dialog(function () {
|
||||
d.hide();
|
||||
});
|
||||
|
||||
$(document.body).append(d);
|
||||
|
||||
return d;
|
||||
}
|
||||
|
||||
gs.createMultiTextDialog = function (textbox, pageele) {
|
||||
if (pageele) {
|
||||
if (!pageele.IssueId || pageele.IssueId == "")
|
||||
editable = true;
|
||||
else
|
||||
editable = false;
|
||||
}
|
||||
|
||||
var languages = [{ Key: 'fr-fr', Label: GetTextByKey("P_IPT_FRENCH", 'French') }, { Key: 'es-es', Label: GetTextByKey("P_IPT_SPANISH", 'Spanish') }];
|
||||
var inputs = [];
|
||||
|
||||
var d = $('<div class="dialog textdialog" style="width: 380px;min-width:380px;box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;"></div>');
|
||||
var c = $('<div class="dialog-content" style="margin-top:5px;min-height:unset;"></div>');
|
||||
d.append(c);
|
||||
|
||||
var tb = $('<table style="line-height: 30px;"></table>');
|
||||
c.append(tb);
|
||||
|
||||
var tr = null;
|
||||
var input = null;
|
||||
for (var i = 0; i < languages.length; i++) {
|
||||
var l = languages[i];
|
||||
tr = $('<tr></tr>');
|
||||
tb.append(tr);
|
||||
tr.append($('<td class="label" style="width:80px;"></td>').text(l.Label));
|
||||
input = $('<input type="text" class="form-control" style="width:220px" autocomplete="off"/>').attr("tabindex", i + 1);
|
||||
if (textbox.attr("maxlength"))
|
||||
input.attr("maxlength", textbox.attr("maxlength"));
|
||||
if (templatereadonly || !editable)
|
||||
input.prop('disabled', true);
|
||||
inputs[l.Key] = input;
|
||||
|
||||
var texts = textbox.data("texts")
|
||||
if (texts) {
|
||||
for (var j in texts) {
|
||||
var t = texts[j];
|
||||
if (t.Key === l.Key) {
|
||||
input.val(t.Value);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
tr.append($('<td></td>').append(input));
|
||||
}
|
||||
|
||||
var funcs = $('<div class="dialog-func"></div>');
|
||||
funcs.append($('<input type="button" class="dialog-close" value="' + GetTextByKey("P_IPT_CANCEL", "Cancel") + '" tabindex="9999" />').click(oncancel));
|
||||
if (!templatereadonly && editable)
|
||||
funcs.append($('<input type="button" value="' + GetTextByKey("P_IPT_OK", "OK") + '" tabindex="9998" />').click(onok));
|
||||
funcs.append('<div class="clear"></div>');
|
||||
d.append(funcs);
|
||||
|
||||
function onok() {
|
||||
var texts = [];
|
||||
for (var i in inputs) {
|
||||
var input = inputs[i];
|
||||
texts.push({ Key: i, Value: input.val() });
|
||||
}
|
||||
textbox.data("texts", texts);
|
||||
textbox.change();
|
||||
d.remove();
|
||||
}
|
||||
function oncancel() {
|
||||
d.remove();
|
||||
}
|
||||
|
||||
d.css({
|
||||
'top': textbox.offset().top + textbox.height() + 5, 'left': textbox.offset().left
|
||||
});
|
||||
|
||||
$(document.body).append(d);
|
||||
$(window).mousedown(function (e) {
|
||||
if ($(e.target).is(d))
|
||||
return;
|
||||
else {
|
||||
var textdialog = $(e.target).parents(".textdialog");
|
||||
if (textdialog.is(d))
|
||||
return;
|
||||
}
|
||||
d.remove();
|
||||
});
|
||||
|
||||
d.find('input.dialog-close').keydown(resettab);
|
||||
function resettab(e) {
|
||||
if (e.keyCode == 9) {
|
||||
var input = d.find("input:not(:disabled),select:not(:disabled)").eq(0);
|
||||
input.focus();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return d;
|
||||
}
|
||||
|
||||
|
||||
gs.createImageDialog = function (obj, pageele) {//pageele should contain StaticPictures attr.
|
||||
var inputs = [];
|
||||
var tabindex = 0;
|
||||
|
||||
var d = $('<div class="dialog textdialog" style="width: 380px;min-width:380px;box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px;"></div>');
|
||||
var c = $('<div class="dialog-content" style="margin-top:5px;min-height:unset;"></div>');
|
||||
d.append(c);
|
||||
|
||||
var tb = $('<table style="line-height: 30px;"></table>');
|
||||
c.append(tb);
|
||||
|
||||
var tr = null;
|
||||
var input = null;
|
||||
if (pageele && pageele.StaticPictures && pageele.StaticPictures.length > 0) {
|
||||
for (var i = 0; i < pageele.StaticPictures.length; i++) {
|
||||
var p = pageele.StaticPictures[i];
|
||||
addpicturerow(p);
|
||||
}
|
||||
}
|
||||
else {
|
||||
addnopicrow();
|
||||
}
|
||||
|
||||
var nopictr = null;
|
||||
function addnopicrow() {
|
||||
nopictr = $('<tr style="height:30px;"></tr>');
|
||||
var td = $('<td style="padding:5px;padding-left:10px;">No Picture</td>');
|
||||
nopictr.append(td);
|
||||
tb.append(nopictr);
|
||||
}
|
||||
|
||||
function addpicturerow(p) {
|
||||
if (nopictr) {
|
||||
nopictr.remove();
|
||||
nopictr = null;
|
||||
}
|
||||
tr = $('<tr></tr>');
|
||||
tb.append(tr);
|
||||
var td = $('<td></td>');
|
||||
var img = $('<img style="width:40px;height:40px;"/>').attr('src', p.Url);
|
||||
td.append(img);
|
||||
tr.append(td);
|
||||
input = $('<input type="text" class="form-control" style="width:220px" maxlength="100" autocomplete="off"/>').attr("tabindex", ++tabindex);
|
||||
if (templatereadonly || !editable)
|
||||
input.prop('disabled', true);
|
||||
input.val(p.Name);
|
||||
input.data("pic", p);
|
||||
inputs.push(input);
|
||||
|
||||
tr.append($('<td></td>').append(input));
|
||||
|
||||
td = $('<td></td>');
|
||||
if (!templatereadonly && editable) {
|
||||
var del = $('<span class="spanbtn icondelete"></span>').click(input, function (e) {
|
||||
showConfirm(GetTextByKey("P_IPT_DELETEPICTURECONFIRM", 'Are you sure you want to delete this picture?'), GetTextByKey("P_IPT_DELETEPICTURE", 'Delete Picture'), function () {
|
||||
var p = e.data.data("pic");
|
||||
e.data.parent().parent().remove();
|
||||
inputs.splice(inputs.indexOf(e.data), 1);
|
||||
|
||||
//inspectionrequest("DeleteStaticPicture", p.ContentId, function (data) {
|
||||
//}, function (err) {
|
||||
//});
|
||||
});
|
||||
});
|
||||
td.append(del)
|
||||
}
|
||||
tr.append(td);
|
||||
}
|
||||
|
||||
function browsePicture() {
|
||||
var file = $('<input type="file" style="display: none;" accept="image/png,image/jpg,image/jpeg" />');
|
||||
file.change(function () {
|
||||
var files = this.files;
|
||||
var file = files[0];
|
||||
if (file.size == 0) {
|
||||
alert(GetTextByKey("P_MA_DOCUMENTTIPS", "Document size is 0kb, uploading failed."));
|
||||
return false;
|
||||
}
|
||||
if (file.size > 1024 * 1024 * 2) {
|
||||
alert(GetTextByKey("P_MA_DOCUMENTTIPS1", "Document is too large. Maximum file size is 2MB."));
|
||||
return false;
|
||||
}
|
||||
SavePicture(file);
|
||||
}).click();
|
||||
}
|
||||
|
||||
function SavePicture(file) {
|
||||
var formData = new FormData();
|
||||
formData.append("pic", file);
|
||||
formData.append("MethodName", "UploadStaticPicture");
|
||||
$.ajax({
|
||||
url: 'Inspection.aspx',
|
||||
type: 'POST',
|
||||
dataType: 'json',
|
||||
processData: false,
|
||||
contentType: false,
|
||||
data: formData,
|
||||
async: true,
|
||||
success: function (data) {
|
||||
if (data) {
|
||||
var p = {};
|
||||
p.ContentId = data.Item1;
|
||||
p.Url = data.Item2;
|
||||
p.Name = file.name;
|
||||
p.DataType = file.name.substring(file.name.lastIndexOf("."));
|
||||
addpicturerow(p);
|
||||
}
|
||||
},
|
||||
error: function (err) {
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
if (!templatereadonly && editable) {
|
||||
var addpicdiv = $('<div style="line-height: 30px;"></div>');
|
||||
var addpicicon = $('<span class="sbutton iconadd">Add Picture</span>').click(function () {
|
||||
browsePicture();
|
||||
});
|
||||
addpicdiv.append(addpicicon);
|
||||
var addtemppicicon = $('<span class="sbutton iconadd">Add Template Picture</span>').click(function () {
|
||||
//browsePicture();
|
||||
});
|
||||
addpicdiv.append(addtemppicicon);
|
||||
c.append(addpicdiv);
|
||||
}
|
||||
|
||||
var funcs = $('<div class="dialog-func"></div>');
|
||||
funcs.append($('<input type="button" value="' + GetTextByKey("P_IPT_OK", "OK") + '" tabindex="9998" />').click(onok));
|
||||
funcs.append('<div class="clear"></div>');
|
||||
d.append(funcs);
|
||||
|
||||
function onok() {
|
||||
if (!templatereadonly && editable) {
|
||||
var pics = [];
|
||||
for (var i in inputs) {
|
||||
var input = inputs[i];
|
||||
var p = input.data("pic");
|
||||
p.Name = input.val();
|
||||
pics.push(p);
|
||||
}
|
||||
pageele.StaticPictures = pics;
|
||||
}
|
||||
|
||||
d.remove();
|
||||
}
|
||||
|
||||
d.css({
|
||||
'top': obj.offset().top + obj.height() + 5, 'left': obj.offset().left
|
||||
});
|
||||
|
||||
$(document.body).append(d);
|
||||
$(window).mousedown(function (e) {
|
||||
if ($(e.target).is(d))
|
||||
return;
|
||||
else {
|
||||
var textdialog = $(e.target).parents(".textdialog");
|
||||
if (textdialog.is(d))
|
||||
return;
|
||||
}
|
||||
d.remove();
|
||||
});
|
||||
|
||||
d.find('input.dialog-close').keydown(resettab);
|
||||
function resettab(e) {
|
||||
if (e.keyCode == 9) {
|
||||
var input = d.find("input:not(:disabled),select:not(:disabled)").eq(0);
|
||||
input.focus();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return d;
|
||||
}
|
||||
|
||||
return gs;
|
||||
});
|
||||
Reference in New Issue
Block a user