940 lines
43 KiB
JavaScript
940 lines
43 KiB
JavaScript
define(['modules/sections/addquestion', 'modules/sections/option', 'common', 'modules/templates/picture'], function (AddQuestion, Option, Common, Picture) {
|
||
var q = function (sm, question, index) {
|
||
this.sectionmodule = sm;
|
||
this.section = sm.section;
|
||
this.question = question;
|
||
this.holder = null;
|
||
this.questionholder = null;
|
||
this.index = index;
|
||
|
||
this.txtName = null;
|
||
this.txtDisplayText = null;
|
||
this.selQuestionType = null;
|
||
this.chkIsRequired = null;
|
||
this.chkCanComment = null;
|
||
this.chkIsImportant = null;
|
||
this.chkCustomerVisible = null;
|
||
this.selSeverityLevel = null;
|
||
this.txtNotes = null;
|
||
this.chkMultipleSelect = null;
|
||
this.selLookupSource = null;
|
||
this.selSubType = null;
|
||
this.txtTransactionDate = null;
|
||
this.selState = null;
|
||
this.selFuelType = null;
|
||
this.selDistributedBy = null;
|
||
this.txtBarCodeValidate = null;
|
||
|
||
this.optionholder = undefined;
|
||
this.optiondiv = undefined;
|
||
this.btnoption = undefined;
|
||
this.optiontr = undefined;
|
||
this.optiontd = undefined;
|
||
this.multipleselectdiv = null;
|
||
this.lookupsourcespan = null;
|
||
this.additemspan = null;
|
||
this.optionmodules = [];
|
||
|
||
this.saving = false;
|
||
this.datachanged = false;
|
||
|
||
};
|
||
q.prototype.moduletype = "question";
|
||
q.prototype.description = "Question Module";
|
||
q.prototype.version = "1.0.0.0";
|
||
q.prototype.ondelete = null;
|
||
|
||
q.prototype.createContent = function () {
|
||
var _this = this;
|
||
if (sectiontype === 0) {
|
||
if (!_this.question.IssueId || _this.question.IssueId == "")
|
||
editable = true;
|
||
else
|
||
editable = false;
|
||
}
|
||
|
||
var holder = $('<div class="questionitem"></div>');
|
||
_this.holder = holder;
|
||
var qholder = $('<div class="question-holder"></div>');//question holder
|
||
holder.append(qholder);
|
||
_this.questionholder = qholder;
|
||
var oholder = $('<div style="display:none;"></div>');//option holder
|
||
holder.append(oholder);
|
||
_this.optionholder = oholder;
|
||
|
||
if (this.index % 2 == 1)
|
||
qholder.addClass('holder-even');
|
||
var drag = $('<div class="question-icon" style="width:30px;" title="' + GetTextByKey("P_IPT_XXX", "Move Question") + '"><em class="spanbtn iconmove rowdrag"></em></div>');
|
||
qholder.append(drag);
|
||
if (!_this.section.IsLink && 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") {
|
||
var t = $(this);
|
||
var after = e.originalEvent.clientY > t.offset().top + t.height() / 2;
|
||
if (after)
|
||
t.after(draggingobj.holder);
|
||
else
|
||
t.before(draggingobj.holder);
|
||
|
||
draggingobj.sectionmodule.dragOutQuestion(draggingobj);
|
||
_this.sectionmodule.dragInQuestion(_this.question, draggingobj, after);
|
||
}
|
||
else {//section dragging
|
||
if (_this.sectionmodule === draggingobj)
|
||
return;
|
||
else
|
||
_this.sectionmodule.dragInSection();
|
||
}
|
||
});
|
||
}
|
||
else
|
||
drag.children().remove();
|
||
|
||
if (templatereadonly || !editable)
|
||
drag.hide();
|
||
|
||
qholder.append('<div class="question-icon" style="width:30px;"><em class="fa"></em></div>');
|
||
_this.txtName = $('<input type="text" class="question-input" maxlength="100" autocomplete="off" style="width:146px;" />');
|
||
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.question);
|
||
});
|
||
qholder.append($('<div class="question-cell question-name" style="width: 190px;padding-left:10px;"></div>').append(this.txtName).append(addiText));
|
||
|
||
_this.txtDisplayText = $('<input type="text" class="question-input" maxlength="200" autocomplete="off" style="width:236px;" />');
|
||
addiText = $('<span class="spanbtn iconmultitext" style="font-size:14px;" title="' + GetTextByKey("P_IPT_XXX", "Language Selection") + '"/>');
|
||
addiText.click(function () {
|
||
Common.createMultiTextDialog(_this.txtDisplayText, _this.question);
|
||
});
|
||
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.question, function () { _this.onsave() });
|
||
picturemodule.createContent();
|
||
//Common.createImageDialog(_this.txtDisplayText, _this.question);
|
||
});
|
||
qholder.append($('<div class="question-cell question-display" style="width: 310px;"></div>').append(this.txtDisplayText).append(addiText).append(imgicon));
|
||
|
||
|
||
//this.selQuestionType<70><65>createQuestionTypeCtrl<72>и<EFBFBD>ֵ
|
||
var qt = createQuestionTypeCtrl().css('width', 140);
|
||
qholder.append($('<div class="question-cell question-type" style="width: 408px"></div>').append(qt));
|
||
createOptions();
|
||
|
||
_this.chkIsRequired = $('<input type="checkbox" />');
|
||
qholder.append($('<div class="question-cell question-required" style="width: 80px; text-align: center"></div>').append(this.chkIsRequired));
|
||
|
||
_this.chkCanComment = $('<input type="checkbox" />');
|
||
qholder.append($('<div class="question-cell question-comment" style="width: 65px; text-align: center"></div>').append(this.chkCanComment));
|
||
|
||
_this.chkIsImportant = $('<input type="checkbox" />');
|
||
qholder.append($('<div class="question-cell question-important" style="width: 70px; text-align: center"></div>').append(this.chkIsImportant));
|
||
|
||
_this.chkCustomerVisible = $('<input type="checkbox" />');
|
||
qholder.append($('<div class="question-cell question-important" style="width: 70px; text-align: center"></div>').append(this.chkCustomerVisible));
|
||
|
||
_this.selSeverityLevel = createSeverityLevel().addClass('question-input').css('width', 70);
|
||
qholder.append($('<div class="question-cell question-security" style="width: 80px"></div>').append(this.selSeverityLevel));
|
||
|
||
_this.txtNotes = $('<textarea class="question-input" maxlength="500" autocomplete="off" style="width:95%;margin-top:5px;"></textarea>');
|
||
qholder.append($('<div class="question-cell question-notes" style="width: 160px;white-space:normal;"></div>').append(this.txtNotes));
|
||
var funcs = $('<div class="question-cell question-func" style="width: 90px;text-align:right;padding-right:20px;"></div>');
|
||
qholder.append(funcs);
|
||
//qholder.find('.question-name span').click(function () {
|
||
// _this.onedit();
|
||
//});
|
||
//qholder.find('.question-display span').click(function () {
|
||
// _this.onedit();
|
||
//});
|
||
if (_this.question.IsLink) {
|
||
qholder.find('.question-name input').before('<em class="spanbtn iconlink" style="cursor:default;margin:0;padding-left:0;padding-right:2px;font-size:10px;"></em>');
|
||
qholder.find('input').prop('disabled', true);
|
||
qholder.find('select').prop('disabled', true);
|
||
qholder.find('textarea').prop('disabled', true);
|
||
qholder.find('.iconmultitext').remove();
|
||
qholder.find('.iconimage').remove();
|
||
}
|
||
if (!templatereadonly && editable) {
|
||
if (!_this.section.IsLink && sectiontype == 1 /*&& !_this.question.IsLink*/) {
|
||
funcs.append($('<em class="spanbtn iconcopy"></em>').click(function () {
|
||
if (_this.oncopy)
|
||
_this.oncopy(_this.getQuestionValue(true, true));
|
||
}).attr('title', GetTextByKey("P_IPT_COPYQUESTION", 'Copy Question')));
|
||
}
|
||
//if (!_this.question.IsLink) {
|
||
// funcs.append($('<em class="spanbtn iconedit"></em>').click(function () {
|
||
// _this.onedit();
|
||
// }).attr('title', 'Edit Question'));
|
||
//}
|
||
if (!_this.section.IsLink) {
|
||
funcs.append($('<em class="spanbtn icondelete"></em>').click(function () {
|
||
if (sectiontype == 0) {
|
||
_this.delete();
|
||
}
|
||
else {
|
||
showConfirm(GetTextByKey("P_IPT_AREYOUSUREYOUWANTTODELETETHISQUESTION", 'Are you sure you want to delete this question?'), GetTextByKey("P_IPT_DELETEQUESTION", 'Delete Question'), function () {
|
||
if (_this.ondelete) {
|
||
_this.holder.remove();
|
||
_this.ondelete(_this);
|
||
}
|
||
});
|
||
}
|
||
}).attr('title', GetTextByKey("P_IPT_DELETEQUESTION", 'Delete Question')));
|
||
}
|
||
}
|
||
if (_this.question != null) {
|
||
_this.updateContent(_this.question);
|
||
}
|
||
if (templatereadonly || !editable)
|
||
setDisabled();
|
||
|
||
function createQuestionTypeCtrl() {
|
||
var tb = $('<table style="line-height:unset;"></table>');
|
||
var tr = $('<tr></tr>');
|
||
tb.append(tr);
|
||
var td = $('<td></td>');
|
||
tr.append(td);
|
||
_this.selQuestionType = createQuestionType().addClass('question-input');
|
||
td.append(_this.selQuestionType);
|
||
_this.selQuestionType.change(function () {
|
||
_this.questionTypeChange(true);
|
||
});
|
||
|
||
td = $('<td></td>');
|
||
tr.append(td);
|
||
_this.btnoption = $('<span class="spanbtn iconangleleft" style="font-size:18px;" title="' + GetTextByKey("P_IPT_XXX","Display Options") + '"></span>');
|
||
td.append(_this.btnoption);
|
||
_this.btnoption.click(function () {
|
||
var icon = $(this);
|
||
var type = _this.selQuestionType.val();
|
||
if (icon.hasClass('iconangleleft')) {
|
||
icon.removeClass('iconangleleft').addClass('iconangledown');
|
||
_this.optionholder.show();
|
||
if (type === "8" || type === "9")
|
||
_this.multipleselectdiv.show();
|
||
else
|
||
_this.multipleselectdiv.hide();
|
||
}
|
||
else {
|
||
icon.removeClass('iconangledown').addClass('iconangleleft');
|
||
_this.optionholder.hide();
|
||
}
|
||
});
|
||
|
||
td = $('<td></td>');
|
||
tr.append(td);
|
||
_this.selSubType = createSubType().addClass('question-input').css({ 'width': 128, 'margin-left': '3px' });
|
||
_this.selSubType.change(function () {
|
||
_this.subTypeChange(true);
|
||
});
|
||
td.append(_this.selSubType);
|
||
|
||
|
||
td = $('<td></td>');
|
||
tr.append(td);
|
||
|
||
_this.txtTransactionDate = $('<input type="text" class="question-input" maxlength="20" autocomplete="off" />').css({ 'width': 100, 'margin-left': '3px' });
|
||
_this.txtTransactionDate.hide();
|
||
_this.txtTransactionDate.datetimepicker({
|
||
timepicker: false,
|
||
format: 'm/d/Y',
|
||
enterLikeTab: false
|
||
});
|
||
_this.txtTransactionDate.change(function () {
|
||
_this.transactionDateChange(true);
|
||
});
|
||
td.append(_this.txtTransactionDate);
|
||
|
||
_this.selState = createState().addClass('question-input').css({ 'width': 116, 'margin-left': '3px' });
|
||
_this.selState.hide();
|
||
_this.selState.change(function () {
|
||
_this.stateChange(true);
|
||
});
|
||
td.append(_this.selState);
|
||
|
||
_this.selFuelType = createFuelType().addClass('question-input').css({ 'width': 116, 'margin-left': '3px' });
|
||
_this.selFuelType.hide();
|
||
_this.selFuelType.change(function () {
|
||
_this.fuelTypeChange(true);
|
||
});
|
||
td.append(_this.selFuelType);
|
||
|
||
_this.selDistributedBy = createDistributedBy().addClass('question-input').css({ 'width': 116, 'margin-left': '3px' });
|
||
_this.selDistributedBy.hide();
|
||
_this.selDistributedBy.change(function () {
|
||
_this.distributedByChange(true);
|
||
});
|
||
td.append(_this.selDistributedBy);
|
||
|
||
|
||
td = $('<td></td>');
|
||
tr.append(td);
|
||
_this.txtBarCodeValidate = $('<input type="text" class="question-input" maxlength="200" autocomplete="off" isValue="0" promptText="' + GetTextByKey("P_IPT_TEXTTOCOMPARE", "Text to compare") + '" style="width:112px;margin-left:3px;" />');
|
||
_this.txtBarCodeValidate.focus(function () {
|
||
if (_this.txtBarCodeValidate.attr("isValue") === "0") {
|
||
_this.txtBarCodeValidate.val("");
|
||
_this.txtBarCodeValidate.removeClass("prompttext");
|
||
}
|
||
});
|
||
_this.txtBarCodeValidate.blur(function () {
|
||
if (_this.txtBarCodeValidate.val() == "") {
|
||
_this.txtBarCodeValidate.attr("isValue", "0");
|
||
_this.txtBarCodeValidate.val(_this.txtBarCodeValidate.attr("promptText"));
|
||
_this.txtBarCodeValidate.addClass("prompttext");
|
||
}
|
||
});
|
||
td.append(_this.txtBarCodeValidate);
|
||
|
||
if (_this.question.IsLink)
|
||
_this.btnoption.remove();
|
||
|
||
//tb = $('<table style="line-height:unset;"></table>');
|
||
//_this.multipleselectdiv = $('<span style="margin-left:50px;"><label>Multiple Select:</label></span>');
|
||
//_this.chkMultipleSelect = $('<input type="checkbox" style="margin-left:10px;" />');
|
||
//_this.multipleselectdiv.append(_this.chkMultipleSelect);
|
||
|
||
//_this.optiontr = $('<tr style="display:none;"></tr>');
|
||
//tb.append(_this.optiontr);
|
||
//var btn_additem = $('<span class="sbutton iconadd">Add Item</span>').click(function () {
|
||
// _this.addOption();
|
||
//});
|
||
//_this.optiontd = $('<td colspan="2"></td>');
|
||
//_this.optiontd.append('<span style="font-weight:bold;margin-right:5px;">Options</span>');
|
||
//_this.optiontd.append(btn_additem);
|
||
//_this.optiontd.append(_this.multipleselectdiv);
|
||
//_this.optiontr.append(_this.optiontd);
|
||
return tb;
|
||
}
|
||
|
||
function createOptions() {
|
||
_this.optiondiv = $('<div style="width:680px;margin-left:540px;padding-left:5px;padding-bottom:5px; border: 1px solid #a8a8a8;line-height:32px;"></div>');
|
||
_this.optionholder.append(_this.optiondiv);
|
||
_this.multipleselectdiv = $('<span style="margin-left:50px;"><label>' + GetTextByKey("P_IPT_MULTIPLESELECT_COLON", "Multiple Select:") + '</label></span>');
|
||
_this.chkMultipleSelect = $('<input type="checkbox" style="margin-left:10px;" />');
|
||
_this.multipleselectdiv.append(_this.chkMultipleSelect);
|
||
_this.additemspan = $('<span class="sbutton iconadd">' + GetTextByKey("P_IPT_ADDITEM", "Add Item") + '</span>').click(function () {
|
||
_this.addOption();
|
||
});
|
||
|
||
_this.lookupsourcespan = $('<span style="margin-left:50px;"><label>' + GetTextByKey("P_IPT_LOOKUPSOURCE_COLON", "Lookup Source:") + '</label></span>');
|
||
_this.selLookupSource = createLookupSource().addClass('question-input').css({ 'width': 150, 'margin-left': '5px' });
|
||
_this.selLookupSource.change(function () {
|
||
_this.lookupSourcesChange(true);
|
||
});
|
||
_this.lookupsourcespan.append(_this.selLookupSource);
|
||
|
||
_this.optiondiv.append('<span style="font-weight:bold;margin-right:5px;">' + GetTextByKey("P_IPT_OPTIONS", "Options") + '</span>');
|
||
_this.optiondiv.append(_this.additemspan);
|
||
_this.optiondiv.append(_this.multipleselectdiv);
|
||
_this.optiondiv.append(_this.lookupsourcespan);
|
||
}
|
||
|
||
function createQuestionType() {
|
||
var items = [];
|
||
items.push({ 'Key': 0, "Value": GetTextByKey("P_IPT_QT_SINGLELINETEXT", "Single Line Text") });
|
||
items.push({ 'Key': 1, "Value": GetTextByKey("P_IPT_QT_MULTIPLELINETEXT", "Multiple Line Text") });
|
||
items.push({ 'Key': 2, "Value": GetTextByKey("P_IPT_QT_EMAILMANUAL", "Email (Manual)") });
|
||
items.push({ 'Key': 14, "Value": GetTextByKey("P_IPT_QT_EMAILDROPDOWN", "Email (Drop Down)") });
|
||
items.push({ 'Key': 3, "Value": GetTextByKey("P_IPT_QT_NUMBER", "Number") });
|
||
items.push({ 'Key': 4, "Value": GetTextByKey("P_IPT_QT_INTEGER", "Integer") });
|
||
items.push({ 'Key': 5, "Value": GetTextByKey("P_IPT_QT_YESORNO", "Yes Or No") });
|
||
items.push({ 'Key': 6, "Value": GetTextByKey("P_IPT_QT_DATE", "Date") });
|
||
items.push({ 'Key': 7, "Value": GetTextByKey("P_IPT_QT_DATEANDTIME", "Date And Time") });
|
||
items.push({ 'Key': 8, "Value": GetTextByKey("P_IPT_QT_DROPDOWN", "Drop Down") });
|
||
items.push({ 'Key': 9, "Value": GetTextByKey("P_IPT_QT_LIST", "List") });
|
||
items.push({ 'Key': 10, "Value": GetTextByKey("P_IPT_QT_PICTURE", "Picture") });
|
||
if (!teamintelligence) {
|
||
items.push({ 'Key': 11, "Value": GetTextByKey("P_IPT_QT_ODOMETER", "Odometer") });
|
||
items.push({ 'Key': 12, "Value": GetTextByKey("P_IPT_QT_ENGINEHOURS", "Engine Hours") });
|
||
items.push({ 'Key': 13, "Value": GetTextByKey("P_IPT_QT_FUELREMAINING", "Fuel Remaining") });
|
||
items.push({ 'Key': 15, "Value": GetTextByKey("P_IPT_QT_FUELRECORDS", "Fuel Records") });
|
||
}
|
||
items.push({ 'Key': 16, "Value": GetTextByKey("P_IPT_QT_BARCODE", "Bar Code") });
|
||
items.push({ 'Key': 17, "Value": GetTextByKey("P_IPT_QT_BARCODEVALIDATE", "Bar Code Validate") });
|
||
items.push({ 'Key': 18, "Value": GetTextByKey("P_IPT_QT_FUELUSED", "Fuel Used") });
|
||
items.push({ 'Key': 19, "Value": GetTextByKey("P_IPT_QT_XXX", "Asset Status") });
|
||
var sel = $('<select style="width:140px; height:26px;"></select>');
|
||
for (var i = 0; i < items.length; i++) {
|
||
var item = items[i];
|
||
sel.append('<option value="' + item.Key + '">' + item.Value + '</option>');
|
||
}
|
||
return sel;
|
||
}
|
||
|
||
function createSubType() {
|
||
var items = [];
|
||
items.push({ 'Key': 0, "Value": GetTextByKey("P_IPT_ST_TRANSACTIONDATE", "Transaction Date") });
|
||
items.push({ 'Key': 1, "Value": GetTextByKey("P_IPT_ST_TICKETRECEIPTNUMBER", "Ticket/Receipt Number") });
|
||
items.push({ 'Key': 2, "Value": GetTextByKey("P_IPT_ST_DRIVERNAME", "Driver Name") });
|
||
items.push({ 'Key': 3, "Value": GetTextByKey("P_IPT_ST_RETAILERNAME", "Retailer Name") });
|
||
items.push({ 'Key': 4, "Value": GetTextByKey("P_IPT_ST_RETAILERADDRESS", "Retailer Address") });
|
||
items.push({ 'Key': 5, "Value": GetTextByKey("P_IPT_ST_CITY", "City") });
|
||
items.push({ 'Key': 6, "Value": GetTextByKey("P_IPT_ST_STATE", "State") });
|
||
items.push({ 'Key': 7, "Value": GetTextByKey("P_IPT_ST_ZIP", "Zip") });
|
||
items.push({ 'Key': 8, "Value": GetTextByKey("P_IPT_ST_ODOMETER", "Odometer") });
|
||
items.push({ 'Key': 9, "Value": GetTextByKey("P_IPT_ST_FUELTYPE", "Fuel Type") });
|
||
items.push({ 'Key': 10, "Value": GetTextByKey("P_IPT_ST_QUANTITY", "Quantity") });
|
||
items.push({ 'Key': 11, "Value": GetTextByKey("P_IPT_ST_UOMCOST", "Unit Cost") });
|
||
items.push({ 'Key': 12, "Value": GetTextByKey("P_IPT_ST_TOTALCOST", "Total Cost") });
|
||
items.push({ 'Key': 13, "Value": GetTextByKey("P_IPT_ST_BRANDNAME", "Brand Name") });
|
||
items.push({ 'Key': 14, "Value": GetTextByKey("P_IPT_ST_NOTES", "Notes") });
|
||
items.push({ 'Key': 15, "Value": GetTextByKey("P_IPT_ST_PICTURE", "Picture") });
|
||
items.push({ 'Key': 16, "Value": GetTextByKey("P_IPT_ST_DISTRIBUTEDBY", "Distributed By") });
|
||
var sel = $('<select style="width:125px; height:26px;"></select>');
|
||
for (var i = 0; i < items.length; i++) {
|
||
var item = items[i];
|
||
sel.append('<option value="' + item.Key + '">' + item.Value + '</option>');
|
||
}
|
||
return sel;
|
||
}
|
||
|
||
function createDistributedBy() {
|
||
var items = [];
|
||
items.push({ 'Key': "", "Value": "" });
|
||
items.push({ 'Key': "0", "Value": GetTextByKey("P_FR_FUELINGSTATION", "Fueling Station") });
|
||
items.push({ 'Key': "1", "Value": GetTextByKey("P_FR_FUELINGASSET", "Fueling Asset") });
|
||
var sel = $('<select style="width:125px; height:26px;"></select>');
|
||
for (var i = 0; i < items.length; i++) {
|
||
var item = items[i];
|
||
sel.append('<option value="' + item.Key + '">' + item.Value + '</option>');
|
||
}
|
||
return sel;
|
||
}
|
||
|
||
function createState() {
|
||
var items = [];
|
||
items.push("", "AL", "AK", "AZ", "AR", "CA", "CO", "CT", "DE", "FL", "GA", "HI", "ID", "IL", "IN", "IA", "KS", "KY", "LA", "ME", "MD", "MA", "MI", "MN", "MS", "MO", "MT", "NE", "NV", "NH", "NJ",
|
||
"NM", "NY", "NC", "ND", "OH", "OK", "OR", "PA", "RI", "SC", "SD", "TN", "TX", "UT", "VT", "VA", "WA", "WV", "WI", "WY");
|
||
var sel = $('<select style="width:125px; height:26px;"></select>');
|
||
for (var i = 0; i < items.length; i++) {
|
||
var item = items[i];
|
||
sel.append('<option value="' + item + '">' + item + '</option>');
|
||
}
|
||
return sel;
|
||
}
|
||
|
||
function createFuelType() {
|
||
var sel = $('<select style="width:125px; height:26px;"></select>');
|
||
sel.append('<option value=""></option>');
|
||
if (typeof fuelTypes !== 'undefined') {
|
||
if (fuelTypes && fuelTypes.length > 0) {
|
||
for (var i = 0; i < fuelTypes.length; i++) {
|
||
var item = fuelTypes[i];
|
||
sel.append('<option value="' + item.Key + '">' + item.Value + '</option>');
|
||
}
|
||
}
|
||
if (_this.question && _this.question.QuestionType === 15 && _this.question.SubType === 9)
|
||
sel.val(_this.question.DefaultValue);
|
||
return sel;
|
||
}
|
||
|
||
inspectionrequest("GetFuelTypes", '', function (data) {
|
||
if (typeof (data) === "string")
|
||
return sel;
|
||
|
||
if (data && data.length > 0) {
|
||
for (var i = 0; i < data.length; i++) {
|
||
var item = data[i];
|
||
sel.append('<option value="' + item.Key + '">' + item.Value + '</option>');
|
||
}
|
||
}
|
||
if (_this.question && _this.question.QuestionType === 15 && _this.question.SubType === 9)
|
||
sel.val(_this.question.DefaultValue);
|
||
|
||
}, function (err) {
|
||
});
|
||
|
||
return sel;
|
||
}
|
||
|
||
function createSeverityLevel() {
|
||
var items = [];
|
||
items.push({ 'Key': 0, "Value": GetTextByKey("P_IPT_SL_NONE", "None") });
|
||
items.push({ 'Key': 1, "Value": GetTextByKey("P_IPT_SL_LOW", "Low") });
|
||
items.push({ 'Key': 2, "Value": GetTextByKey("P_IPT_SL_MEDIUM", "Medium") });
|
||
items.push({ 'Key': 3, "Value": GetTextByKey("P_IPT_SL_HIGH", "High") });
|
||
var sel = $('<select style="width:324px;height:26px;"></select>');
|
||
for (var i = 0; i < items.length; i++) {
|
||
var item = items[i];
|
||
sel.append('<option value="' + item.Key + '">' + item.Value + '</option>');
|
||
}
|
||
return sel;
|
||
}
|
||
|
||
function createLookupSource() {
|
||
var items = [];
|
||
items.push({ 'Key': 0, "Value": GetTextByKey("P_IPT_LS_MANUALINPUT", "Manual Input") });
|
||
items.push({ 'Key': 1, "Value": GetTextByKey("P_IPT_LS_JOBSITES", "Jobsites") });
|
||
items.push({ 'Key': 2, "Value": GetTextByKey("P_IPT_LS_ASSETS", "Assets") });
|
||
items.push({ 'Key': 4, "Value": GetTextByKey("P_IPT_LS_ASSETNAMECUSTOM", "Asset Name Custom") });
|
||
items.push({ 'Key': 3, "Value": GetTextByKey("P_IPT_LS_EMPLOYEES", "Employees") });
|
||
var sel = $('<select style="width:324px;height:26px;"></select>');
|
||
for (var i = 0; i < items.length; i++) {
|
||
var item = items[i];
|
||
sel.append('<option value="' + item.Key + '">' + item.Value + '</option>');
|
||
}
|
||
return sel;
|
||
}
|
||
|
||
function controlSaveEvent() {
|
||
_this.txtName.change(function () {
|
||
_this.onsave();
|
||
});
|
||
_this.txtDisplayText.change(function () {
|
||
_this.onsave();
|
||
});
|
||
_this.chkIsRequired.click(function () {
|
||
_this.onsave();
|
||
});
|
||
_this.chkCanComment.click(function () {
|
||
_this.onsave();
|
||
});
|
||
_this.chkIsImportant.click(function () {
|
||
_this.onsave();
|
||
});
|
||
_this.chkCustomerVisible.click(function () {
|
||
_this.onsave();
|
||
});
|
||
_this.selSeverityLevel.change(function () {
|
||
_this.onsave();
|
||
});
|
||
_this.txtNotes.blur(function () {
|
||
_this.onsave();
|
||
});
|
||
|
||
_this.chkMultipleSelect.click(function () {
|
||
_this.onsave();
|
||
});
|
||
_this.txtBarCodeValidate.change(function () {
|
||
if (_this.txtBarCodeValidate.val() == "") {
|
||
_this.txtBarCodeValidate.attr("isValue", "0");
|
||
_this.txtBarCodeValidate.val(_this.txtBarCodeValidate.attr("promptText"));
|
||
_this.txtBarCodeValidate.addClass("prompttext");
|
||
}
|
||
else {
|
||
_this.txtBarCodeValidate.attr("isValue", "1");
|
||
}
|
||
_this.onsave();
|
||
});
|
||
}
|
||
|
||
function setDisabled() {
|
||
_this.txtName.prop('disabled', true);
|
||
_this.txtDisplayText.prop('disabled', true);
|
||
_this.chkIsRequired.prop('disabled', true);
|
||
_this.chkCanComment.prop('disabled', true);
|
||
_this.chkIsImportant.prop('disabled', true);
|
||
_this.chkCustomerVisible.prop('disabled', true);
|
||
_this.selSeverityLevel.prop('disabled', true);
|
||
_this.txtNotes.prop('disabled', true);
|
||
_this.chkMultipleSelect.prop('disabled', true);
|
||
_this.selQuestionType.prop('disabled', true);
|
||
_this.selLookupSource.prop('disabled', true);
|
||
_this.selSubType.prop('disabled', true);
|
||
_this.selDistributedBy.prop('disabled', true);
|
||
_this.selFuelType.prop('disabled', true);
|
||
_this.txtTransactionDate.prop('disabled', true);
|
||
_this.selState.prop('disabled', true);
|
||
_this.txtBarCodeValidate.prop('disabled', true);
|
||
_this.additemspan.hide();
|
||
|
||
_this.holder.find(".iconmultitext").hide();
|
||
_this.holder.find(".iconimage").hide();
|
||
_this.holder.find(".iconangleleft").hide();
|
||
}
|
||
controlSaveEvent();
|
||
return holder;
|
||
};
|
||
q.prototype.questionTypeChange = function (needsave) {
|
||
var _this = this;
|
||
_this.optionmodules = [];
|
||
//_this.optiontd.find('table').remove();
|
||
_this.optionholder.find('table').remove();
|
||
var type = _this.selQuestionType.val();
|
||
questiontype = type;
|
||
if (['5', '8', '9'].indexOf(type) >= 0) {
|
||
_this.btnoption.show();
|
||
if (_this.btnoption.hasClass('iconangledown')) {
|
||
if (type === "8" || type === "9")
|
||
_this.multipleselectdiv.show();
|
||
else
|
||
_this.multipleselectdiv.hide();
|
||
//_this.optiontr.show();
|
||
_this.optionholder.show();
|
||
}
|
||
|
||
if (type === "5") {
|
||
var ynops = [{ 'Text': GetTextByKey("P_IPT_YES", 'Yes'), 'BackgroundColor': '#0F0', 'Value': 'Yes', 'SeverityLevel': 0 }, { 'Text': GetTextByKey("P_IPT_NO", 'No'), 'BackgroundColor': '#F00', 'Value': 'No', 'SeverityLevel': 0 }];
|
||
for (var i = 0; i < ynops.length; i++) {
|
||
var op = ynops[i]; if (_this.question) {
|
||
if (i < _this.question.SelectItems.length) {
|
||
op.BackgroundColor = _this.question.SelectItems[i].BackgroundColor;
|
||
op.SeverityLevel = _this.question.SelectItems[i].SeverityLevel;
|
||
op.LocalTexts = _this.question.SelectItems[i].LocalTexts;
|
||
}
|
||
}
|
||
op.removable = false;
|
||
_this.addOption(op, false);
|
||
}
|
||
//_this.optiontr.find('.sbutton').hide();
|
||
_this.optionholder.find('.sbutton').hide();
|
||
}
|
||
else {
|
||
//_this.optiontr.find('.sbutton').show();
|
||
_this.optionholder.find('.sbutton').show();
|
||
if (_this.question) {
|
||
for (var i = 0; i < _this.question.SelectItems.length; i++) {
|
||
_this.addOption(_this.question.SelectItems[i]);
|
||
}
|
||
}
|
||
else
|
||
_this.addOption();
|
||
}
|
||
|
||
if (type === "8") {
|
||
_this.lookupsourcespan.show();
|
||
}
|
||
else {
|
||
_this.lookupsourcespan.hide();
|
||
}
|
||
}
|
||
else {
|
||
_this.btnoption.hide();
|
||
//_this.optiontr.hide();
|
||
_this.optionholder.hide()
|
||
//_this.multipleselectdiv.hide();
|
||
}
|
||
|
||
|
||
_this.txtTransactionDate.hide();
|
||
_this.selState.hide();
|
||
_this.selFuelType.hide();
|
||
_this.selDistributedBy.hide();
|
||
if (type === "15" || type === "17") {
|
||
if (type === "15") {
|
||
_this.selSubType.show();
|
||
_this.questionholder.attr('title', GetTextByKey("P_IPT_THESEQUESTIONSCREATEFUELRECORDSINASSETHEALTH", 'These questions create Fuel Records in Asset Health'));
|
||
_this.txtBarCodeValidate.hide();
|
||
var subtype = _this.selSubType.val();
|
||
//if (subtype === "0")
|
||
// _this.txtTransactionDate.show();
|
||
if (subtype === "6")
|
||
_this.selState.show();
|
||
else if (subtype === "9")
|
||
_this.selFuelType.show();
|
||
else if (subtype === "16")
|
||
_this.selDistributedBy.show()
|
||
}
|
||
else {
|
||
_this.selSubType.hide();
|
||
_this.questionholder.removeAttr('title');
|
||
_this.txtBarCodeValidate.show();
|
||
}
|
||
}
|
||
else {
|
||
_this.selSubType.hide();
|
||
_this.txtBarCodeValidate.hide();
|
||
if (!this.question.IsLink)
|
||
_this.chkIsRequired.prop('disabled', false);
|
||
_this.questionholder.removeAttr('title');
|
||
}
|
||
|
||
if (needsave)
|
||
_this.onsave();
|
||
}
|
||
|
||
q.prototype.lookupSourcesChange = function (needsave) {
|
||
var _this = this;
|
||
var type = _this.selQuestionType.val();
|
||
var source = _this.selLookupSource.val();
|
||
|
||
if (type === "8" && source !== "0") {
|
||
_this.additemspan.hide();
|
||
_this.optionholder.find('table').remove();
|
||
_this.optionmodules = [];
|
||
}
|
||
else {
|
||
_this.additemspan.show();
|
||
}
|
||
if (needsave)
|
||
_this.onsave();
|
||
}
|
||
|
||
q.prototype.subTypeChange = function (needsave) {
|
||
var _this = this;
|
||
_this.txtTransactionDate.hide();
|
||
_this.selState.hide();
|
||
_this.selFuelType.hide();
|
||
_this.selDistributedBy.hide();
|
||
|
||
var subtype = _this.selSubType.val();
|
||
//if (subtype === "0")
|
||
// _this.txtTransactionDate.show();
|
||
if (subtype === "6")
|
||
_this.selState.show();
|
||
else if (subtype === "9")
|
||
_this.selFuelType.show();
|
||
else if (subtype === "16")
|
||
_this.selDistributedBy.show()
|
||
|
||
if (needsave)
|
||
_this.onsave();
|
||
}
|
||
|
||
q.prototype.distributedByChange = function (needsave) {
|
||
var _this = this;
|
||
if (needsave)
|
||
_this.onsave();
|
||
}
|
||
|
||
q.prototype.stateChange = function (needsave) {
|
||
var _this = this;
|
||
if (needsave)
|
||
_this.onsave();
|
||
}
|
||
|
||
q.prototype.transactionDateChange = function (needsave) {
|
||
var _this = this;
|
||
if (needsave)
|
||
_this.onsave();
|
||
}
|
||
|
||
q.prototype.fuelTypeChange = function (needsave) {
|
||
var _this = this;
|
||
if (needsave)
|
||
_this.onsave();
|
||
}
|
||
|
||
q.prototype.addOption = function (item, texteditable) {
|
||
var _this = this;
|
||
var op = new Option(_this, item);
|
||
op.onremove = function (item) {
|
||
_this.optionmodules.splice(_this.optionmodules.indexOf(item), 1);
|
||
}
|
||
if (texteditable != undefined || texteditable != null)
|
||
op.texteditable = texteditable;
|
||
_this.optionmodules.push(op);
|
||
//_this.optiontd.append(op.createContent());
|
||
_this.optiondiv.append(op.createContent());
|
||
}
|
||
|
||
q.prototype.onedit = function () {
|
||
var _this = this;
|
||
var aq = new AddQuestion(_this.sectionmodule, _this.section.Id, _this.question);
|
||
if (sectiontype == 0) {
|
||
$('#right_popup').empty().append(aq.createContent());
|
||
showRightPopup(true);
|
||
}
|
||
else {
|
||
aq.onsave = function (question) {
|
||
_this.question.Name = question.Name;
|
||
_this.question.DisplayText = question.DisplayText;
|
||
_this.question.Notes = question.Notes;
|
||
_this.question.LocalNames = question.LocalNames;
|
||
_this.question.LocalDisplayTexts = question.LocalDisplayTexts;
|
||
|
||
_this.question.QuestionType = question.QuestionType;
|
||
_this.question.IsRequired = question.IsRequired;
|
||
_this.question.CanComment = question.CanComment;
|
||
_this.question.IsImportant = question.IsImportant;
|
||
_this.question.SeverityLevel = question.SeverityLevel;
|
||
_this.question.SelectItems = question.SelectItems;
|
||
|
||
_this.updateContent(_this.question);
|
||
}
|
||
$('#right_popup1').empty().append(aq.createContent()).show();
|
||
}
|
||
}
|
||
q.prototype.updateContent = function (question) {
|
||
if (this.question != question) {
|
||
this.question = question;
|
||
}
|
||
|
||
this.txtName.val(question.Name).data("texts", question.LocalNames);
|
||
this.txtDisplayText.val(question.DisplayText).data("texts", question.LocalDisplayTexts);
|
||
this.selQuestionType.val(question.QuestionType);
|
||
this.questionTypeChange(false);
|
||
this.chkIsRequired.attr('checked', question.IsRequired);
|
||
this.chkCanComment.attr('checked', question.CanComment);
|
||
this.chkIsImportant.attr('checked', question.IsImportant);
|
||
this.chkCustomerVisible.attr('checked', question.VisibleToCustomer);
|
||
this.selSeverityLevel.val(question.SeverityLevel);
|
||
this.txtNotes.val(question.Notes);
|
||
this.chkMultipleSelect.attr('checked', question.MultipleSelect);
|
||
this.selLookupSource.val(question.LookupSource);
|
||
this.lookupSourcesChange(false);
|
||
if (question.QuestionType == 15) {
|
||
this.selSubType.val(question.SubType);
|
||
//if (question.SubType === 0)
|
||
// this.txtTransactionDate.val(question.DefaultValue);
|
||
if (question.SubType === 6)
|
||
this.selState.val(question.DefaultValue);
|
||
else if (question.SubType === 9)
|
||
this.selFuelType.val(question.DefaultValue);
|
||
else if (question.SubType === 16)
|
||
this.selDistributedBy.val(question.DefaultValue);
|
||
|
||
this.subTypeChange(false);
|
||
}
|
||
this.txtBarCodeValidate.val(question.TextToCompare);
|
||
|
||
if (this.txtBarCodeValidate.val() == "") {
|
||
this.txtBarCodeValidate.attr("isValue", "0");
|
||
this.txtBarCodeValidate.val(this.txtBarCodeValidate.attr("promptText"));
|
||
this.txtBarCodeValidate.addClass("prompttext");
|
||
}
|
||
else {
|
||
this.txtBarCodeValidate.attr("isValue", "1");
|
||
this.txtBarCodeValidate.removeClass("prompttext");
|
||
}
|
||
};
|
||
q.prototype.getQuestionValue = function (noalert, nocheck) {
|
||
var question = this.question;
|
||
question.Name = this.txtName.val();
|
||
question.DisplayText = this.txtDisplayText.val();
|
||
var texts = this.txtName.data("texts");
|
||
if (texts) {
|
||
question.LocalNames = texts;
|
||
}
|
||
texts = this.txtDisplayText.data("texts");
|
||
if (texts) {
|
||
question.LocalDisplayTexts = texts;
|
||
}
|
||
|
||
question.QuestionType = this.selQuestionType.val();
|
||
question.IsRequired = this.chkIsRequired.prop('checked');
|
||
question.CanComment = this.chkCanComment.prop('checked');
|
||
question.IsImportant = this.chkIsImportant.prop('checked');
|
||
question.VisibleToCustomer = this.chkCustomerVisible.prop('checked');
|
||
question.SeverityLevel = this.selSeverityLevel.val();
|
||
question.Notes = this.txtNotes.val();
|
||
if (question.QuestionType === "8" || question.QuestionType === "9")
|
||
question.MultipleSelect = this.chkMultipleSelect.prop('checked');
|
||
else
|
||
question.MultipleSelect = false;
|
||
question.LookupSource = this.selLookupSource.val();
|
||
|
||
question.SubType = this.selSubType.val();
|
||
//if (question.SubType === "0")
|
||
// question.DefaultValue = this.txtTransactionDate.val();
|
||
if (question.SubType === "6")
|
||
question.DefaultValue = this.selState.val();
|
||
else if (question.SubType === "9")
|
||
question.DefaultValue = this.selFuelType.val();
|
||
else if (question.SubType === "16")
|
||
question.DefaultValue = this.selDistributedBy.val();
|
||
|
||
question.TextToCompare = this.txtBarCodeValidate.val();
|
||
if (this.txtBarCodeValidate.attr("isValue") === "0") {
|
||
question.TextToCompare = "";
|
||
}
|
||
question.SelectItems = [];
|
||
var alerttitle = GetTextByKey("P_IPT_QUESTION", "Question");
|
||
if (!nocheck) {
|
||
if (!question.Name || question.Name.length == 0) {
|
||
if (!noalert)
|
||
showAlert(GetTextByKey("P_IPT_QUESTIONNAMENOTBEEMPTY", 'Question Name cannot be empty.'), alerttitle);
|
||
return false;
|
||
}
|
||
if (!question.DisplayText || question.DisplayText.length == 0) {
|
||
if (!noalert)
|
||
showAlert(GetTextByKey("P_IPT_QUESTIONDISPLAYTEXTNOTBEEMPTY", 'Question Display Text cannot be empty.'), alerttitle);
|
||
return false;
|
||
}
|
||
if (question.QuestionType == "17" && question.IsRequired == true && (!question.TextToCompare || question.TextToCompare.length == 0)) {
|
||
if (!noalert)
|
||
showAlert(GetTextByKey("P_IPT_TEXTTPCOMPARENOTBEEMPTY", 'Text to compare cannot be empty.'), alerttitle);
|
||
return false;
|
||
}
|
||
}
|
||
|
||
if (this.optionmodules.length > 0) {
|
||
for (var i = 0; i < this.optionmodules.length; i++) {
|
||
var selectitem = this.optionmodules[i].getOptionValue();
|
||
if (!nocheck) {
|
||
if (!selectitem.Text || selectitem.Text.length == 0) {
|
||
if (!noalert)
|
||
showAlert(GetTextByKey("P_IPT_OPTIONNAMECANNOTBEEMPTY", 'Option name cannot be empty.'), alerttitle);
|
||
return false;
|
||
}
|
||
}
|
||
question.SelectItems.push(selectitem)
|
||
}
|
||
}
|
||
//if (!nocheck && !noalert) {
|
||
// if (!noalert) {
|
||
// if ((question.QuestionType === "8" || question.QuestionType === "9") && question.SelectItems.length == 0) {
|
||
// showAlert('There must be at least one choice.', alerttitle);
|
||
// return false;
|
||
// }
|
||
// }
|
||
//}
|
||
return question;
|
||
};
|
||
q.prototype.delete = function () {
|
||
var _this = this;
|
||
showConfirm(GetTextByKey("P_IPT_AREYOUSUREYOUWANTTODELETETHISQUESTION", 'Are you sure you want to delete this question?'), GetTextByKey("P_IPT_DELETEQUESTION", "Delete Question"), function () {
|
||
if (!_this.question.Id) {
|
||
_this.holder.remove();
|
||
return;
|
||
}
|
||
var p = JSON.stringify([teamintelligence, htmlencode(_this.question.Id)]);
|
||
inspectionrequest("DeleteGlobalQuestion", p, function (data) {
|
||
if (data !== 'OK')
|
||
showAlert(data, GetTextByKey("P_IPT_DELETEQUESTION", "Delete Question"));
|
||
else if (_this.sectionmodule && typeof _this.sectionmodule.refresh === "function")
|
||
_this.sectionmodule.refresh();
|
||
}, function (err) {
|
||
showAlert(GetTextByKey("P_IPT_FAILEDTODELETEQUESTION", 'Failed to delete question.'), GetTextByKey("P_IPT_DELETEQUESTION", "Delete Question"));
|
||
});
|
||
});
|
||
};
|
||
|
||
q.prototype.onsave = function () {
|
||
var _this = this;
|
||
if (sectiontype == 1) return;
|
||
var item = _this.getQuestionValue(true);
|
||
if (!item) return;
|
||
|
||
if (_this.saving) {
|
||
_this.datachanged = true;
|
||
return;
|
||
}
|
||
|
||
var param = JSON.stringify(item);
|
||
param = htmlencode(param);
|
||
_this.saving = true;
|
||
var p = JSON.stringify([teamintelligence, _this.section.Id, param]);
|
||
inspectionrequest("SaveGlobalQuestion", p, function (data) {
|
||
if (typeof (data) === "string") {
|
||
showAlert(data, GetTextByKey("P_IPT_SAVEQUESTION", 'Save Question'));
|
||
}
|
||
else {
|
||
if (!_this.question)
|
||
_this.question = {};
|
||
_this.question.Id = data[0];
|
||
}
|
||
_this.saving = false;
|
||
if (_this.datachanged)
|
||
_this.onsave();
|
||
}, function (err) {
|
||
showAlert(GetTextByKey("P_IPT_FAILEDTOSAVEQUESTION", 'Failed to save question.'), GetTextByKey("P_IPT_SAVEQUESTION", 'Save Question'));
|
||
_this.saving = false;
|
||
if (_this.datachanged)
|
||
_this.onsave();
|
||
});
|
||
}
|
||
return q;
|
||
}); |