410 lines
20 KiB
JavaScript
410 lines
20 KiB
JavaScript
define(['modules/sections/question', 'modules/sections/addsection', 'modules/sections/addquestion', 'common', 'modules/templates/picture']
|
||
, function (Question, AddSection, AddQuestion, Common, Picture) {
|
||
var s = function (section, gsm, pm) {
|
||
this.section = section;
|
||
this.content = null;
|
||
this.holder = null;
|
||
this.gsmodule = gsm;
|
||
this.pagemodule = pm;
|
||
|
||
this.txtName = null;
|
||
this.txtDisplayText = null;
|
||
|
||
if (!this.section.Questions)
|
||
this.section.Questions = [];
|
||
this.questionmodules = [];
|
||
};
|
||
s.prototype.moduletype = "section";
|
||
s.prototype.description = "Section Module";
|
||
s.prototype.version = "1.0.0.0";
|
||
s.prototype.ondelete = null;
|
||
|
||
s.prototype.createContent = function () {
|
||
var content = $('<div></div>');
|
||
this.content = content;
|
||
var holder = $('<div class="section-holder"></div>');
|
||
content.append(holder);
|
||
var _this = this;
|
||
if (sectiontype === 0) {
|
||
if (!_this.section.IssueId || _this.section.IssueId == "")
|
||
editable = true;
|
||
else
|
||
editable = false;
|
||
}
|
||
|
||
if (sectiontype === 0) {
|
||
var package = $('<div class="question-icon section-packages" style="width:30px;padding-left:10px;"><em class="fa icon-menu icon-packages"></em></div>');
|
||
holder.append(package);
|
||
}
|
||
|
||
if (sectiontype == 1) {
|
||
var drag = $('<div class="question-icon" style="width:30px;" title="' + GetTextByKey("P_IPT_XXX","Move Section") + '"><em class="spanbtn iconmove rowdrag"></em></div>');
|
||
holder.append(drag);
|
||
if (sectiontype == 1) {
|
||
drag.attr('draggable', true);
|
||
holder.bind('dragstart', function (e) {
|
||
//var data = e.originalEvent.dataTransfer;
|
||
draggingobj = _this;
|
||
});
|
||
holder.bind('dragend', function (e) {
|
||
draggingobj = null;
|
||
});
|
||
holder.bind('dragover', function (e) {
|
||
e.originalEvent.preventDefault()
|
||
});
|
||
holder.bind('drop', function (e) {
|
||
if (!draggingobj || _this === draggingobj)
|
||
return;
|
||
if (draggingobj.moduletype == "question") {
|
||
if (_this.section.IsLink)
|
||
return;
|
||
$(this).after(draggingobj.holder);
|
||
draggingobj.sectionmodule.dragOutQuestion(draggingobj);
|
||
_this.dragInQuestion(null, draggingobj, true);
|
||
}
|
||
else {
|
||
var t = $(this);
|
||
var after = e.originalEvent.clientY > t.offset().top + t.height() / 2;
|
||
if (after)
|
||
t.parent().after(draggingobj.holder.parent());
|
||
else
|
||
t.parent().before(draggingobj.holder.parent());
|
||
|
||
draggingobj.pagemodule.dragOutSection(draggingobj);
|
||
_this.pagemodule.dragInSection(_this.section, draggingobj, after);
|
||
}
|
||
});
|
||
}
|
||
else
|
||
drag.children().remove();
|
||
|
||
if ((templatereadonly || !editable))
|
||
drag.hide();
|
||
}
|
||
|
||
var btnsection = $('<div class="section-icon" style="width: 30px;"><em class="spanbtn iconangleright" style="font-size:18px;"></em></div>');
|
||
btnsection.click(function () {
|
||
var icon = btnsection.find('.spanbtn');
|
||
if (icon.hasClass('iconangleright')) {
|
||
icon.removeClass('iconangleright').addClass('iconangledown');
|
||
|
||
if (sectiontype == 0) {
|
||
_this.getQuestions();
|
||
}
|
||
else
|
||
_this.updateQuestions(_this.section.Questions);
|
||
}
|
||
else {
|
||
if (sectiontype == 1)
|
||
_this.getSectionValue(true, true);
|
||
icon.removeClass('iconangledown').addClass('iconangleright');
|
||
_this.content.children('.questionitem').remove();
|
||
}
|
||
});
|
||
holder.append(btnsection);
|
||
this.txtName = $('<input type="text" class="section-input" maxlength="100" autocomplete="off" style="width:156px;" />');
|
||
this.txtName.change(function () {
|
||
_this.onsave();
|
||
});
|
||
var addiText = $('<span class="spanbtn iconmultitext" style="font-size:14px;" title="' + GetTextByKey("P_IPT_XXX", "Language Selection") + '"/>');
|
||
addiText.click(function () {
|
||
Common.createMultiTextDialog(_this.txtName, _this.section);
|
||
});
|
||
holder.append($('<div class="section-cell section-name" style="width:200px;flex-grow:0;"></div>').append(this.txtName).append(addiText));
|
||
|
||
this.txtDisplayText = $('<input type="text" class="section-input" maxlength="200" autocomplete="off" style="width:236px;" />');
|
||
this.txtDisplayText.change(function () {
|
||
_this.onsave();
|
||
});
|
||
addiText = $('<span class="spanbtn iconmultitext" style="font-size:14px;" title="' + GetTextByKey("P_IPT_XXX", "Language Selection") + '"/>');
|
||
addiText.click(function () {
|
||
Common.createMultiTextDialog(_this.txtDisplayText, _this.section);
|
||
});
|
||
var imgicon = $('<span class="spanbtn iconimage" style="font-size:14px;" title="' + GetTextByKey("P_IPT_PICTURES", "Pictures") + '"/>');
|
||
imgicon.click(function (e) {
|
||
var picturemodule = new Picture(false, _this.section, function () { _this.onsave() });
|
||
picturemodule.createContent();
|
||
});
|
||
holder.append($('<div class="section-cell section-display" style="width:230px;flex-grow: 1;"><span></span></div>').append(this.txtDisplayText).append(addiText).append(imgicon));
|
||
if (sectiontype === 0)
|
||
holder.append($('<div class="section-cell section-createdby" style="text-align:center;"><span></span></div>'));
|
||
|
||
var funcs = $('<div class="section-cell section-func" style="width: 120px;text-align:right;padding-right:20px;"></div>');
|
||
holder.append(funcs);
|
||
|
||
//holder.find('.section-name span').click(function () {
|
||
// _this.onedit();
|
||
//});
|
||
//holder.find('.section-display span').click(function () {
|
||
// _this.onedit();
|
||
//});
|
||
if (_this.section.IsLink) {
|
||
holder.find('.section-name input').before('<em class="spanbtn iconlink" style="cursor:default;margin:0;padding-left:0;padding-right:2px;font-size:10px;"></em>');
|
||
holder.find('input').prop('disabled', true);
|
||
holder.find('.iconmultitext').remove();
|
||
holder.find('.iconimage').remove();
|
||
}
|
||
|
||
if (!templatereadonly && editable) {
|
||
if (!_this.section.IsLink) {
|
||
funcs.append($('<em class="spanbtn iconadd"></em>').click(function () {
|
||
//var aq = new AddQuestion(_this, _this.section.Id);
|
||
//if (sectiontype == 0) {
|
||
// $('#right_popup').empty().append(aq.createContent());
|
||
// showRightPopup(true);
|
||
//}
|
||
//else {
|
||
// aq.onsave = function (question) {
|
||
// if (!_this.section.Questions)
|
||
// _this.section.Questions = [];
|
||
// _this.section.Questions.push(question);
|
||
|
||
// _this.updateQuestions(_this.section.Questions);
|
||
// }
|
||
// $('#right_popup1').empty().append(aq.createContent()).show();
|
||
//}
|
||
var question = { QuestionType: '0', IsRequired: false, CanComment: false, IsImportant: false, SeverityLevel: 0, LookupSource: 0, SelectItems: [] };
|
||
_this.section.Questions.push(question);
|
||
_this.addQuestionModule(question);
|
||
}).attr('title', GetTextByKey("P_IPT_ADDQUESTION", 'Add Question')));
|
||
}
|
||
if (sectiontype == 1 && !_this.section.IsLink) {
|
||
funcs.append($('<em class="spanbtn iconcopy"></em>').click(function () {
|
||
if (_this.oncopy)
|
||
_this.oncopy(_this.getSectionValue(true, true));
|
||
}).attr('title', GetTextByKey("P_IPT_COPYSECTION", 'Copy Section')));
|
||
}
|
||
//if (!_this.section.IsLink) {
|
||
// funcs.append($('<em class="spanbtn iconedit"></em>').click(function () {
|
||
// _this.onedit();
|
||
// }).attr('title', 'Edit Section'));
|
||
//}
|
||
}
|
||
if ((sectiontype === 0 && !templatereadonly) || (sectiontype === 1 && !templatereadonly && editable)) {
|
||
funcs.append($('<em class="spanbtn icondelete"></em>').click(function () {
|
||
if (sectiontype == 0) {
|
||
_this.delete();
|
||
}
|
||
else {
|
||
showConfirm(GetTextByKey("P_IPT_AREYOUSUREYOUWANTTODELETETHISSECTION", 'Are you sure you want to delete this section?'), GetTextByKey("P_IPT_DELETESECTION", 'Delete Section'), function () {
|
||
if (_this.ondelete) {
|
||
_this.content.remove();
|
||
_this.ondelete(_this);
|
||
}
|
||
});
|
||
}
|
||
}).attr('title', GetTextByKey("P_IPT_DELETESECTION", 'Delete Section')));
|
||
}
|
||
|
||
this.holder = holder;
|
||
this.updateContent(this.section);
|
||
if (sectiontype == 1)
|
||
btnsection.click();
|
||
|
||
//this.holder.find('input').attr('draggable', true).bind('dragstart', function (e) {//<2F><>ֹ<EFBFBD><D6B9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>϶<EFBFBD>
|
||
// e.originalEvent.preventDefault();
|
||
//});
|
||
if (templatereadonly || !editable) {
|
||
this.txtName.prop('disabled', true);
|
||
this.txtDisplayText.prop('disabled', true);
|
||
|
||
this.holder.find(".iconmultitext").hide();
|
||
this.holder.find(".iconimage").hide();
|
||
}
|
||
return content;
|
||
};
|
||
s.prototype.onedit = function () {
|
||
var _this = this;
|
||
var s = new AddSection(_this.gsmodule, _this.section);
|
||
if (sectiontype == 0) {
|
||
$('#right_popup').empty().append(s.createContent());
|
||
showRightPopup(true);
|
||
}
|
||
else {
|
||
s.onsave = function (section) {
|
||
_this.section.Name = section.Name;
|
||
_this.section.DisplayText = section.DisplayText;
|
||
_this.section.Notes = section.Notes;
|
||
_this.section.LocalNames = section.LocalNames;
|
||
_this.section.LocalDisplayTexts = section.LocalDisplayTexts;
|
||
|
||
_this.updateContent(_this.section);
|
||
}
|
||
$('#right_popup1').empty().append(s.createContent()).show();
|
||
}
|
||
}
|
||
s.prototype.updateContent = function (section) {
|
||
if (section) {
|
||
if (sectiontype === 0) {
|
||
if (!section.IssueId || section.IssueId == "") {
|
||
this.holder.find('.section-packages em').hide();
|
||
this.holder.find('.section-createdby span').text('');
|
||
}
|
||
else {
|
||
this.holder.find('.section-packages em').show();
|
||
this.holder.find('.section-createdby span').text(section.IssueName);
|
||
}
|
||
}
|
||
this.txtName.val(section.Name).data("texts", section.LocalNames);
|
||
this.txtDisplayText.val(section.DisplayText).data("texts", section.LocalDisplayTexts);;
|
||
}
|
||
};
|
||
s.prototype.getSectionValue = function (noalert, nocheck) {
|
||
var section = this.section;
|
||
section.Name = this.txtName.val();
|
||
section.DisplayText = this.txtDisplayText.val();
|
||
var alerttitle = GetTextByKey("P_IPT_SECTION", "Section");
|
||
if (!nocheck) {
|
||
if (!section.Name || section.Name.length == 0) {
|
||
if (!noalert)
|
||
showAlert(GetTextByKey("P_IPT_SETIONNAMENOTBEEMPTY", 'Section Name cannot be empty.'), alerttitle);
|
||
return false;
|
||
}
|
||
if (!section.DisplayText || section.DisplayText.length == 0) {
|
||
if (!noalert)
|
||
showAlert(GetTextByKey("P_IPT_SECTIONDISPLAYTEXTNOTBEEMPTY", 'Section Display Text cannot be empty.'), alerttitle);
|
||
return false;
|
||
}
|
||
}
|
||
var texts = this.txtName.data("texts");
|
||
if (texts) {
|
||
section.LocalNames = texts;
|
||
}
|
||
texts = this.txtDisplayText.data("texts");
|
||
if (texts) {
|
||
section.LocalDisplayTexts = texts;
|
||
}
|
||
section.Questions = [];
|
||
if (this.questionmodules.length > 0) {
|
||
for (var i = 0; i < this.questionmodules.length; i++) {
|
||
var q = this.questionmodules[i].getQuestionValue(noalert, nocheck);
|
||
if (!q) return false;
|
||
section.Questions.push(q);
|
||
}
|
||
}
|
||
return section;
|
||
};
|
||
s.prototype.updateQuestions = function (questions) {
|
||
if (questions == null) {
|
||
return;
|
||
}
|
||
this.questionmodules = [];
|
||
this.content.children('.question-holder').remove();
|
||
for (var i = 0; i < questions.length; i++) {
|
||
this.addQuestionModule(questions[i]);
|
||
}
|
||
};
|
||
s.prototype.addQuestionModule = function (q) {
|
||
var _this = this;
|
||
if (this.section.IsLink)
|
||
q.IsLink = true;
|
||
var qmodule = new Question(this, q, this.section.Questions.indexOf(q));
|
||
qmodule.oncopy = function (question) {
|
||
_this.oncopyquestion(question);
|
||
}
|
||
qmodule.ondelete = function (qm) {//qm:question module
|
||
_this.section.Questions.splice(_this.section.Questions.indexOf(qm.question), 1);
|
||
_this.questionmodules.splice(_this.questionmodules.indexOf(qm), 1);
|
||
}
|
||
this.questionmodules.push(qmodule);
|
||
this.content.append(qmodule.createContent());
|
||
};
|
||
s.prototype.oncopyquestion = function (question) {
|
||
question = JSON.parse(JSON.stringify(question));
|
||
question.Id = "";
|
||
//question.IsLink = false;
|
||
//question.ReferenceId = "";
|
||
if (!this.section.Questions)
|
||
this.section.Questions = [];
|
||
this.section.Questions.push(question);
|
||
this.addQuestionModule(question);
|
||
};
|
||
s.prototype.getQuestions = function () {
|
||
var _this = this;
|
||
var p = JSON.stringify([teamintelligence, htmlencode(this.section.Id)]);
|
||
inspectionrequest("GetGlobalQuestions", p, function (data) {
|
||
if (data) {
|
||
_this.section.Questions = data;
|
||
_this.content.children('.questionitem').remove();
|
||
_this.updateQuestions(data);
|
||
}
|
||
}, function (err) {
|
||
});
|
||
};
|
||
s.prototype.delete = function () {
|
||
var _this = this;
|
||
showConfirm(GetTextByKey("P_IPT_AREYOUSUREYOUWANTTODELETETHISSECTION", 'Are you sure you want to delete this section?'), GetTextByKey("P_IPT_DELETESECTION", 'Delete Section'), function () {
|
||
var p = JSON.stringify([teamintelligence, htmlencode(_this.section.Id)]);
|
||
inspectionrequest("DeleteGlobalSection", p, function (data) {
|
||
if (data !== 'OK')
|
||
showAlert(data, GetTextByKey("P_IPT_DELETESECTION", 'Delete Section'));
|
||
else if (_this.gsmodule && typeof _this.gsmodule.refresh === "function")
|
||
_this.gsmodule.refresh();
|
||
}, function (err) {
|
||
showAlert(GetTextByKey("P_IPT_FAILEDTODELETESECTION", 'Failed to delete section.'), GetTextByKey("P_IPT_DELETESECTION", 'Delete Section'));
|
||
});
|
||
});
|
||
};
|
||
s.prototype.refresh = function () {
|
||
var icon = this.content.find('.spanbtn');
|
||
if (icon.hasClass('iconangledown')) {
|
||
this.getQuestions();
|
||
}
|
||
};
|
||
s.prototype.dragOutQuestion = function (qm) {//called when question dragged end at question
|
||
var index = this.section.Questions.indexOf(qm.question)
|
||
if (index >= 0) {
|
||
this.section.Questions.splice(index, 1);
|
||
this.questionmodules.splice(index, 1);
|
||
}
|
||
};
|
||
s.prototype.dragInQuestion = function (target, qm, after) {//called when question dragged end at question
|
||
qm.sectionmodule = this;
|
||
qm.section = this.section;
|
||
if (!this.section.Questions)
|
||
this.section.Questions = [];
|
||
if (this.section.Questions.length == 0) {
|
||
this.section.Questions.push(qm.question);
|
||
this.questionmodules.push(qm);
|
||
return;
|
||
}
|
||
var tindex = 0;
|
||
if (target) {
|
||
tindex = this.section.Questions.indexOf(target);
|
||
if (after)
|
||
tindex = tindex + 1;
|
||
}
|
||
if (tindex >= 0) {
|
||
this.section.Questions.splice(tindex, 0, qm.question);
|
||
this.questionmodules.splice(tindex, 0, qm);
|
||
}
|
||
};
|
||
s.prototype.dragInSection = function () {//called when section dragged end at question
|
||
this.holder.parent().after(draggingobj.holder.parent());
|
||
draggingobj.pagemodule.dragOutSection(draggingobj);
|
||
this.pagemodule.dragInSection(this.section, draggingobj, true);
|
||
};
|
||
|
||
s.prototype.onsave = function () {
|
||
if (sectiontype == 1) return;
|
||
var item = this.getSectionValue(true);
|
||
if (!item) return;
|
||
var param = JSON.stringify(item);
|
||
param = htmlencode(param);
|
||
var p = JSON.stringify([teamintelligence, param]);
|
||
var _this = this;
|
||
inspectionrequest("SaveGlobalSection", p, function (data) {
|
||
if (typeof (data) === "string") {
|
||
showAlert(data, GetTextByKey("P_IPT_SAVESECTION", 'Save Section'));
|
||
}
|
||
else {
|
||
if (!_this.section)
|
||
_this.section = {};
|
||
_this.section.Id = data[0];
|
||
}
|
||
}, function (err) {
|
||
showAlert(GetTextByKey("P_IPT_FAILEDTOSAVESECTION", 'Failed to save Section.'), GetTextByKey("P_IPT_SAVESECTION", 'Save Section'));
|
||
});
|
||
}
|
||
return s;
|
||
}); |