2024-03-26 15:56:31 +08:00

605 lines
29 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%@ Page Title="" Language="C#" MasterPageFile="~/SystemSettings/SysSettingMasterPage.master" AutoEventWireup="true" CodeFile="UserOptions.aspx.cs" Inherits="UserOptions" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<link type="text/css" href="<%=GetFileUrlWithVersion("../fic/fic/css/Grid.css")%>" rel="stylesheet" />
<link href="<%=GetFileUrlWithVersion("../fic/css/datepicker.min.css")%>" rel="stylesheet" />
<link href="<%=Common.GenerateUrl("../fic/fic/css/form.css") %>" rel="stylesheet" />
<link href="<%=Common.GenerateUrl("../fic/fic/css/tabcontrol.css") %>" rel="stylesheet" />
<link href="<%=Common.GenerateUrl("../fic/fic/css/theme.css") %>" rel="stylesheet" />
<link href="<%=Common.GenerateUrl("../fic/fic/css/schedule.css") %>" rel="stylesheet" />
<link href="<%=Common.GenerateUrl("../fic/fic/css/workspace.css") %>" rel="stylesheet" />
<link href="<%=Common.GenerateUrl("../fic/fic/css/pivot.css") %>" rel="stylesheet" />
<link type="text/css" href="<%=Common.GenerateUrl("../fic/fic/js/components/css/datagrid.css") %>" rel="stylesheet" />
<link type="text/css" href="<%=Common.GenerateUrl("../css/override.css") %>" rel="stylesheet" />
<style type="text/css">
::-ms-clear, ::-ms-reveal {
display: none;
}
.edit-content table td input[type="radio"] {
border: none;
width: unset;
height: unset;
}
.a {
text-decoration: none;
color: #2140fb;
}
.machinetd {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ctl_button {
font-family: 'CalciteWebCoreIcons';
display: block;
margin: 6px auto;
width: 60px;
height: 22px;
line-height: 21px;
padding: 0;
}
.gridchartheader td {
font-weight: normal;
}
.div_module {
font-weight: 700;
}
.table_module {
line-height: 30px;
margin-left: 20px;
margin-bottom: 15px;
}
.td_module {
width: 200px;
font-weight: bold;
}
.label { /*cover tab.css*/
display: table-cell;
}
.login_lable {
height: 24px;
line-height: 24px;
}
.sbutton {
font-weight: 200;
}
</style>
<script type="text/javascript" src="<%=GetFileUrlWithVersion("../fic/js/lib/vue.min.js")%>"></script>
<script src="<%=GetFileUrlWithVersion("../js/controls.js")%>" type="text/javascript"></script>
<script src="<%=GetFileUrlWithVersion("../fic/js/utility.js")%>" type="text/javascript"></script>
<script type="text/javascript">
_fleet.currentLang = GetLanguageByCookie();
_utility.currentLang = _fleet.currentLang;
</script>
<script src="<%=GetFileUrlWithVersion("../fic/fic/js/controls/gridctrl.js")%>" type="text/javascript"></script>
<script src="<%=GetFileUrlWithVersion("../fic/fic/js/controls/editGridCtrl.js")%>" type="text/javascript"></script>
<script src="<%=GetFileUrlWithVersion("../fic/fic/js/controls/dialog.js")%>" type="text/javascript"></script>
<script type="text/javascript" src="<%=GetFileUrlWithVersion("../fic/fic/js/components/datagrid.js")%>"></script>
<%--<script src="<%=GetFileUrlWithVersion("../fic/fic/js/controls/controls.js") %>"></script>--%>
<script src="<%=GetFileUrlWithVersion("../fic/fic/js/pivot.js")%>"></script>
<script src="<%=GetFileUrlWithVersion("../fic/fic/js/chart.js") %>"></script>
<script src="<%=GetFileUrlWithVersion("../fic/fic/js/workspace.js") %>"></script>
<script src="<%=GetFileUrlWithVersion("../fic/fic/js/controls/form.js")%>" type="text/javascript"></script>
<script src="<%=GetFileUrlWithVersion("../js/utility.js")%>" type="text/javascript"></script>
<script src="<%=GetFileUrlWithVersion("../js/language.js")%>" type="text/javascript"></script>
<script src="<%=GetFileUrlWithVersion("../js/modulelang.js")%>" type="text/javascript"></script>
<script src="<%=GetFileUrlWithVersion("../js/assetselector.js")%>" type="text/javascript"></script>
<script src="<%=GetFileUrlWithVersion("js/userfilter.js")%>" type="text/javascript"></script>
<script src="<%=GetFileUrlWithVersion("../fic/fic/js/Management/func.js") %>"></script>
<script type="text/javascript" src="<%=GetFileUrlWithVersion("../fic/fic/js/controls/wizardctrl.js") %>"></script>
<script type="text/javascript" src="<%=GetFileUrlWithVersion("../fic/fic/js/Management/UserAlertFilter.js")%>"></script>
<script type="text/javascript" src="<%=GetFileUrlWithVersion("../fic/fic/js/chartManage/chartTypeWizard.js") %>"></script>
<script type="text/javascript" src="<%=GetFileUrlWithVersion("../fic/fic/js/Management/filtersSelector.js") %>"></script>
<script>
$addDomainUserForm = function () { }
</script>
<script src="<%=GetFileUrlWithVersion("../fic/js/datepicker.min.js")%>"></script>
<script src="<%=GetFileUrlWithVersion("../fic/fic/js/Management/UserManagement.js")%>" type="text/javascript"></script>
<script type="text/javascript">
var userOptions = null;
var uid = '<%=IID%>';
var IsSupperAdmin =<%=IsSupperAdmin ?"true":"false"%>;
var GridView1 = window['lib-ui'].Grid;//与FIC中冲突暂时使用GridView1主要在userfilter.js使用
function showmaskbg1(flag, noanimation) {//与FIC中冲突
if (window.parent && typeof window.parent.onmaskbg == 'function') {
window.parent.onmaskbg(flag, noanimation);
}
$('#mask_bg').children().hide();
if (noanimation) {
$('#mask_bg').css('display', flag ? '' : 'none');
} else {
if (flag) {
$('#mask_bg').fadeIn(100);
} else {
$('#mask_bg').fadeOut(100);
}
}
}
function showAlert1(msg, title, icon, next) {//覆盖FIC的showAlert
if (window.parent && typeof window.parent.showalert == 'function') {
window.parent.showalert(msg, title, icon, next);
} else {
_dialog.showAlert(msg, title, icon, next);
}
}
function showConfirm1(msg, title, fok, fcancel) {//与FIC中冲突
if (window.parent && typeof window.parent.showconfirm == 'function') {
window.parent.showconfirm(msg, title, fok, fcancel);
} else {
showmaskbg1(true);
_dialog.showConfirm(msg, title, function (e) {
showmaskbg1(false);
if (typeof fok === 'function') {
fok(e);
}
}, function () {
if (fcancel)
fcancel();
showmaskbg1(false);
});
}
}
function requestFIC(service, method, param, callback, error) {
$.ajax({
url: _network.root + 'fic/fic/FICSvc.ashx?fmt=json&SN=' + Math.random(),
type: 'POST',
dataType: 'json',
cache: false,
data: encodeURIComponent(JSON.stringify({
LanguageID: _utility.currentLang,
UtcOffset: new Date().getTimezoneOffset(),
Flag: 0,
AppName: '',
ServiceType: service,
MethodName: method,
Parameters: param
})),
async: true,
success: callback,
error: error || function (e) {
console.log(e);
showmaskbg(false, true);
showAlert1(GetTextByKey('P_UM_PAGEERROR', 'An unknown error occurred. Please refresh page.'), GetTextByKey('P_UM_QUERY', 'Query'));
}
});
}
_network.query = function (method, param, callback, error) {
requestFIC('FI.FIC.IFICQuery', method, param, callback, error);
};
_network.management = function (method, param, callback, error, nolog, isSync) {
requestFIC('FI.FIC.IFICManagement', method, param, callback, error, nolog, isSync);
};
function useroptionsrequest(method, param, callback, error) {
_network.request("SystemSettings/UserOptions.aspx", -1, method, param, callback, error || function (e) {
console.log(e);
showmaskbg(false, true);
showAlert1(GetTextByKey('P_SET_QUERY', 'An unknown error occurred. Please refresh page.'), GetTextByKey('P_SET_QUERY', 'Query'));
});
}
function OnRefresh() {
GetOptionSetting();
allFilterAssetTypes = undefined;
allFilterJobsites = undefined;
allFilterAssetGroups = undefined;
userfiltertemplateloaded = true;
getUserFilterData();
}
function GetOptionSetting() {
showloading(true);
getStyleData();
getLanguages();
getTimeZones();
}
function getStyleData() {
useroptionsrequest("GetCompanyUIStyles", "", function (data) {
showloading(false);
showStyles(data);
getUserOptions();
}, function (err) {
showloading(false);
});
}
function showStyles(styles) {
var sel = $("#selStyle");
var style = sel.val();
sel.empty();
var op = $("<option></option>").val("").text("");
sel.append(op);
if (styles) {
for (var i = 0; i < styles.length; i++) {
var s = styles[i];
var op = $("<option></option>").val(s.UIStyleID).text(s.UIStyleName);
sel.append(op);
}
if (style && style != "") {
sel.val(style);
}
}
}
function getLanguages() {
useroptionsrequest("GetLanguages", "", function (data) {
showLanguages(data);
}, function (err) {
});
}
function showLanguages(lans) {
var sel = $("#sellanguages");
var language = sel.val();
sel.empty();
var op = $("<option></option>").val("").text("");
sel.append(op);
if (lans) {
for (var i = 0; i < lans.length; i++) {
var s = lans[i];
var op = $("<option></option>").val(s.Key).text(s.Value);
sel.append(op);
}
if (language && language != "") {
sel.val(language);
}
}
showUserOptions();
}
function getTimeZones() {
useroptionsrequest("GetTimeZones", "", function (data) {
showTimeZones(data);
getUserOptions();
}, function (err) {
});
}
function showTimeZones(data) {
var sel = $("#dialog_timezone");
var timezone = sel.val();
sel.empty();
var op = $("<option></option>").val("").text("");
sel.append(op);
if (data && data.length > 0) {
for (var i = 0; i < data.length; i++) {
sel.append($("<option></option>").val(data[i].Key).text("(" + data[i].Value + ")" + data[i].Key).attr("offset", data[i].Tag1));
}
if (timezone && timezone != "") {
sel.val(timezone);
}
}
}
function getUserOptions() {
useroptionsrequest("GetUserOptions", "", function (data) {
userOptions = data;
showUserOptions();
}, function (err) {
});
}
function showUserOptions() {
if (!userOptions) return;
if (userOptions.SystemStyleID) {
$("#selStyle").val(userOptions.SystemStyleID);
}
if (userOptions.PreferredLanguage) {
$("#sellanguages").val(userOptions.PreferredLanguage);
}
if (IsSupperAdmin) {
$("#dialog_timezone").val('');
}
else {
if (userOptions.TimeZone) {
$("#dialog_timezone").val(userOptions.TimeZone);
}
}
}
function OnSave() {
userOptions.SystemStyleID = $("#selStyle").val();
userOptions.PreferredLanguage = $("#sellanguages").val();
userOptions.TimeZone = IsSupperAdmin ? '' : $("#dialog_timezone").val();
//subscribe
var subscribe = null;
var userfilter = null;
if (scriber) {
subscribe = scriber.getObject();
userfilter = scriber.getUserFilter();
if (typeof subscribe === 'string') {
showAlert1(subscribe, GetTextByKey("P_UM_ERROR", 'Error'));
return;
}
}
//FIC Alert Filter Templates
var filtertemplates = [];
if (userfiltertemplateloaded) {
$("#sel_filtertemplate option").each(function () {
var temp = { 'Id': $(this).val(), 'Name': $(this).text() };
var filterdata = $(this).data('filterdata');
if (filterdata) {
if (filterdata.Assets)
temp.Assets = filterdata.Assets;
if (filterdata.AssetGroups)
temp.AssetGroups = filterdata.AssetGroups;
if (filterdata.AssetTypes)
temp.AssetTypes = filterdata.AssetTypes;
if (filterdata.Jobsites)
temp.Jobsites = filterdata.Jobsites;
}
if (temp.Id < 0 || (temp.Id > 0 && filterdata))
filtertemplates.push(temp);
})
}
var param = JSON.stringify({
'UserParam': userOptions,
'Subscribe': subscribe,
'UserAlertFilter': userfilter,
'FilterTemplates': filtertemplates,
'DeleteFilterTemplates': deletefiltertemplates
});
showloading(true);
param = htmlencode(param);
useroptionsrequest("SaveUserOptions", param, function (data) {
if (data !== 'OK') {
showAlert1(data, GetTextByKey("P_SET_SAVEUSEROPTIONS", 'Save User Options'));
} else {
if (userfiltertemplateloaded) {
getUserFilterData();
}
showAlert1(GetTextByKey("P_SET_SAVSUCCESSFULLY", "Saved Successfully."), GetTextByKey("P_SET_SAVEUSEROPTIONS", 'Save User Options'));
}
showloading(false);
}, function (err) {
showloading(false);
});
}
function onuserfilterclick() {
if (!userfiltertemplateloaded) {
userfiltertemplateloaded = true;
getUserFilterData();
}
else {
setTimeout(function () {
grid_dtfilterassets && grid_dtfilterassets.resize();
grid_dtfiltersag && grid_dtfiltersag.resize();
grid_dtfilterjs && grid_dtfilterjs.resize();
grid_dtfilterat && grid_dtfilterat.resize();
});
}
}
function reshowgrid() {
setTimeout(function () {
$('#SubMSG_leftTD').children().data('grid').onresize();
$('#SubMSG_rightTD').children().data('grid').onresize();
//$("#contactlist").css("height", $(window).height() - $("#contactlist").offset().top - 10);
gridSchedule && gridSchedule.resize();
});
}
var scriber;
var userfiltertemplateloaded = false;
$(function () {
setPageTitle(GetTextByKey("P_SET_USEROPTIONS", 'User Options'), true);
// prepare subscribe message
var subscribe = new $subscribeMSGpanel();
subscribe.append($('#subscribe_message').empty(), uid, -1, null, true, 450);
//$('#subscribe_message').applyLanguageText(true);
scriber = subscribe;
if (IsSupperAdmin)
$('#tr_timezone').hide();
else
$('#tr_timezone').show();
GetOptionSetting();
$("#div_container").tab();
$('input[placeholder=Search]').attr("placeholder", GetTextByKey("P_AM_SEARCH", "Search"));
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<div style="padding: 0px; margin: 0px;">
<div class="page_title" data-lgid="P_SET_USEROPTIONS">User Options</div>
<div class="function_title">
<span class="sbutton iconsave" onclick="OnSave();" data-lgid="P_SET_SAVE">Save</span>
<span class="sbutton iconrefresh" onclick="OnRefresh();" data-lgid="P_SET_REFRESH">Refresh</span>
</div>
<div class="clear"></div>
<div class="content_main content_div">
<div class="edit-content">
<div id="div_container">
<ul id="ul_container" class="tab_header" style="padding-top: 5px;">
<li id="tab_header_info" data-href="tab_info" class="selected" data-lgid="P_UM_USERINFORMATION">User Information</li>
<li id="tab_header_subscribe" data-href="tab_subscribe" onclick="reshowgrid()" data-lgid="P_UM_SUBSCRIBEMESSAGE">Subscribe Message</li>
<%if (!IsDealer)
{ %>
<li id="tab_header_filter" data-href="tab_filter" class="cononly" onclick="onuserfilterclick()" data-lgid="P_WO_ASSETALERTFILTERTEMPLATES">Asset Alert Filter Templates</li>
<%} %>
</ul>
<div id="tab_info" data-page="tab_info">
<table style="line-height: 30px; table-layout: fixed;">
<tr>
<td class="label" style="width: 160px;" data-lgid="P_SET_STYLE_COLON">Style:</td>
<td style="width: 300px;">
<select id="selStyle" style="width: 200px; height: 20px;"></select></td>
<td></td>
</tr>
<tr>
<td class="label" data-lgid="P_SET_LANGUAGES_COLON">Languages:</td>
<td>
<select id="sellanguages" style="width: 200px; height: 20px;"></select></td>
<td></td>
</tr>
<tr id="tr_timezone" style="display: none;">
<td class="label" data-lgid="P_SET_TIMEZON_COLON">Time Zone:</td>
<td>
<select id="dialog_timezone" style="width: 200px; height: 20px;"></select></td>
<td></td>
</tr>
</table>
</div>
<div id="tab_subscribe" data-page="tab_subscribe" style="display: none">
<div id="subscribe_message" style="position: relative; padding-left: 50px; min-width: 1045px;"></div>
</div>
<div id="tab_filter" data-page="tab_filter" style="display: none;">
<div style="margin: 9px 6px 20px">
<span class="title" data-lgid="P_UM_FILTERTEMPLATES_COLON">Filter Templates:</span>
<select id="sel_filtertemplate" style="width: 300px; height: 20px;"></select>
<span class="sbutton iconadd" onclick="onOpenFilterTemplate(0);" data-lgid="P_UM_ADD"></span>
<span class="sbutton iconedit" onclick="onOpenFilterTemplate(1);" data-lgid="P_UM_EDIT"></span>
<span class="sbutton iconcopy" onclick="onOpenFilterTemplate(2);" data-lgid="P_IPT_COPY"></span>
<span class="sbutton icondelete" onclick="onDeleteFilterTemplate();" data-lgid="P_UM_DELETE"></span>
</div>
<div style="display: inline-block;">
<div class="machine_filter" style="margin: 9px 6px 5px">
<span class="title" data-lgid="P_UM_ASSETASS">Asset(s)</span>
<span class="sbutton iconadd" onclick="OnFilterAssetAdd()" data-lgid="P_UM_ADD">Add</span>
<span class="sbutton icondelete" onclick="OnFilterMachineDelete()" data-lgid="P_UM_DELETE">Delete</span>
</div>
<div id="selectedfilterassetlist" style="height: 200px; width: 760px;"></div>
</div>
<div>
<div class="machine_filter" style="margin: 9px 6px 5px">
<span class="title" data-lgid="P_UM_ASSETGROUPS">Asset Group(s)</span>
<span class="sbutton iconadd" onclick="OnFilterAssetGroupAdd()" data-lgid="P_UM_ADD">Add</span>
<span class="sbutton icondelete" onclick="OnFilterAssetGroupDelete()" data-lgid="P_UM_DELETE">Delete</span>
</div>
<div id="selectedfilterassetgrouplist" style="height: 200px; width: 760px;"></div>
</div>
<div>
<div class="machine_filter" style="margin: 9px 6px 5px">
<span class="title" data-lgid="P_UM_JOBSITES">Jobsite(s)</span>
<span class="sbutton iconadd" onclick="OnFilterJobsiteAdd()" data-lgid="P_UM_ADD">Add</span>
<span class="sbutton icondelete" onclick="OnFilterJobsiteDelete()" data-lgid="P_UM_DELETE">Delete</span>
</div>
<div id="selectedfilterjobsitelist" style="height: 200px; width: 760px;"></div>
</div>
<div>
<div class="machine_filter" style="margin: 9px 6px 5px">
<span class="title" data-lgid="P_UM_ASSETTYPES">Asset Type(s)</span>
<span class="sbutton iconadd" onclick="OnFilterAssetTypeAdd()" data-lgid="P_UM_ADD">Add</span>
<span class="sbutton icondelete" onclick="OnFilterAssetTypeDelete()" data-lgid="P_UM_DELETE">Delete</span>
</div>
<div id="selectedfilterassettypelist" style="height: 200px; width: 760px;"></div>
</div>
</div>
<div class="mask_loading dialog" style="display: none;"></div>
</div>
</div>
</div>
</div>
<div class="dialog" id="dialog_filterassetgroup" style="display: none; width: 650px;">
<div class="dialog-title"><span class="title" data-lgid="P_UM_SELECTASSETGROUPS">Select Asset Groups</span><em class="dialog-close"></em></div>
<div class="dialog-content">
<div style="position: relative; width: 470px; margin-top: 4px; float: left">
<input type="text" placeholder="Search" id="txt_filterassetgroup_key" autocomplete="off" style="width: 100%; padding-right: 28px; height: 25px; line-height: 25px; box-sizing: border-box; text-indent: 4px;" />
<div style="position: absolute; top: 0px; right: 0px; height: 25px; width: 28px; text-align: center; line-height: 25px; font-size: 1.2em; font-family: FontAwesome; font-weight: 900; color: rgb(123, 28, 33); cursor: pointer;" onclick="GetFilerAssetGroupList()">&#xf002;</div>
</div>
<div style="clear: both;"></div>
<div id="availablefilterassetgrouplist" style="height: 400px; width: 630px; margin: 10px 0 4px;"></div>
</div>
<div class="dialog-func">
<input type="button" value="Cancel" data-lgid="P_UM_CANCEL" class="dialog-close" tabindex="18" style="height: unset;" />
<input type="button" onclick="OnSetFilterSelectAssetGroups();" value="OK" data-lgid="P_UM_OK" tabindex="17" />
<div class="clear"></div>
</div>
<div class="maskbg" style="display: none;"></div>
</div>
<div class="dialog" id="dialog_filterjobsite" style="display: none; width: 650px;">
<div class="dialog-title"><span class="title" data-lgid="P_UM_SELECTJOBSITES">Select Jobsites</span><em class="dialog-close"></em></div>
<div class="dialog-content">
<div style="position: relative; width: 470px; margin-top: 4px; float: left">
<input type="text" placeholder="Search" id="txt_filterjobsite_key" autocomplete="off" style="width: 100%; padding-right: 28px; height: 25px; line-height: 25px; box-sizing: border-box; text-indent: 4px;" />
<div style="position: absolute; top: 0px; right: 0px; height: 25px; width: 28px; text-align: center; line-height: 25px; font-size: 1.2em; font-family: FontAwesome; font-weight: 900; color: rgb(123, 28, 33); cursor: pointer;" onclick="GetFilterJobsiteList()">&#xf002;</div>
</div>
<div style="clear: both;"></div>
<div id="filteravailablejobsitelist" style="height: 400px; width: 630px; margin: 10px 0 4px;"></div>
</div>
<div class="dialog-func">
<input type="button" value="Cancel" data-lgid="P_UM_CANCEL" class="dialog-close" tabindex="18" style="height: unset;" />
<input type="button" onclick="OnSetFilterSelectJobSites();" value="OK" data-lgid="P_UM_OK" tabindex="17" />
</div>
<div class="maskbg" style="display: none;"></div>
</div>
<div class="dialog" id="dialog_filterassettype" style="display: none; width: 650px;">
<div class="dialog-title"><span class="title" data-lgid="P_UM_SELECTASSETTYPES">Select Asset Types</span><em class="dialog-close"></em></div>
<div class="dialog-content">
<div style="position: relative; width: 470px; margin-top: 4px; float: left">
<input type="text" placeholder="Search" id="txt_filterassettype_key" autocomplete="off" style="width: 100%; padding-right: 28px; height: 25px; line-height: 25px; box-sizing: border-box; text-indent: 4px;" />
<div style="position: absolute; top: 0px; right: 0px; height: 25px; width: 28px; text-align: center; line-height: 25px; font-size: 1.2em; font-family: FontAwesome; font-weight: 900; color: rgb(123, 28, 33); cursor: pointer;" onclick="GetFilterAssetTypeList()">&#xf002;</div>
</div>
<div style="clear: both;"></div>
<div id="filteravailableassettypelist" style="height: 400px; width: 630px; margin: 10px 0 4px;"></div>
</div>
<div class="dialog-func">
<input type="button" value="Cancel" data-lgid="P_UM_CANCEL" class="dialog-close" tabindex="18" style="height: unset;" />
<input type="button" onclick="OnSetFilterSelectAssetTypes();" value="OK" data-lgid="P_UM_OK" tabindex="17" />
</div>
<div class="maskbg" style="display: none;"></div>
</div>
<div class="dialog" id="dialog_filtertemplate" style="display: none; width: 500px;">
<div class="dialog-title"><span class="title" data-lgid="P_UM_ADDFILTERTEMPLATES">Add Filter Template</span><em class="dialog-close"></em></div>
<div class="dialog-content">
<table style="line-height: 30px; table-layout: fixed;">
<tr>
<td class="label" style="width: 160px;" data-lgid="P_UM_TEMPLATENAME_COLON">Template Name:</td>
<td style="width: 330px;">
<input type="text" id="dialog_filtertemplatename" tabindex="1" maxlength="200" autocomplete="off" /></td>
</tr>
</table>
</div>
<div class="dialog-func">
<input type="button" value="Cancel" data-lgid="P_UM_CANCEL" class="dialog-close" tabindex="18" style="height: unset;" />
<input type="button" onclick="OnSetFilterTemplate();" value="OK" data-lgid="P_UM_OK" tabindex="17" />
</div>
<div class="maskbg" style="display: none;"></div>
</div>
<div id="mask_bg" style="display: none;">
<div class="loading c-spin"></div>
</div>
</asp:Content>