447 lines
16 KiB
JavaScript
447 lines
16 KiB
JavaScript
define(function () {
|
||
//define([], function () {//使用外部的$，才有Dialog,后期修改
|
||
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) {
|
||
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 () {
|
||
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;
|
||
}); |