add site
This commit is contained in:
355
Site/MachineDeviceManagement/ManageMakes.aspx
Normal file
355
Site/MachineDeviceManagement/ManageMakes.aspx
Normal file
@ -0,0 +1,355 @@
|
||||
<%@ Page Title="" Language="C#" MasterPageFile="~/MachineDeviceManagement/DeviceManagementBase.master" AutoEventWireup="true" CodeFile="ManageMakes.aspx.cs" Inherits="ManageMakes" %>
|
||||
|
||||
|
||||
<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;
|
||||
}
|
||||
</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 type="text/javascript">
|
||||
var IsSuperAdmin =<%=IsSuperAdmin ?"true":"false"%>;
|
||||
|
||||
function devicerequest(method, param, callback, error) {
|
||||
_network.request("MachineDeviceManagement/ManageMakes.aspx", -1, method, param, callback, error || function (e) {
|
||||
showmaskbg(false, true);
|
||||
showAlert('An unknown error occurred. Please refresh page.', 'Query');
|
||||
});
|
||||
}
|
||||
|
||||
function OnAdd() {
|
||||
makeID = undefined;
|
||||
|
||||
$('#dialog_name').val('');
|
||||
$('#dialog_make .dialog-title span.title').text('Add Make');
|
||||
|
||||
showmaskbg(true);
|
||||
$('#dialog_make')
|
||||
.attr('act', 'add')
|
||||
.css({
|
||||
'top': (document.documentElement.clientHeight - $('#dialog_make').height()) / 3,
|
||||
'left': (document.documentElement.clientWidth - $('#dialog_make').width()) / 2
|
||||
})
|
||||
.showDialog();
|
||||
$('#dialog_name').focus();
|
||||
}
|
||||
|
||||
var makeID;
|
||||
function OnEdit() {
|
||||
var make = grid_dt.source[grid_dt.selectedIndex].Values;
|
||||
if (!make) {
|
||||
makeID = undefined;
|
||||
return;
|
||||
}
|
||||
if (!make.CanEdit)
|
||||
return;
|
||||
|
||||
makeID = make.ID;
|
||||
$('#dialog_name').val(make.Name);
|
||||
|
||||
$('#dialog_make .dialog-title span.title').text('Edit Make');
|
||||
showmaskbg(true);
|
||||
$('#dialog_make')
|
||||
.attr('act', 'edit')
|
||||
.css({
|
||||
'top': (document.documentElement.clientHeight - $('#dialog_make').height()) / 3,
|
||||
'left': (document.documentElement.clientWidth - $('#dialog_make').width()) / 2
|
||||
})
|
||||
.showDialog();
|
||||
$('#dialog_name').focus();
|
||||
}
|
||||
|
||||
function OnDblClick(e) {
|
||||
OnEdit();
|
||||
}
|
||||
|
||||
function OnDelete(make) {
|
||||
if (!make) {
|
||||
return;
|
||||
}
|
||||
showConfirm('Are you sure you want to delete this Make?', 'Delete Make', function () {
|
||||
devicerequest("DELETEMACHINEMAKE", make.ID, function (data) {
|
||||
if (data !== 'OK')
|
||||
showAlert(data, 'Delete Make');
|
||||
else
|
||||
OnRefresh();
|
||||
}, function (err) {
|
||||
showAlert('Failed to delete this Make.', 'Delete Make');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function OnRefresh() {
|
||||
showloading(true);
|
||||
|
||||
var contractorid = "";
|
||||
contractorid = htmlencode($.trim($('#sel_contractor').val()));
|
||||
|
||||
var searchtxt = "";
|
||||
searchtxt = htmlencode($.trim($('#searchinputtxt').val()));
|
||||
devicerequest("GETMACHINEMAKELIST", searchtxt, function (data) {
|
||||
$('#tbody_makes').empty();
|
||||
currentShownIndex = -1;
|
||||
|
||||
if (typeof (data) === "string") {
|
||||
showAlert(data, 'Error');
|
||||
}
|
||||
else
|
||||
showMakes(data);
|
||||
|
||||
showloading(false);
|
||||
}, function (err) {
|
||||
showloading(false);
|
||||
});
|
||||
}
|
||||
|
||||
function showMakes(data) {
|
||||
var rows = [];
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
var r = data[i];
|
||||
var fr = { Values: r };
|
||||
rows.push(fr);
|
||||
}
|
||||
|
||||
grid_dt.setData(rows);
|
||||
}
|
||||
|
||||
var grid_dt;
|
||||
function InitGridData() {
|
||||
grid_dt = new GridView('#makelist');
|
||||
grid_dt.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: "Make Name", valueIndex: 'Name', css: { 'width': 360, '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;
|
||||
if (col.name === "Edit") {
|
||||
if (!IsSuperAdmin) continue;
|
||||
col.isurl = true;
|
||||
col.text = "\uf044";
|
||||
col.events = {
|
||||
onclick: function () {
|
||||
if (this.CanEdit)
|
||||
OnEdit()
|
||||
}
|
||||
};
|
||||
col.classFilter = function (e) {
|
||||
return "icon-col";
|
||||
}
|
||||
col.styleFilter = function (e) {
|
||||
return {
|
||||
display: !e.CanEdit ? 'none' : ''
|
||||
};
|
||||
};
|
||||
col.attrs = { 'title': 'Edit' };
|
||||
}
|
||||
else if (col.name === "Delete") {
|
||||
if (!IsSuperAdmin) continue;
|
||||
col.isurl = true;
|
||||
col.text = "\uf00d";
|
||||
col.events = {
|
||||
onclick: function () {
|
||||
if (this.CanEdit)
|
||||
OnDelete(this);
|
||||
}
|
||||
};
|
||||
col.classFilter = function (e) {
|
||||
return "icon-col";
|
||||
};
|
||||
col.styleFilter = function (e) {
|
||||
return {
|
||||
display: !e.CanEdit ? 'none' : ''
|
||||
};
|
||||
};
|
||||
col.attrs = { 'title': 'Delete' };
|
||||
}
|
||||
columns.push(col);
|
||||
}
|
||||
grid_dt.canMultiSelect = false;
|
||||
grid_dt.columns = columns;
|
||||
grid_dt.init();
|
||||
grid_dt.rowdblclick = OnEdit;
|
||||
|
||||
grid_dt.selectedrowchanged = function (rowindex) {
|
||||
var rowdata = grid_dt.source[rowindex];
|
||||
if (rowdata) {
|
||||
makeID = rowdata.Values.ID;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function OnDialogOK() {
|
||||
var item = {
|
||||
'Name': $.trim($('#dialog_name').val()),
|
||||
'AlterActiveName': $.trim($('#dialog_name').val())
|
||||
};
|
||||
var alerttitle;
|
||||
if (makeID) {
|
||||
item.ID = makeID;
|
||||
alerttitle = "Edit Make";
|
||||
} else {
|
||||
item.ID = -1;
|
||||
alerttitle = "Add Make";
|
||||
}
|
||||
|
||||
if (!item.Name || item.Name.length == 0) {
|
||||
showAlert('Make name cannot be empty.', alerttitle);
|
||||
$('#dialog_name').focus();
|
||||
return;
|
||||
}
|
||||
|
||||
showloading(true);
|
||||
var param = JSON.stringify(item);
|
||||
param = htmlencode(param);
|
||||
devicerequest("SaveMachineMake", param, function (data) {
|
||||
if (data !== 'OK') {
|
||||
showAlert(data, 'Save Make');
|
||||
showloading(false);
|
||||
} else {
|
||||
$('#dialog_make').hideDialog();
|
||||
OnRefresh();
|
||||
}
|
||||
}, function (err) {
|
||||
showAlert('Failed to save Make.', 'Save Make');
|
||||
showloading(false);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
$(function () {
|
||||
InitGridData();
|
||||
OnRefresh();
|
||||
|
||||
$('#tbody_makes').click(function (e) {
|
||||
var target = $(e.target);
|
||||
if (!target.is('tr')) {
|
||||
target = target.parents('tr');
|
||||
}
|
||||
$('#tbody_makes tr').removeClass('selected');
|
||||
target.addClass('selected');
|
||||
});
|
||||
|
||||
$('#dialog_make').dialog(function () {
|
||||
showmaskbg(false);
|
||||
});
|
||||
|
||||
$('#searchinputtxt').keydown(searchEnter);
|
||||
|
||||
$(window).resize(function () {
|
||||
$("#makelist").css("height", $(window).height() - $("#makelist").offset().top - 4);
|
||||
grid_dt && grid_dt.resize();
|
||||
}).resize();
|
||||
});
|
||||
|
||||
function searchEnter(e) {
|
||||
if (e.keyCode == 13 || e.keyCode == 9) {
|
||||
OnRefresh();
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</asp:Content>
|
||||
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
|
||||
<div id="recordcontent" style="padding: 0px; margin: 0px;">
|
||||
<div class="page_title">Manage Makes</div>
|
||||
<div class="search_bar">
|
||||
<input type="password" autocomplete="new-password" style="display: none" />
|
||||
<span id="span_contractor" style="display: none;">Contractor:
|
||||
<select id="sel_contractor"></select></span>
|
||||
<input type="text" id="searchinputtxt" autocomplete="off" />
|
||||
<input class="search" type="button" onclick="OnRefresh();" value="Search" />
|
||||
</div>
|
||||
<div class="function_title">
|
||||
<span class="sbutton iconadd" onclick="OnAdd();">Add</span>
|
||||
<span class="sbutton iconrefresh" onclick="OnRefresh();">Refresh</span>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
<div id="makelist">
|
||||
</div>
|
||||
</div>
|
||||
<div id="mask_bg" style="display: none;">
|
||||
<div class="loading c-spin"></div>
|
||||
</div>
|
||||
|
||||
<div class="dialog" id="dialog_make" style="display: none; width: 360px;">
|
||||
<div class="dialog-title"><span class="title">Add Make</span><em class="dialog-close"></em></div>
|
||||
<div class="dialog-content">
|
||||
<table>
|
||||
<tr>
|
||||
<td class="label">Make:</td>
|
||||
<td>
|
||||
<input type="text" id="dialog_name" style="width: 220px;" maxlength="100" tabindex="1" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="dialog-func">
|
||||
<input type="button" value="Cancel" class="dialog-close" tabindex="3" />
|
||||
<input type="button" onclick="OnDialogOK();" value="OK" tabindex="2" />
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</asp:Content>
|
||||
Reference in New Issue
Block a user