723 lines
28 KiB
Plaintext
723 lines
28 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/MachineDeviceManagement/DeviceManagementBase.master" AutoEventWireup="true" CodeFile="ManageModels.aspx.cs" Inherits="ManageModels" %>
|
|
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
|
|
<style type="text/css">
|
|
::-ms-clear, ::-ms-reveal {
|
|
display: none;
|
|
}
|
|
|
|
.selectinput {
|
|
width: 150px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.dialog-content table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
.dialog-content table td.label {
|
|
width: 100px;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
line-height: 24px;
|
|
height: 24px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.dialog-content table td input,
|
|
.dialog-content table td textarea {
|
|
border: 1px solid #a9a9a9;
|
|
width: 200px;
|
|
height: 18px;
|
|
padding: 1px;
|
|
}
|
|
|
|
.dialog-content table td input[type="checkbox"] {
|
|
border: none;
|
|
}
|
|
|
|
.dialog-content table td textarea {
|
|
height: 100px;
|
|
max-width: 200px;
|
|
}
|
|
|
|
#dialogdatatb td {
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.a {
|
|
text-decoration: none;
|
|
color: #2140fb;
|
|
}
|
|
|
|
.selected {
|
|
background-color: #cccccc;
|
|
}
|
|
|
|
.makeitem {
|
|
padding-left: 5px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.makeitem:hover {
|
|
background-color: #e1e1e1;
|
|
}
|
|
|
|
.sbtn {
|
|
padding: 6px;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
/*margin-left: 8px;*/
|
|
}
|
|
|
|
.sbtn:hover {
|
|
background: #ccc;
|
|
}
|
|
|
|
.sbtn:before {
|
|
font-family: 'FontAwesome';
|
|
color: rgb(123,28,33);
|
|
}
|
|
|
|
.sbtnhide {
|
|
display: none;
|
|
}
|
|
</style>
|
|
|
|
<link href="<%=GetFileUrlWithVersion("../css/jquery.datetimepicker.css")%>" rel="stylesheet" />
|
|
<script src="<%=GetFileUrlWithVersion("../Maintenance/js/inputdatactr.js")%>" type="text/javascript"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/jquery.datetimepicker.full.js")%>"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/vue.min.js")%>"></script>
|
|
<script>Vue.config.productionTip = false; Vue.config.silent = true;</script>
|
|
<script type="text/javascript">
|
|
var IsSuperAdmin =<%=IsSuperAdmin ?"true":"false"%>;
|
|
var typessdata = [];
|
|
|
|
function devicerequest(method, param, callback, error) {
|
|
_network.request("MachineDeviceManagement/ManageModels.aspx", -1, method, param, callback, error || function (e) {
|
|
showmaskbg(false, true);
|
|
showAlert(GetTextByKey('P_MM_PAGEERROR', 'An unknown error occurred. Please refresh page.'), GetTextByKey('P_MM_QUERY', 'Query'));
|
|
});
|
|
}
|
|
|
|
function GetMakes() {
|
|
selectedMake = null;
|
|
showloading(true);
|
|
|
|
var searchtxt = htmlencode($.trim($('#txtMakeSearch').val()));
|
|
devicerequest("GetAssetMakes", searchtxt, function (data) {
|
|
$('#tbody_makes').empty();
|
|
currentShownIndex = -1;
|
|
|
|
if (typeof (data) === "string") {
|
|
showAlert(data, GetTextByKey("P_MM_ERROR", 'Error'));
|
|
return;
|
|
}
|
|
|
|
$("#dialog_make").empty();
|
|
for (var i = 0; i < data.length; i++) {
|
|
var kv = data[i];
|
|
op = $("<option></option>").val(kv.ID).text(kv.Name);
|
|
$("#dialog_make").append(op);
|
|
}
|
|
|
|
showMakes(data);
|
|
showloading(false);
|
|
}, function (err) {
|
|
showloading(false);
|
|
});
|
|
}
|
|
|
|
function showMakes(data) {
|
|
_MakeObject.showMakes(data);
|
|
}
|
|
|
|
function OnAddMake() {
|
|
makeID = undefined;
|
|
|
|
$('#dialog_makename').val('');
|
|
$('#dialog_addmake .dialog-title span.title').text(GetTextByKey("P_MA_ADDMAKE", 'Add Make'));
|
|
|
|
showmaskbg(true);
|
|
$('#dialog_addmake')
|
|
.attr('act', 'add')
|
|
.css({
|
|
'top': (document.documentElement.clientHeight - $('#dialog_addmake').height()) / 3,
|
|
'left': (document.documentElement.clientWidth - $('#dialog_addmake').width()) / 2
|
|
})
|
|
.showDialogfixed();
|
|
$('#dialog_name').focus();
|
|
}
|
|
|
|
var makeID;
|
|
function OnEditMake(make) {
|
|
if (!make) {
|
|
makeID = undefined;
|
|
return;
|
|
}
|
|
//if (!make.CanEdit)
|
|
// return;
|
|
|
|
makeID = make.ID;
|
|
$('#dialog_makename').val(make.Name);
|
|
|
|
$('#dialog_addmake .dialog-title span.title').text(GetTextByKey("P_MM_EDITMAKE", 'Edit Make'));
|
|
showmaskbg(true);
|
|
$('#dialog_addmake')
|
|
.attr('act', 'edit')
|
|
.css({
|
|
'top': (document.documentElement.clientHeight - $('#dialog_addmake').height()) / 3,
|
|
'left': (document.documentElement.clientWidth - $('#dialog_addmake').width()) / 2
|
|
})
|
|
.showDialogfixed();
|
|
$('#dialog_makename').focus();
|
|
}
|
|
|
|
function OnSaveMake() {
|
|
var item = {
|
|
'Name': $.trim($('#dialog_makename').val()),
|
|
};
|
|
var alerttitle;
|
|
if (makeID) {
|
|
item.ID = makeID;
|
|
alerttitle = GetTextByKey("P_MM_EDITMAKE", "Edit Make");
|
|
} else {
|
|
item.ID = -1;
|
|
alerttitle = GetTextByKey("P_MM_ADDMAKE", "Add Make");
|
|
}
|
|
|
|
if (!item.Name || item.Name.length == 0) {
|
|
showAlert(GetTextByKey("P_MM_MAKENAMEEMPTY", 'Make name cannot be empty.'), alerttitle);
|
|
$('#dialog_name').focus();
|
|
return;
|
|
}
|
|
|
|
var param = JSON.stringify(item);
|
|
param = htmlencode(param);
|
|
devicerequest("SaveMachineMake", param, function (data) {
|
|
if (data !== 'OK') {
|
|
showAlert(data, GetTextByKey("P_MM_SAVEMAKE", 'Save Make'));
|
|
} else {
|
|
$('#dialog_addmake').hideDialog();
|
|
GetMakes();
|
|
}
|
|
}, function (err) {
|
|
showAlert(GetTextByKey("P_MM_FAILEDSAVEMAKE", 'Failed to save Make.'), GetTextByKey("P_MM_SAVEMAKE", 'Save Make'));
|
|
});
|
|
}
|
|
|
|
function OnDeleteMake(make) {
|
|
if (!make) {
|
|
return;
|
|
}
|
|
showConfirm(GetTextByKey("P_MM_AREYOUSUREYOUWANTTODELETETHISMAKE", 'Are you sure you want to delete this Make?'), GetTextByKey("P_MM_DELETEMAKE", 'Delete Make'), function () {
|
|
devicerequest("DELETEMACHINEMAKE", make.ID, function (data) {
|
|
if (data !== 'OK')
|
|
showAlert(data, GetTextByKey("P_MM_DELETEMAKE", 'Delete Make'));
|
|
else
|
|
GetMakes();
|
|
}, function (err) {
|
|
showAlert(GetTextByKey("P_MM_FAILEDTODELETETHISMAKE", 'Failed to delete this Make.'), GetTextByKey("P_MM_DELETEMAKE", 'Delete Make'));
|
|
});
|
|
});
|
|
}
|
|
|
|
function OnAddModel() {
|
|
modelID = undefined;
|
|
$('#dialog_name').val('');
|
|
if (selectedMake)
|
|
$('#dialog_make').val(selectedMake.ID);
|
|
else
|
|
$('#dialog_make').find("option:first").prop("selected", "selected");
|
|
$('#dialog_type').dropdownVal("");
|
|
|
|
$('#dialog_addmodel .dialog-title span.title').text(GetTextByKey("P_MM_ADDMODEL", "Add Model"));
|
|
showmaskbg(true);
|
|
$('#dialog_addmodel')
|
|
.attr('act', 'add')
|
|
.css({
|
|
'top': (document.documentElement.clientHeight - $('#dialog_addmodel').height()) / 3,
|
|
'left': (document.documentElement.clientWidth - $('#dialog_addmodel').width()) / 2
|
|
})
|
|
.showDialogfixed();
|
|
$('#dialog_name').focus();
|
|
}
|
|
|
|
var modelID;
|
|
function OnEditModel(e) {
|
|
if (!IsSuperAdmin)
|
|
return;
|
|
var model = grid_dtmodel.source[grid_dtmodel.selectedIndex].Values;
|
|
if (!model) {
|
|
modelID = undefined;
|
|
return;
|
|
}
|
|
//if (!model.CanEdit)
|
|
// return;
|
|
|
|
modelID = model.ID;
|
|
$('#dialog_name').val(model.Name);
|
|
$('#dialog_make').val(model.MakeID);
|
|
$('#dialog_type').dropdownVal(model.TypeID);
|
|
|
|
$('#dialog_addmodel .dialog-title span.title').text(GetTextByKey("P_MM_EDITMODEL", 'Edit Model'));
|
|
showmaskbg(true);
|
|
$('#dialog_addmodel')
|
|
.attr('act', 'edit')
|
|
.css({
|
|
'top': (document.documentElement.clientHeight - $('#dialog_addmodel').height()) / 3,
|
|
'left': (document.documentElement.clientWidth - $('#dialog_addmodel').width()) / 2
|
|
})
|
|
.showDialogfixed();
|
|
$('#dialog_name').focus();
|
|
}
|
|
|
|
function OnDeleteModel(model) {
|
|
if (!model) {
|
|
return;
|
|
}
|
|
var alerttitle = GetTextByKey("P_MM_DELETEMODEL", "Delete Model");
|
|
showConfirm(GetTextByKey("P_MM_DOYOUWANTTODELETETHEMODEL", 'Do you want to delete the Model?'), alerttitle, function () {
|
|
devicerequest("DELETEMACHINEMODEL", model.ID, function (data) {
|
|
if (data !== 'OK')
|
|
showAlert(data, alerttitle);
|
|
else
|
|
GetModels();
|
|
|
|
}, function (err) {
|
|
showAlert(GetTextByKey("P_MM_FAILEDTODELETETHISMODEL", 'Failed to delete this Model.'), alerttitle);
|
|
});
|
|
});
|
|
}
|
|
|
|
function GetModels() {
|
|
var make = selectedMake;
|
|
if (!make) return;
|
|
|
|
showloading(true);
|
|
var makeid = make.ID;
|
|
var searchtxt = htmlencode($.trim($('#txtModelSearch').val()));
|
|
var ps = [makeid, searchtxt]
|
|
devicerequest("GetAssetModels", JSON.stringify(ps), function (data) {
|
|
if (typeof (data) === "string") {
|
|
showAlert(data, GetTextByKey("P_MM_ERROR", 'Error'));
|
|
return;
|
|
}
|
|
|
|
showModels(data);
|
|
|
|
showloading(false);
|
|
}, function (err) {
|
|
showloading(false);
|
|
});
|
|
}
|
|
|
|
|
|
function showModels(data) {
|
|
var rows = [];
|
|
for (var i = 0; i < data.length; i++) {
|
|
var r = data[i];
|
|
var fr = { Values: r };
|
|
rows.push(fr);
|
|
}
|
|
grid_dtmodel.setData(rows);
|
|
}
|
|
|
|
|
|
var grid_dtmodel;
|
|
function InitModelGridData() {
|
|
$('#btnEdit').attr("disabled", "disabled");
|
|
|
|
grid_dtmodel = new GridView('#modellist');
|
|
grid_dtmodel.lang = {
|
|
all: GetTextByKey("P_GRID_ALL", "(All)"),
|
|
ok: GetTextByKey("P_GRID_OK", "OK"),
|
|
reset: GetTextByKey("P_GRID_RESET", "Reset")
|
|
};
|
|
var list_columns = [
|
|
{ name: 'Name', caption: GetTextByKey("P_MM_MODEL", "Model"), valueIndex: 'Name', css: { 'width': 300, 'text-align': 'left' } },
|
|
{ name: 'TypeName', caption: GetTextByKey("P_MM_TYPE", "Type"), valueIndex: 'TypeName', allowFilter: true, css: { 'width': 300, 'text-align': 'left' } },
|
|
//{ name: 'Edit', caption: "", css: { 'width': 30, 'text-align': 'center' } },
|
|
//{ name: 'Delete', caption: "", css: { 'width': 30, 'text-align': 'center' } }
|
|
];
|
|
var columns = [];
|
|
// head
|
|
for (var hd in list_columns) {
|
|
var col = {};
|
|
col.name = list_columns[hd].name;
|
|
col.caption = list_columns[hd].caption;
|
|
col.visible = true;
|
|
col.sortable = true;
|
|
col.width = list_columns[hd].css.width;
|
|
col.align = list_columns[hd].css["text-align"]
|
|
col.key = list_columns[hd].valueIndex;
|
|
col.allowFilter = list_columns[hd].allowFilter;
|
|
if (col.name === "Edit") {
|
|
if (!IsSuperAdmin) continue;
|
|
col.isurl = true;
|
|
col.text = "\uf044";
|
|
col.events = {
|
|
onclick: function () {
|
|
//if (this.CanEdit)
|
|
OnEditModel()
|
|
}
|
|
};
|
|
col.classFilter = function (e) {
|
|
return "icon-col";
|
|
}
|
|
col.styleFilter = function (e) {
|
|
//return {
|
|
// display: !e.CanEdit ? 'none' : ''
|
|
//};
|
|
};
|
|
col.attrs = { 'title': GetTextByKey("P_MM_EDIT", 'Edit') };
|
|
}
|
|
else if (col.name === "Delete") {
|
|
if (!IsSuperAdmin) continue;
|
|
col.isurl = true;
|
|
col.text = "\uf00d";
|
|
col.events = {
|
|
onclick: function () {
|
|
//if (this.CanEdit)
|
|
OnDeleteModel(this);
|
|
}
|
|
};
|
|
col.classFilter = function (e) {
|
|
return "icon-col";
|
|
};
|
|
col.styleFilter = function (e) {
|
|
//return {
|
|
// display: !e.CanEdit ? 'none' : ''
|
|
//};
|
|
};
|
|
col.attrs = { 'title': GetTextByKey("P_MM_DELETE", 'Delete') };
|
|
}
|
|
columns.push(col);
|
|
}
|
|
grid_dtmodel.canMultiSelect = false;
|
|
grid_dtmodel.columns = columns;
|
|
grid_dtmodel.init();
|
|
//grid_dtmodel.rowdblclick = OnEditModel;
|
|
|
|
grid_dtmodel.selectedrowchanged = function (rowindex) {
|
|
var rowdata = grid_dtmodel.source[rowindex];
|
|
if (rowdata) {
|
|
modelID = rowdata.Values.ID;
|
|
}
|
|
}
|
|
}
|
|
|
|
function OnSaveModel() {
|
|
var item = {
|
|
'Name': $.trim($('#dialog_name').val()),
|
|
'MakeID': $.trim($('#dialog_make').val()),
|
|
'TypeID': $.trim($('#dialog_type').dropdownVal())
|
|
};
|
|
var alerttitle;
|
|
if (modelID) {
|
|
item.ID = modelID;
|
|
alerttitle = GetTextByKey("P_MM_EDITMODEL", "Edit Model");
|
|
} else {
|
|
item.ID = -1;
|
|
alerttitle = GetTextByKey("P_MM_ADDMODEL", "Add Model");
|
|
}
|
|
|
|
if (!item.Name || item.Name.length == 0) {
|
|
showAlert(GetTextByKey("P_MM_MODELNAMEEMPTY", 'Model name cannot be empty.'), alerttitle);
|
|
$('#dialog_name').focus();
|
|
return;
|
|
}
|
|
|
|
showloading(true);
|
|
var param = JSON.stringify(item);
|
|
param = htmlencode(param);
|
|
devicerequest("SAVEMACHINEMODEL", param, function (data) {
|
|
if (data !== 'OK') {
|
|
showAlert(data, GetTextByKey("P_MM_SAVEMAKE", 'Save Make'));
|
|
} else {
|
|
$('#dialog_addmodel').hideDialog();
|
|
showloading(false);
|
|
GetModels();
|
|
}
|
|
}, function (err) {
|
|
showloading(false);
|
|
showAlert(GetTextByKey("P_MM_FAILEDSAVEMAKE", 'Failed to save Make.'), GetTextByKey("P_MM_SAVEMAKE", 'Save Make'));
|
|
});
|
|
}
|
|
|
|
var _MakeObject = undefined;
|
|
$(function () {
|
|
setPageTitle(GetTextByKey("P_MANAGEMODELS", "Manage Models"), true);
|
|
_MakeObject = new MakeObject();
|
|
//InitMakeGridData();
|
|
InitModelGridData();
|
|
|
|
GetMakes();
|
|
GetMachineTypes();
|
|
|
|
$('#dialog_type').dropdown([
|
|
], {
|
|
search: true,
|
|
valueKey: 'Key',
|
|
textKey: 'Value'
|
|
});
|
|
|
|
$('#dialog_addmake').dialog(function () {
|
|
showmaskbg(false);
|
|
});
|
|
|
|
$('#dialog_addmodel').dialog(function () {
|
|
showmaskbg(false);
|
|
});
|
|
|
|
$('#txtMakeSearch').keydown(searchMake);
|
|
$('#txtModelSearch').keydown(searchModel);
|
|
|
|
$(window).resize(function () {
|
|
$("#modellist").css("height", $(window).height() - $("#modellist").offset().top - 4);
|
|
grid_dtmodel && grid_dtmodel.resize();
|
|
}).resize();
|
|
|
|
document.getElementById('leftdiv').addEventListener('scroll', onscrollMakes, { passive: true });
|
|
});
|
|
|
|
function searchMake(e) {
|
|
if (e.keyCode == 13 || e.keyCode == 9) {
|
|
GetMakes();
|
|
}
|
|
}
|
|
|
|
function searchModel(e) {
|
|
if (e.keyCode == 13 || e.keyCode == 9) {
|
|
GetModels();
|
|
}
|
|
}
|
|
|
|
function GetMachineTypes() {
|
|
devicerequest("GetMachineTypes", '', function (data) {
|
|
if (data && data.length > 0) {
|
|
typessdata = data;
|
|
//$("#dialog_type").empty();
|
|
//for (var i = 0; i < data.length; i++) {
|
|
// var kv = data[i];
|
|
// op = $("<option></option>").val(kv.Key).text(kv.Value);
|
|
// $("#dialog_type").append(op);
|
|
//}
|
|
|
|
var dropdown = $('#dialog_type').data('dropdown');
|
|
dropdown.setSource(typessdata);
|
|
}
|
|
}, function (err) {
|
|
});
|
|
}
|
|
|
|
function onscrollMakes(e) {
|
|
_MakeObject && _MakeObject.onscrollAssets(e);
|
|
}
|
|
|
|
var selectedMake = undefined;
|
|
if (typeof (MakeObject) != "function") {
|
|
MakeObject = function () {
|
|
var REDUN = 2;
|
|
var ROW_HEIGHT = 24;
|
|
var MIN_LENGTH = 40;
|
|
var trunc = function (val) {
|
|
return (val > 0 ? Math.floor : Math.ceil)(val);
|
|
};
|
|
|
|
var makes = [];
|
|
var vm = new Vue({
|
|
el: '#makelist',
|
|
data: {
|
|
startIndex: 0,
|
|
bodyContentStyle: { top: null },
|
|
bodyContainerHeight: 0,
|
|
bodyContainerStyle: { height: null },
|
|
scrollTop: 0
|
|
},
|
|
computed: {
|
|
bodyClientRowCount: function () {
|
|
var height = document.getElementById('leftdiv').clientHeight;
|
|
return trunc((height - 1) / ROW_HEIGHT) + 1;
|
|
},
|
|
innerMakes: function () {
|
|
var start = this.startIndex;
|
|
if (start < 0) {
|
|
start = 0;
|
|
}
|
|
if (makes == null || makes.length < MIN_LENGTH) {
|
|
return makes.slice();
|
|
}
|
|
var end = this.bodyClientRowCount + start + (REDUN * 2) + 1;
|
|
if (end > makes.length) {
|
|
end = makes.length;
|
|
}
|
|
return makes.slice(start, end);
|
|
}
|
|
},
|
|
methods: {
|
|
reload: function (data) {
|
|
makes = data;
|
|
|
|
var height = data && data.length * ROW_HEIGHT;
|
|
this.bodyContainerHeight = height;
|
|
this.bodyContainerStyle.height = height && (height + 'px');
|
|
if (data.length < MIN_LENGTH) {
|
|
this.startIndex = -1;
|
|
this.startIndex = 0;
|
|
this.bodyContentStyle.top = '0px';
|
|
} else {
|
|
var index = this.startIndex;
|
|
var lastIndex = data.length - this.bodyClientRowCount;
|
|
if (index > lastIndex) {
|
|
index = lastIndex;
|
|
}
|
|
this.startIndex = -1;
|
|
this.startIndex = index;
|
|
}
|
|
},
|
|
refresh: function () {
|
|
var index = this.startIndex;
|
|
this.startIndex = -1;
|
|
this.startIndex = index;
|
|
},
|
|
makeClick: function (make, ev) {
|
|
if (selectedMake && selectedMake.ID == make.ID)
|
|
return;
|
|
if (selectedMake)
|
|
selectedMake.Highlight = false;
|
|
make.Highlight = true;
|
|
selectedMake = make;
|
|
vm.refresh();
|
|
|
|
GetModels();
|
|
},
|
|
makeEdit: function (make, ev) {
|
|
OnEditMake(make);
|
|
},
|
|
makeDelete: function (make, ev) {
|
|
OnDeleteMake(make);
|
|
}
|
|
}
|
|
});
|
|
|
|
this.onscrollAssets = function (e) {
|
|
if (makes == null || makes.length < MIN_LENGTH) {
|
|
return;
|
|
}
|
|
var top = e == null ? 0 : e.target.scrollTop;
|
|
top -= (top % ROW_HEIGHT) + (REDUN * ROW_HEIGHT);
|
|
if (top < 0) {
|
|
top = 0;
|
|
} else {
|
|
var bottomTop = vm.bodyContainerHeight - ((vm.bodyClientRowCount + (REDUN * 2) + 1) * ROW_HEIGHT);
|
|
if (top > bottomTop) {
|
|
top = bottomTop;
|
|
}
|
|
}
|
|
if (vm.scrollTop !== top) {
|
|
vm.scrollTop = top;
|
|
vm.startIndex = top / ROW_HEIGHT;
|
|
vm.bodyContentStyle.top = top && (top + 'px');
|
|
}
|
|
};
|
|
|
|
this.showMakes = function (data) {
|
|
vm.reload(data);
|
|
}
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
|
|
<div id="recordcontent" style="padding: 0px; margin: 0px; min-width: 800px;">
|
|
<div class="page_title" data-lgid="P_MANAGEMODELS">Manage Models</div>
|
|
<div class="search_bar" style="position: relative;">
|
|
<input type="text" id="txtMakeSearch" autocomplete="off" style="width: 145px;" />
|
|
<input class="search" type="button" onclick="GetMakes();" value="Search" data-lgid="P_MM_SEARCH" style="margin-left: 5px;" />
|
|
<span class="sbutton iconadd" onclick="OnAddMake();" style="margin-right: 30px; padding: 0px 10px 0px 10px;" data-lgid="P_MM_ADD">Add</span>
|
|
|
|
<div style="position: absolute; left: 345px; top: 0;">
|
|
<input type="text" id="txtModelSearch" autocomplete="off" style="width: 145px;" />
|
|
<input class="search" type="button" onclick="GetModels();" value="Search" data-lgid="P_MM_SEARCH" />
|
|
<span class="sbutton iconadd" onclick="OnAddModel();" data-lgid="P_MM_ADD">Add</span>
|
|
</div>
|
|
<%--<span class="sbutton iconrefresh" onclick="OnRefresh();">Refresh</span>--%>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div id="leftdiv" style="position: absolute; width: 320px; top: 75px; left: 0px; bottom: 4px; overflow: auto; border: 1px solid #9a9a9a;">
|
|
<div id="makelist" v-bind:style="bodyContainerStyle" style="position: relative">
|
|
<div v-bind:style="bodyContentStyle" style="position: absolute; width: 100%;">
|
|
<div class='makeitem' v-for="make in innerMakes" v-bind:class="make.Highlight ?'selected': ''">
|
|
<table style="border-spacing: 0; width: 100%; height: 30px;">
|
|
<tr>
|
|
<td v-on:click="makeClick(make,$event)">{{make.Name}}</td>
|
|
<td style="width: 20px;"><span class="sbtn iconedit" style="display: none;" v-bind:class="IsSuperAdmin ?'': 'sbtnhide'" v-on:click="makeEdit(make,$event)"></span></td>
|
|
<td style="width: 20px;"><span class="sbtn icondelete" style="display: none;" v-bind:class="IsSuperAdmin ?'': 'sbtnhide'" v-on:click="makeDelete(make,$event)"></span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="position: absolute; top: 40px; left: 330px; bottom: 2px; border-left: 1px solid #9a9a9a;"></div>
|
|
<div style="position: absolute; top: 75px; left: 340px; bottom: 0; right: 0px; overflow: auto;">
|
|
<div id="modellist"></div>
|
|
</div>
|
|
</div>
|
|
<div id="mask_bg" style="display: none;">
|
|
<div class="loading c-spin"></div>
|
|
</div>
|
|
|
|
<div class="dialog" id="dialog_addmake" style="display: none; width: 360px;">
|
|
<div class="dialog-title"><span class="title" data-lgid="P_MM_ADDMAKE">Add Make</span><em class="dialog-close"></em></div>
|
|
<div class="dialog-content">
|
|
<table>
|
|
<tr>
|
|
<td class="label" data-lgid="P_MM_MAKE_COLON">Make:</td>
|
|
<td>
|
|
<input type="text" id="dialog_makename" style="width: 220px;" maxlength="100" tabindex="1" /></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="dialog-func">
|
|
<input type="button" value="Cancel" data-lgid="P_MM_CANCEL" class="dialog-close" tabindex="3" />
|
|
<input type="button" onclick="OnSaveMake();" value="OK" data-lgid="P_MM_OK" tabindex="2" />
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dialog" id="dialog_addmodel" style="display: none; width: 360px;">
|
|
<div class="dialog-title"><span class="title" data-lgid="P_MM_ADDMODEL">Add Model</span><em class="dialog-close"></em></div>
|
|
<div class="dialog-content">
|
|
<table>
|
|
<tr>
|
|
<td class="label" data-lgid="P_MM_MAKE_COLON">Make:</td>
|
|
<td>
|
|
<select id="dialog_make" tabindex="1" style="width: 224px; height: 22px;"></select></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_MM_MODEL_COLON">Model:</td>
|
|
<td>
|
|
<input type="text" id="dialog_name" maxlength="100" style="width: 220px; height: 22px;" tabindex="2" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_MM_TYPE_COLON">Type:</td>
|
|
<td>
|
|
<div id="dialog_type" tabindex="3" style="width: 224px; height: 22px;"></div>
|
|
<%--<select id="dialog_type" tabindex="3" style="width: 224px; height: 22px;"></select>--%>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="dialog-func">
|
|
<input type="button" value="Cancel" data-lgid="P_MM_CANCEL" class="dialog-close" tabindex="5" />
|
|
<input type="button" onclick="OnSaveModel();" value="OK" data-lgid="P_MM_OK" tabindex="4" />
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</asp:Content>
|