514 lines
24 KiB
Plaintext
514 lines
24 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="FineUIPro.Web._default" %>
|
||
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head runat="server">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<title runat="server" id="defaultTitle"></title>
|
||
<link rel="shortcut icon" type="image/x-icon" href="res/images/favicon.ico" />
|
||
<link rel="icon" type="image/x-icon" href="res/images/favicon.ico" />
|
||
<link type="text/css" rel="stylesheet" href="~/res/css/default.css" />
|
||
</head>
|
||
<body class="defaultpage">
|
||
<form id="form1" runat="server">
|
||
<f:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server"></f:PageManager>
|
||
<f:Panel ID="Panel1" Layout="Region" ShowBorder="false" ShowHeader="false" runat="server">
|
||
<Items>
|
||
<f:ContentPanel ID="topPanel" CssClass="topregion" RegionPosition="Top" ShowBorder="false" ShowHeader="false" EnableCollapse="true" runat="server">
|
||
<div id="header" class="ui-widget-header f-mainheader">
|
||
<table>
|
||
<tr>
|
||
<td>
|
||
<f:Button runat="server" CssClass="icononlyaction" ID="btnHomePage" ToolTip="首页" IconAlign="Top" IconFont="Home"
|
||
EnablePostBack="false" EnableDefaultState="false" EnableDefaultCorner="false">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onHomePageClick" />
|
||
</Listeners>
|
||
</f:Button>
|
||
<a class="logo" href="./default.aspx" title="首页">
|
||
<f:Label ID="lbTitle" runat="server"></f:Label>
|
||
</a>
|
||
</td>
|
||
|
||
<td style="text-align: right;">
|
||
<f:Button runat="server"
|
||
CssClass="icontopaction nexttheme" ID="btnWelder" Text="焊工管理" ToolTip="项目现场》焊工管理系统"
|
||
IconAlign="Top" Icon="user" EnableDefaultState="false"
|
||
EnableDefaultCorner="false" OnClick="btnWelder_Click">
|
||
</f:Button>
|
||
<f:Button runat="server"
|
||
CssClass="icontopaction nexttheme" ID="btnWeldMat" Text="焊材管理" ToolTip="项目现场》焊接材料管理系统"
|
||
IconAlign="Top" Icon="applicationviewtile" EnableDefaultState="false"
|
||
EnableDefaultCorner="false" OnClick="btnWeldMat_Click">
|
||
</f:Button>
|
||
|
||
<f:Button runat="server"
|
||
CssClass="icontopaction nexttheme" ID="btnGDAZ" Text="管道安装" ToolTip="项目现场》管道安装焊接管理系统"
|
||
IconAlign="Top" Icon="disconnect" EnableDefaultState="false"
|
||
EnableDefaultCorner="false" OnClick="btnGDAZ_Click">
|
||
</f:Button>
|
||
|
||
<f:Button runat="server"
|
||
CssClass="icontopaction nexttheme" ID="btnYLRQ" Text="压力容器" ToolTip="项目现场》压力容器焊接管理系统"
|
||
IconAlign="Top" Icon="chartcurve" EnableDefaultState="false"
|
||
EnableDefaultCorner="false" OnClick="btnYLRQ_Click">
|
||
</f:Button>
|
||
|
||
<f:Button runat="server" CssClass="icontopaction themes" ID="btnThemeSelect" Text="皮肤" IconAlign="Top" IconFont="Bank"
|
||
EnablePostBack="false" EnableDefaultState="false" EnableDefaultCorner="false">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onThemeSelectClick" />
|
||
</Listeners>
|
||
</f:Button>
|
||
<f:Button runat="server" CssClass="icontopaction loading" ID="btnLoadingSelect" Text="加载动画" IconAlign="Top" IconFont="Spinner"
|
||
EnablePostBack="false" EnableDefaultState="false" EnableDefaultCorner="false">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onLoadingSelectClick" />
|
||
</Listeners>
|
||
</f:Button>
|
||
<f:Button runat="server" CssClass="icontopaction loading" ID="btnRLSB" Text="人脸识别" IconAlign="Top" IconFont="Eye"
|
||
EnablePostBack="false" EnableDefaultState="false" EnableDefaultCorner="false" Hidden="true">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="btnRLSBClick" />
|
||
</Listeners>
|
||
</f:Button>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</f:ContentPanel>
|
||
<f:Panel ID="leftPanel" CssClass="leftregion" RegionPosition="Left" RegionSplit="true" ShowBorder="true" Width="260px" ShowHeader="true" Title=" "
|
||
EnableCollapse="true" Collapsed="false" Layout="Fit" runat="server">
|
||
<Tools>
|
||
<f:Tool runat="server" IconFont="Gear" EnablePostBack="false">
|
||
<Menu runat="server" ID="menuSettings">
|
||
<f:MenuButton ID="btnExpandAll" Text="展开菜单" EnablePostBack="false" runat="server">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onExpandAllClick" />
|
||
</Listeners>
|
||
</f:MenuButton>
|
||
<f:MenuButton ID="btnCollapseAll" Text="折叠菜单" EnablePostBack="false" runat="server">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onCollapseAllClick" />
|
||
</Listeners>
|
||
</f:MenuButton>
|
||
<f:MenuSeparator runat="server">
|
||
</f:MenuSeparator>
|
||
|
||
<f:MenuSeparator runat="server">
|
||
</f:MenuSeparator>
|
||
<f:MenuCheckBox runat="server" ID="cbxEnableCompactMode" Text="启用紧凑模式">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="cbxEnableCompactMode" />
|
||
</Listeners>
|
||
</f:MenuCheckBox>
|
||
<f:MenuSeparator runat="server">
|
||
</f:MenuSeparator>
|
||
<f:MenuButton EnablePostBack="false" Text="菜单样式" ID="MenuStyle" runat="server">
|
||
<Menu ID="Menu1" runat="server">
|
||
<Items>
|
||
<f:MenuCheckBox Text="树菜单" ID="MenuStyleTree" Checked="true" GroupName="MenuStyle" runat="server">
|
||
</f:MenuCheckBox>
|
||
<f:MenuCheckBox Text="手风琴+树菜单" ID="MenuStyleAccordion" GroupName="MenuStyle" runat="server">
|
||
</f:MenuCheckBox>
|
||
</Items>
|
||
<Listeners>
|
||
<f:Listener Event="itemcheckchange" Handler="onMenuStyleItemCheckChange" />
|
||
</Listeners>
|
||
</Menu>
|
||
</f:MenuButton>
|
||
</Menu>
|
||
</f:Tool>
|
||
</Tools>
|
||
</f:Panel>
|
||
<f:TabStrip ID="mainTabStrip" CssClass="centerregion" RegionPosition="Center" ShowBorder="true" EnableTabCloseMenu="true" runat="server">
|
||
<Tabs>
|
||
<f:Tab ID="Tab1" Title="首页" IconFont="Home" EnableIFrame="true" IFrameUrl="~/common/main.aspx" runat="server">
|
||
</f:Tab>
|
||
</Tabs>
|
||
<Tools>
|
||
<f:Tool runat="server" EnablePostBack="false" IconFont="Eye" CssClass="tabtool" ToolTip="帮助" ID="toolSourceCode">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onToolSourceCodeClick" />
|
||
</Listeners>
|
||
</f:Tool>
|
||
<f:Tool runat="server" EnablePostBack="false" IconFont="Refresh" CssClass="tabtool" ToolTip="刷新" ID="toolRefresh">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onToolRefreshClick" />
|
||
</Listeners>
|
||
</f:Tool>
|
||
<f:Tool runat="server" EnablePostBack="false" IconFont="ExternalLink" CssClass="tabtool" ToolTip="在新标签页中打开" ID="toolNewWindow">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onToolNewWindowClick" />
|
||
</Listeners>
|
||
</f:Tool>
|
||
<f:Tool runat="server" EnablePostBack="false" IconFont="SignOut" CssClass="tabtool" ToolTip="注销" ID="toolSignOut">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onToolSignOutClick" />
|
||
</Listeners>
|
||
</f:Tool>
|
||
<f:Tool runat="server" EnablePostBack="false" IconFont="Expand" CssClass="tabtool" ToolTip="最大化" ID="toolMaximize">
|
||
<Listeners>
|
||
<f:Listener Event="click" Handler="onToolMaximizeClick" />
|
||
</Listeners>
|
||
</f:Tool>
|
||
</Tools>
|
||
</f:TabStrip>
|
||
<f:ContentPanel ID="bottomPanel" CssClass="bottomregion" RegionPosition="Bottom" ShowBorder="false" ShowHeader="false" EnableCollapse="false" runat="server">
|
||
<table class="bottomtable ui-widget-header f-mainheader">
|
||
<tr>
|
||
<td style="width: 200px;"> 当前用户：<asp:Literal runat="server" ID="liUser"></asp:Literal>
|
||
</td>
|
||
<td style="text-align: center;">
|
||
<a target="_blank" href=" " >Copyright 2016 镇海石化建安工程有限公司 版权所有 浙ICP备16024578号-1</ a>
|
||
</td>
|
||
<td style="width: 200px; text-align: right;"><asp:Literal runat="server" ID="litOnlineUserCount"></asp:Literal> </td>
|
||
</tr>
|
||
</table>
|
||
</f:ContentPanel>
|
||
</Items>
|
||
</f:Panel>
|
||
<f:Window ID="windowSourceCode" IconFont="Code" Title="源代码" Hidden="true" EnableIFrame="true"
|
||
runat="server" IsModal="true" Width="1000px" Height="600px" EnableClose="true"
|
||
EnableMaximize="true" EnableResize="true">
|
||
</f:Window>
|
||
<f:Window ID="windowThemeRoller" Title="皮肤" Hidden="true" EnableIFrame="true" IFrameUrl="./common/themes.aspx" ClearIFrameAfterClose="false"
|
||
runat="server" IsModal="true" Width="1000px" Height="600px" EnableClose="true"
|
||
EnableMaximize="true" EnableResize="true">
|
||
</f:Window>
|
||
<f:Window ID="windowLoadingSelector" Title="加载动画" Hidden="true" EnableIFrame="true" IFrameUrl="./common/loading.aspx" ClearIFrameAfterClose="false"
|
||
runat="server" IsModal="true" Width="1000px" Height="600px" EnableClose="true"
|
||
EnableMaximize="true" EnableResize="true">
|
||
</f:Window>
|
||
<f:Window ID="windowRLSB" Title="人脸识别" Hidden="true" EnableIFrame="true" IFrameUrl="./RLSB/testpicupload.aspx" ClearIFrameAfterClose="false"
|
||
runat="server" IsModal="true" Width="1000px" Height="600px" EnableClose="true"
|
||
EnableMaximize="true" EnableResize="true">
|
||
</f:Window>
|
||
</form>
|
||
|
||
<script type="text/javascript">
|
||
var toolSignOutClientID = '<%= toolSignOut.ClientID %>';
|
||
var toolRefreshClientID = '<%= toolRefresh.ClientID %>';
|
||
var toolNewWindowClientID = '<%= toolNewWindow.ClientID %>';
|
||
var windowSourceCodeClientID = '<%= windowSourceCode.ClientID %>';
|
||
var mainTabStripClientID = '<%= mainTabStrip.ClientID %>';
|
||
var windowThemeRollerClientID = '<%= windowThemeRoller.ClientID %>';
|
||
var windowLoadingSelectorClientID = '<%= windowLoadingSelector.ClientID %>';
|
||
var windowRLSBClientID = '<%= windowRLSB.ClientID %>';
|
||
var MenuStyleClientID = '<%= MenuStyle.ClientID %>';
|
||
|
||
var leftPanelClientID = '<%= leftPanel.ClientID %>';
|
||
var topPanelClientID = '<%= topPanel.ClientID %>';
|
||
|
||
// 点击官网首页
|
||
function onHomePageClick(event) {
|
||
window.open('http://hfnbdgs.cn/', '_blank');
|
||
}
|
||
|
||
// 点击下载试用
|
||
function onDownloadPublicClick(event) {
|
||
window.open('http://fineui.com/pro/', '_blank');
|
||
}
|
||
|
||
// 点击主题仓库
|
||
function onThemeSelectClick(event) {
|
||
var windowThemeRoller = F(windowThemeRollerClientID);
|
||
windowThemeRoller.show();
|
||
}
|
||
|
||
|
||
// 点击加载动画
|
||
function onLoadingSelectClick(event) {
|
||
var windowLoadingSelector = F(windowLoadingSelectorClientID);
|
||
windowLoadingSelector.show();
|
||
}
|
||
|
||
// 点击人脸识别
|
||
function btnRLSBClick(event) {
|
||
var windowRLSB = F(windowRLSBClientID);
|
||
windowRLSB.show();
|
||
}
|
||
|
||
// 点击下一个主题
|
||
function onNextThemeClick(event) {
|
||
var themes = [["default", "Default"], ["metro_blue", "Metro Blue"], ["metro_dark_blue", "Metro Dark Blue"], ["metro_gray", "Metro Gray"], ["metro_green", "Metro Green"], ["metro_orange", "Metro Orange"], ["black_tie", "Black Tie"], ["blitzer", "Blitzer"], ["cupertino", "Cupertino"], ["dark_hive", "Dark Hive"], ["dot_luv", "Dot Luv"], ["eggplant", "Eggplant"], ["excite_bike", "Excite Bike"], ["flick", "Flick"], ["hot_sneaks", "Hot Sneaks"], ["humanity", "Humanity"], ["le_frog", "Le Frog"], ["mint_choc", "Mint Choc"], ["overcast", "Overcast"], ["pepper_grinder", "Pepper Grinder"], ["redmond", "Redmond"], ["smoothness", "Smoothness"], ["south_street", "South Street"], ["start", "Start"], ["sunny", "Sunny"], ["swanky_purse", "Swanky Purse"], ["trontastic", "Trontastic"], ["ui_darkness", "UI Darkness"], ["ui_lightness", "UI Lightness"], ["vader", "Vader"], ["custom_default", "Custom Default"], ["bootstrap_pure", "Bootstrap Pure"]];
|
||
|
||
var themeName = F.cookie('Theme_Pro');
|
||
if (!themeName) {
|
||
themeName = 'default';
|
||
}
|
||
|
||
var themeIndex = 0, themeCount = themes.length;
|
||
$.each(themes, function (index, item) {
|
||
if (item[0] === themeName) {
|
||
themeIndex = index;
|
||
}
|
||
});
|
||
themeIndex++;
|
||
|
||
if (themeIndex === themeCount) {
|
||
themeIndex = 0;
|
||
}
|
||
|
||
var nextTheme = themes[themeIndex];
|
||
var themeName = nextTheme[0];
|
||
var themeTitle = nextTheme[1];
|
||
|
||
F.cookie('Theme_Pro', themeName, {
|
||
expires: 100 // 单位：天
|
||
});
|
||
F.cookie('Theme_Pro_Title', themeTitle, {
|
||
expires: 100 // 单位：天
|
||
});
|
||
|
||
top.window.location.reload();
|
||
}
|
||
|
||
// 点击展开菜单
|
||
function onExpandAllClick(event) {
|
||
var leftPanel = F(leftPanelClientID);
|
||
var firstChild = leftPanel.items[0];
|
||
|
||
if (firstChild.isType('tree')) {
|
||
// 左侧为树控件
|
||
firstChild.expandAll();
|
||
} else {
|
||
// 左侧为树控件+手风琴控件
|
||
var activePane = firstChild.getActivePane();
|
||
if (activePane) {
|
||
activePane.items[0].expandAll();
|
||
}
|
||
}
|
||
}
|
||
|
||
// 点击折叠菜单
|
||
function onCollapseAllClick(event) {
|
||
var leftPanel = F(leftPanelClientID);
|
||
var firstChild = leftPanel.items[0];
|
||
|
||
if (firstChild.isType('tree')) {
|
||
// 左侧为树控件
|
||
firstChild.collapseAll();
|
||
} else {
|
||
// 左侧为树控件+手风琴控件
|
||
var activePane = firstChild.getActivePane();
|
||
if (activePane) {
|
||
activePane.items[0].collapseAll();
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
// 点击仅显示最新示例
|
||
function onShowOnlyNewClick(event) {
|
||
var checked = this.isChecked();
|
||
if (checked) {
|
||
F.cookie('ShowOnlyNew_Pro', checked, {
|
||
expires: 100 // 单位：天
|
||
});
|
||
} else {
|
||
F.removeCookie('ShowOnlyNew_Pro');
|
||
}
|
||
top.window.location.reload();
|
||
}
|
||
|
||
// 点击启用紧凑模式
|
||
function cbxEnableCompactMode(event) {
|
||
var checked = this.isChecked();
|
||
if (checked) {
|
||
F.cookie('EnableCompactMode_Pro', checked, {
|
||
expires: 100 // 单位：天
|
||
});
|
||
} else {
|
||
F.removeCookie('EnableCompactMode_Pro');
|
||
}
|
||
top.window.location.reload();
|
||
}
|
||
|
||
|
||
|
||
function onSearchTrigger1Click(event) {
|
||
F.removeCookie('SearchText_Pro');
|
||
top.window.location.reload();
|
||
}
|
||
|
||
function onSearchTrigger2Click(event) {
|
||
F.cookie('SearchText_Pro', this.getValue(), {
|
||
expires: 100 // 单位：天
|
||
});
|
||
top.window.location.reload();
|
||
}
|
||
|
||
// 点击标题栏工具图标 - 查看源代码
|
||
function onToolSourceCodeClick(event) {
|
||
window.open('Doc/管道焊接管理操作说明.RAR', '_blank');
|
||
}
|
||
|
||
// 点击标题栏工具图标 - 刷新
|
||
function onToolRefreshClick(event) {
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
|
||
var activeTab = mainTabStrip.getActiveTab();
|
||
if (activeTab.iframe) {
|
||
var iframeWnd = activeTab.getIFrameWindow();
|
||
iframeWnd.location.reload();
|
||
}
|
||
}
|
||
|
||
// 点击标题栏工具图标 - 注销
|
||
function onToolSignOutClick(event) {
|
||
var bConfirmed = confirm('您确定要注销吗?');
|
||
if (bConfirmed) { window.open('login.aspx', '_top'); }
|
||
}
|
||
|
||
// 点击标题栏工具图标 - 在新标签页中打开
|
||
function onToolNewWindowClick(event) {
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
|
||
var activeTab = mainTabStrip.getActiveTab();
|
||
if (activeTab.iframe) {
|
||
window.open(activeTab.getIFrameUrl(), '_blank');
|
||
}
|
||
}
|
||
|
||
// 点击标题栏工具图标 - 最大化
|
||
function onToolMaximizeClick(event) {
|
||
var topPanel = F(topPanelClientID);
|
||
var leftPanel = F(leftPanelClientID);
|
||
|
||
var currentTool = this;
|
||
if (currentTool.iconFont.indexOf('expand') >= 0) {
|
||
topPanel.collapse();
|
||
leftPanel.collapse();
|
||
currentTool.setIconFont('compress');
|
||
} else {
|
||
topPanel.expand();
|
||
leftPanel.expand();
|
||
currentTool.setIconFont('expand');
|
||
}
|
||
}
|
||
|
||
|
||
|
||
// 添加示例标签页
|
||
// id： 选项卡ID
|
||
// iframeUrl: 选项卡IFrame地址
|
||
// title： 选项卡标题
|
||
// icon： 选项卡图标
|
||
// createToolbar： 创建选项卡前的回调函数（接受tabOptions参数）
|
||
// refreshWhenExist： 添加选项卡时，如果选项卡已经存在，是否刷新内部IFrame
|
||
// iconFont： 选项卡图标字体
|
||
function addExampleTab(tabOptions) {
|
||
|
||
if (typeof (tabOptions) === 'string') {
|
||
tabOptions = {
|
||
id: arguments[0],
|
||
iframeUrl: arguments[1],
|
||
title: arguments[2],
|
||
icon: arguments[3],
|
||
createToolbar: arguments[4],
|
||
refreshWhenExist: arguments[5],
|
||
iconFont: arguments[6]
|
||
};
|
||
}
|
||
|
||
F.addMainTab(F(mainTabStripClientID), tabOptions);
|
||
}
|
||
|
||
|
||
// 移除选中标签页
|
||
function removeActiveTab() {
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
|
||
var activeTab = mainTabStrip.getActiveTab();
|
||
activeTab.hide();
|
||
}
|
||
|
||
// 获取当前激活选项卡的ID
|
||
function getActiveTabId() {
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
|
||
var activeTab = mainTabStrip.getActiveTab();
|
||
if (activeTab) {
|
||
return activeTab.id;
|
||
}
|
||
return '';
|
||
}
|
||
|
||
// 激活选项卡，并刷新其中的内容
|
||
function activeTabAndRefresh(tabId) {
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
var targetTab = mainTabStrip.getTab(tabId);
|
||
|
||
if (targetTab) {
|
||
mainTabStrip.activeTab(targetTab);
|
||
targetTab.refreshIFrame();
|
||
}
|
||
}
|
||
|
||
// 通知框
|
||
function notify(msg) {
|
||
F.notify({
|
||
message: msg,
|
||
messageIcon: 'information',
|
||
target: '_top',
|
||
header: false,
|
||
displayMilliseconds: 3 * 1000,
|
||
positionX: 'center',
|
||
positionY: 'center'
|
||
});
|
||
}
|
||
|
||
// 点击菜单样式
|
||
function onMenuStyleItemCheckChange(event, item) {
|
||
var menuStyle = 'accordion';
|
||
if (item.isChecked() && item.id.indexOf('MenuStyleTree') >= 0) {
|
||
menuStyle = 'tree';
|
||
}
|
||
F.cookie('MenuStyle_Pro', menuStyle, {
|
||
expires: 100 // 单位：天
|
||
});
|
||
top.window.location.reload();
|
||
}
|
||
|
||
function onSignOutClick() {
|
||
notify('尚未实现');
|
||
}
|
||
|
||
function onUserProfileClick() {
|
||
notify('尚未实现');
|
||
}
|
||
|
||
|
||
F.ready(function () {
|
||
|
||
var mainTabStrip = F(mainTabStripClientID);
|
||
|
||
var leftPanel = F(leftPanelClientID);
|
||
var mainMenu = leftPanel.items[0];
|
||
|
||
|
||
|
||
// 初始化主框架中的树(或者Accordion+Tree)和选项卡互动，以及地址栏的更新
|
||
// treeMenu： 主框架中的树控件实例，或者内嵌树控件的手风琴控件实例
|
||
// mainTabStrip： 选项卡实例
|
||
// createToolbar： 创建选项卡前的回调函数（接受tabConfig参数）
|
||
// updateLocationHash: 切换Tab时，是否更新地址栏Hash值
|
||
// refreshWhenExist： 添加选项卡时，如果选项卡已经存在，是否刷新内部IFrame
|
||
// refreshWhenTabChange: 切换选项卡时，是否刷新内部IFrame
|
||
F.initTreeTabStrip(mainMenu, mainTabStrip, null, true, false, false);
|
||
|
||
|
||
//var themeTitle = F.cookie('Theme_Pro_Title');
|
||
//if (themeTitle) {
|
||
// F.removeCookie('Theme_Pro_Title');
|
||
// notify('主题更改为：' + themeTitle);
|
||
//}
|
||
|
||
});
|
||
|
||
|
||
</script>
|
||
</body>
|
||
</html>
|