406 lines
16 KiB
Plaintext
406 lines
16 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/MachineDeviceManagement/DeviceManagementBase.master" AutoEventWireup="true" CodeFile="MachineGroups.aspx.cs" Inherits="MachineDeviceManagement_MachineGroups" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
|
|
<style type="text/css">
|
|
::-ms-clear, ::-ms-reveal {
|
|
display: none;
|
|
}
|
|
|
|
.selectinput {
|
|
width: 150px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.a {
|
|
text-decoration: none;
|
|
color: #2140fb;
|
|
}
|
|
|
|
.ctl_button {
|
|
font-family: 'CalciteWebCoreIcons';
|
|
display: block;
|
|
margin: 6px auto;
|
|
width: 60px;
|
|
height: 22px;
|
|
line-height: 21px;
|
|
padding: 0;
|
|
}
|
|
|
|
#dialog_machinegroup {
|
|
width: 860px;
|
|
top: 60px;
|
|
left: 150px;
|
|
}
|
|
|
|
#dialog_description {
|
|
padding: 2px;
|
|
height: 60px;
|
|
}
|
|
|
|
.group_table .main_table {
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.group_table .main_table thead tr {
|
|
display: block;
|
|
}
|
|
|
|
.group_table .main_table tbody {
|
|
height: 280px;
|
|
display: block;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.group_table .main_table th {
|
|
width: 160px;
|
|
padding: 8px;
|
|
}
|
|
|
|
.group_table .main_table td {
|
|
width: 160px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.group_table .main_table td div {
|
|
width: 160px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
word-break: keep-all;
|
|
text-overflow: ellipsis;
|
|
}
|
|
</style>
|
|
|
|
<script src="<%=GetFileUrlWithVersion("../Security/js/controls.js")%>" type="text/javascript"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../Maintenance/js/inputdatactr.js")%>" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
var machineGroups = [];
|
|
|
|
function devicerequest(method, param, callback, error) {
|
|
_network.request("MachineDeviceManagement/ManageMachines.aspx", -1, method, param, callback, error || function (e) {
|
|
console.log(e);
|
|
showmaskbg(false, true);
|
|
showAlert(GetTextByKey('P_AG_PAGEERROR', 'An unknown error occurred. Please refresh page.'), GetTextByKey('P_AG_QUERY', 'Query'));
|
|
});
|
|
}
|
|
|
|
function CloseDialog(type) {
|
|
$('#dialog_machinegroup1').hideDialog();
|
|
if (type == 1) {
|
|
OnRefresh();
|
|
}
|
|
else {
|
|
showmaskbg(false);
|
|
}
|
|
}
|
|
|
|
function ShowMachineGroupDialog(type) {
|
|
showmaskbg(true);
|
|
$('#dialog_machinegroup1')
|
|
.attr('act', type)
|
|
.showDialogRight();
|
|
}
|
|
|
|
function OnDelete(group) {
|
|
if (!group) {
|
|
return;
|
|
}
|
|
var alerttitle = GetTextByKey("P_AG_DELETEASSETGROUP", 'Delete Asset Group');
|
|
showConfirm(GetTextByKey("P_AG_DOYOUWANTTODELETETHEASSETGROUP", 'Do you want to delete the Asset Group?'), alerttitle, function () {
|
|
showmaskbg(true);
|
|
devicerequest("DeleteAssetGroup", group.Id, function (data) {
|
|
if (data !== "OK") {
|
|
showAlert(GetTextByKey("P_AG_NOTDELETEASSETGROUP", 'Asset Group can not be deleted because it is in use.'), alerttitle);
|
|
} else
|
|
OnRefresh();
|
|
}, function (err) {
|
|
showAlert(GetTextByKey("P_AG_DELETEASSETGROUPFAILED", 'Failed to delete this Asset Group.'), alerttitle);
|
|
showmaskbg(false);
|
|
});
|
|
});
|
|
}
|
|
|
|
function OnAdd() {
|
|
machineGroupID = undefined;
|
|
|
|
ShowMachineGroupDialog('add');
|
|
execIframeFunc("init", [], "iframe_machinegroup");
|
|
return;
|
|
}
|
|
|
|
var machineGroupID;
|
|
var indexInEdit = -1;
|
|
function OnEdit() {
|
|
indexInEdit = grid_dt.selectedIndex;
|
|
if (indexInEdit < 0) {
|
|
showAlert(GetTextByKey("P_AG_PLEASESELECTAMACHINEGROUP", "Please select a Machine Group."), GetTextByKey("P_AG_EDITMACHINEGROUP", "Edit Machine Group"));
|
|
return;
|
|
}
|
|
var group = grid_dt.source[indexInEdit].Values;
|
|
if (!group) {
|
|
machineGroupID = undefined;
|
|
return;
|
|
}
|
|
|
|
machineGroupID = group.Id;
|
|
|
|
ShowMachineGroupDialog('edit');
|
|
execIframeFunc("init", [machineGroupID, grid_dt.source, indexInEdit], "iframe_machinegroup");
|
|
return;
|
|
}
|
|
|
|
function OnDblClick(e) {
|
|
OnEdit();
|
|
}
|
|
|
|
var opened = false;
|
|
var refreshed = false;
|
|
|
|
function Opened() {
|
|
opened = true;
|
|
if (refreshed) {
|
|
showmaskbg(false);
|
|
}
|
|
}
|
|
|
|
function OnRefresh() {
|
|
showloading(true);
|
|
|
|
var searchtxt = "";
|
|
searchtxt = htmlencode($.trim($('#searchinputtxt').val()));
|
|
devicerequest("GetAssetGroups", "" + String.fromCharCode(170) + searchtxt, function (data) {
|
|
if (typeof (data) === "string") {
|
|
showAlert(data, GetTextByKey("P_AG_ERROR", 'Error'));
|
|
return;
|
|
}
|
|
if (data && data.length > 0)
|
|
machineGroups = data;
|
|
else
|
|
machineGroups = [];
|
|
showMachineGroups(data);
|
|
|
|
refreshed = true;
|
|
if (opened) {
|
|
showloading(false);
|
|
}
|
|
}, function (err) {
|
|
showloading(false);
|
|
});
|
|
}
|
|
|
|
function showMachineGroups(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() {
|
|
$('#btnEdit').attr("disabled", "disabled");
|
|
|
|
grid_dt = new GridView('#grouplist');
|
|
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: GetTextByKey("P_AG_GROUPNAME", "Group Name"), valueIndex: 'Name', css: { 'width': 360, 'text-align': 'left' } },
|
|
{ name: 'Description', caption: GetTextByKey("P_AG_DESCRIPTION", "Description"), valueIndex: 'Description', css: { 'width': 360, 'text-align': 'left' } },
|
|
{ name: 'Code', caption: GetTextByKey("P_AG_CODE", "Code"), valueIndex: 'Code', css: { 'width': 200, '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") {
|
|
col.isurl = true;
|
|
col.text = "\uf044";
|
|
col.events = {
|
|
onclick: function () {
|
|
OnEdit();
|
|
}
|
|
};
|
|
col.classFilter = function (e) {
|
|
return "icon-col";
|
|
}
|
|
col.attrs = { 'title': GetTextByKey("P_AG_EDIT", 'Edit') };
|
|
}
|
|
else if (col.name === "Delete") {
|
|
col.isurl = true;
|
|
col.text = "\uf00d";
|
|
col.events = {
|
|
onclick: function () {
|
|
OnDelete(this);
|
|
}
|
|
};
|
|
col.classFilter = function (e) {
|
|
return "icon-col";
|
|
};
|
|
col.attrs = { 'title': GetTextByKey("P_AG_DELETE", '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) {
|
|
machineGroupID = rowdata.Values.ID;
|
|
}
|
|
}
|
|
}
|
|
|
|
function changeGridSelectIndex(index) {
|
|
grid_dt.selectedIndexes = [index];
|
|
grid_dt.scrollToIndex(index);
|
|
}
|
|
|
|
|
|
|
|
$(function () {
|
|
setPageTitle(GetTextByKey("P_ASSETGROUPS", "Asset Groups"), true);
|
|
$("#iframe_machinegroup").attr("src", "AddMachineGroup.aspx");
|
|
InitGridData();
|
|
OnRefresh();
|
|
|
|
$('#dialog_machinegroup').prop('iframe', true).dialog(function () {
|
|
showmaskbg(false);
|
|
});
|
|
|
|
$('#dialog_machinegroup').dialog(function () {
|
|
showmaskbg(false);
|
|
});
|
|
|
|
$('#searchinputtxt').keydown(searchEnter);
|
|
|
|
$(window).resize(function () {
|
|
$("#grouplist").css("height", $(window).height() - $("#grouplist").offset().top - 4);
|
|
grid_dt && grid_dt.resize();
|
|
}).resize();
|
|
|
|
if (!canExport) {
|
|
$('#spExport').hide();
|
|
}
|
|
});
|
|
|
|
function searchEnter(e) {
|
|
if (e.keyCode == 13 || e.keyCode == 9) {
|
|
OnRefresh();
|
|
}
|
|
}
|
|
|
|
function OnExport() {
|
|
var searchtxt = "";
|
|
searchtxt = htmlencode($.trim($('#searchinputtxt').val()));
|
|
var param = htmlencode(searchtxt);
|
|
window.open("../ExportToFile.aspx?type=assetgroups¶m=" + param);
|
|
}
|
|
</script>
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
|
|
<div id="recordcontent" style="padding: 0px; margin: 0px;">
|
|
<div class="page_title" data-lgid="P_ASSETGROUPS">Asset Groups</div>
|
|
<div class="search_bar">
|
|
<input type="password" autocomplete="new-password" style="display: none" />
|
|
<input type="text" id="searchinputtxt" autocomplete="off" />
|
|
<input id="search" type="button" onclick="OnRefresh();" value="Search" data-lgid="P_AG_SEARCH" style="margin-left: 5px;"/>
|
|
</div>
|
|
<div class="function_title">
|
|
<span class="sbutton iconadd" onclick="OnAdd();" data-lgid="P_AG_ADD">Add</span>
|
|
<span class="sbutton iconrefresh" onclick="OnRefresh();" data-lgid="P_AG_REFRESH">Refresh</span>
|
|
<span id="spExport" class="sbutton iconexport" onclick="OnExport();" data-lgid="P_UTILITY_EXPORTTOEXCEL">Export to Excel</span>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div id="grouplist"></div>
|
|
</div>
|
|
<div id="mask_bg" style="display: none;"><div class="loading c-spin"></div></div>
|
|
|
|
<div class="dialog" id="dialog_machinegroup" style="display: none;">
|
|
<div class="dialog-title"><span class="title">Add Asset Group</span><em class="dialog-close"></em></div>
|
|
<div class="dialog-content">
|
|
<div class="dialog-subheader">Asset Group Properties</div>
|
|
<table class="group_table">
|
|
<tr>
|
|
<td class="label">Group Name:</td>
|
|
<td>
|
|
<input type="text" id="dialog_groupname" maxlength="200" tabindex="1" style="width: 300px;" />
|
|
</td>
|
|
<td class="label" style="width: 50px; text-align: right;">Code:</td>
|
|
<td>
|
|
<input type="text" id="dialog_groupcode" maxlength="50" tabindex="1" style="width: 200px;" />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label">Description:</td>
|
|
<td colspan="3">
|
|
<textarea id="dialog_description" maxlength="1000" tabindex="2"></textarea></td>
|
|
</tr>
|
|
</table>
|
|
<div class="dialog-subheader">Group Assets</div>
|
|
|
|
<div style="margin-top: 5px; margin-bottom: 5px;">
|
|
<span>Type: </span>
|
|
<select id="sel_machine_type" style="min-width: 120px;"></select>
|
|
<input type="text" id="txt_machine_key" />
|
|
<input type="button" class="ybutton" id="button_machine_filter" value="Filter" />
|
|
</div>
|
|
<table id="tab_groupmachine" class="group_table" style="min-height: 300px;">
|
|
<thead>
|
|
<tr>
|
|
<td>Available Assets</td>
|
|
<td></td>
|
|
<td>Assigned Group Assets
|
|
<input type="checkbox" id="chk_showallassignedassets" title="When checked, all associated or linked items will display regardless of filter. " /><label for="chk_showallassignedassets">Show All Assigned</label>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 380px;">
|
|
<div id="availablemachinelist" style="height: 300px;"></div>
|
|
</td>
|
|
<td style="text-align: center; vertical-align: middle; width: 80px;">
|
|
<input class="ctl_button" type="button" value="" tabindex="3" onclick="OnEditorAdd();" />
|
|
<input class="ctl_button" type="button" value="" tabindex="4" onclick="OnEditorAddAll();" />
|
|
<input class="ctl_button" type="button" value="" tabindex="5" onclick="OnEditorRemove();" />
|
|
<input class="ctl_button" type="button" value="" tabindex="6" onclick="OnEditorRemoveAll();" />
|
|
</td>
|
|
<td style="width: 380px;">
|
|
<div id="selectedmachinelist" style="height: 300px;"></div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="dialog-func">
|
|
<input type="button" value="Cancel" class="dialog-close" tabindex="18" />
|
|
<input type="button" onclick="OnDialogOK();" value="OK" tabindex="17" />
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="maskbg" style="display: none;"></div>
|
|
</div>
|
|
|
|
<div class="dialog" id="dialog_machinegroup1" style="display: none; height: 100%; border-bottom: 0; border-top: 0; z-index: 2">
|
|
<iframe id="iframe_machinegroup" style="width: 100%; height: 100%; display: block; border: none"></iframe>
|
|
<div class="maskbg" style="display: none"></div>
|
|
</div>
|
|
</asp:Content>
|
|
|