apps/com.actionsoft.apps.addons.xpages/template/page/xpages.home.html
shangxiaoran@qq.com 2608324b68 初始化应用
2022-06-28 01:22:45 +08:00

447 lines
17 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>xpages</title>
<script>
</script>
<!-- JQuery -->
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
<!-- AWS UI -->
<script type="text/javascript" src="../commons/js/public.js"></script>
<link rel="stylesheet" type="text/css" href="../commons/css/awsui.css">
<script type="text/javascript" src="../commons/js/awsui.js"></script>
<link rel="stylesheet" type="text/css" href="../apps/com.actionsoft.apps.addons.xpages/css/xpages.home.css">
<link rel="stylesheet" type="text/css" href="../apps/com.actionsoft.apps.addons.xpages/css/xpages.skins.css">
<script type="text/javascript" src="../apps/com.actionsoft.apps.addons.xpages/js/xpages.home.js"></script>
<script type="text/javascript" src="../apps/com.actionsoft.apps.addons.xpages/js/xpages.resource.js"></script>
<script type="text/javascript" src="../apps/com.actionsoft.apps.addons.xpages/lib/math.uuid.js"></script>
<script type="text/javascript" src="../apps/com.actionsoft.apps.addons.xpages/js/xpages.util.js"></script>
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/jscolor/jscolor.js"></script>
<script type="text/javascript" src="../apps/com.actionsoft.apps.addons.xpages/js/xpages.size.js"></script>
<script type="text/javascript">
//公共参数
var sid = "<#sid>";
var appId= "<#appId>";
var userid = "<#userId>";
var userPhoto = "<#userPhoto>";
var userName = "<#userName>";
var language = "<#language>";
var apps = <#apps>;
$(document).ready(function(){
initRegister();
});
</script>
<script>
// 国际化
var 确定 = '<I18N#确定>';
var = '<I18N#是>';
var = '<I18N#否>';
var 选择用户= '<I18N#选择用户>';
var 添加= '<I18N#添加>';
var 关闭= '<I18N#关闭>';
var 序号= '<I18N#序号>';
var 类型= '<I18N#类型>';
var 名称= '<I18N#名称>';
var 创建日期= '<I18N#创建日期>';
var 修改日期= '<I18N#修改日期>';
var 备注= '<I18N#备注>';
var 操作= '<I18N#操作>';
var 编辑= '<I18N#编辑>';
var 设计= '<I18N#设计>';
var 查看= '<I18N#查看>';
var 删除= '<I18N#删除>';
var 暂无模板= '<I18N#暂无模板>';
var 请输入搜索条件="<I18N#请输入搜索条件>";
var 提示="<I18N#提示>";
var 您确定要删除该模板吗="<I18N#您确定要删除该模板吗>";
var 该操作无法撤销="<I18N#该操作无法撤销>";
var 新建模板="<I18N#新建模板>";
var 导入="<I18N#导入>";
var 保存="<I18N#保存>";
var 取消="<I18N#取消>";
var 关闭="<I18N#关闭>";
var 页面名称="<I18N#页面名称>";
var 页面分类="<I18N#页面分类>";
var 不允许为空="<I18N#不允许为空>";
var 关联应用不允许为空="<I18N#关联应用不允许为空>";
var 保存成功="<I18N#保存成功>";
var 请返回模板列表页查看="<I18N#请返回模板列表页查看>";
var 模板另存为="<I18N#模板另存为>";
var 模板设计="<I18N#模板设计>";
var 模板分类="<I18N#模板分类>";
var 分类名="<I18N#分类名>";
var 选择用户="<I18N#选择用户>";
var 添加="<I18N#添加>";
var 保存成功="<I18N#保存成功>";
var 删除成功="<I18N#删除成功>";
</script>
<style>
</style>
</head>
<body style="background-color: #FFF;overflow:hidden;">
<div id="xpages_layout" class="xpages_layout">
<div id="xpages_layout_left" class="xpages_layout_left">
<div class="template-nav-panel">
<div class="head_btn_cls">
<span class="create-template-btn"><I18N#新建></span>
</div>
<!-- 左侧导航 -->
<div class="xpages-navigate-group" id="categoryCenter">
<#templateCategoryHtml>
</div>
</div>
<div class="resource-nav-panel" style="display:none;">
<div class="head_btn_cls">
<span class="create-template-btn"><I18N#新建></span>
</div>
<!-- 左侧导航 -->
<div class="xpages-navigate-group">
<div class="xpages-navigate-group-header tabitem active" name="<I18N#全部>" rowid="">
<span class="navcolor-cls label"><I18N#全部></span>
</div>
<div class="xpages-navigate-group-header tabitem" name="<I18N#图片>" rowid="">
<span class="navcolor-cls label"><I18N#图片></span>
</div>
<div class="xpages-navigate-group-header tabitem" name="<I18N#文件>" rowid="">
<span class="navcolor-cls label"><I18N#文件></span>
</div>
<div class="xpages-navigate-group-header tabitem" name="<I18N#小页面>" rowid="">
<span class="navcolor-cls label"><I18N#小页面></span>
</div>
</div>
<!--容量 -->
<div class="left-set-panel" id="left-set-panel">
</div>
</div>
</div>
<div id="xpages_layout_separater" class="xpages_layout_separater"></div>
<div id="xpages_layout_right" class="xpages_layout_right">
<div class="xpages-right-top">
<div class="switch-xpages-tr-panel" style="display: block;">
<span class="switch-xpages-tr-panel-item current" id="template-tab-title" vtype="0"><I18N#模板TabBtn></span>
<span class="switch-xpages-tr-panel-item" id="resource-tab-title" vtype="1" style="margin-left:1px;display:none;"><I18N#素材TabBtn></span>
<!--
<span class="switch-xpages-tr-panel-item" id="resource-tab-title" vtype="1" style="margin-left:1px;">素&nbsp;&nbsp;材</span>
-->
<div class='tempate-search-panel' id='tempate-search-panel' style="padding-top:25px;">
<span class="button return-list"><I18N#返回列表></span>
<input type="text" id="templateSearchValue" placeholder="<I18N#按照ID或名称搜索>"/>
</div>
<div class='resource-search-panel' id='resource-search-panel' style="display:none;padding-top:25px;" >
<input type="text" id="resourceSearchValue" placeholder="<I18N#按照ID或名称搜索>"/>
</div>
</div>
</div>
<div class="xpages-right-main">
<div class="switch-xpages-tr-panel-content current" id="template-tab-content" >
<div class="tempate-manage-panel" id="tempate-manage-panel"></div>
</div>
<div class="switch-xpages-tr-panel-content" id="resource-tab-content" style="display:none;">
<div class="resource-bottom-wrap">
<div class="resource-manage-panel" id="resource-manage-panel">
<div class="resmsg-list">
<div class="each-resource-item" style="display: block;">
<div class=" each-resource-item-top" title="">
<img class="vtgqbQa" style="visibility: hidden;">
</div>
<div class="file-name">
<a class="lpq5dAp" href="javascript:void(0);">我的卡包</a>
</div>
</div>
</div>
</div>
<div class="resource-itemdetail-panel" id="resource-itemdetail-panel">
</div>
</div>
</div>
</div>
</div>
</div>
<div title="<I18N#分类名>" id="mail-categoryName-dlg" style="display:none;">
<div id="mail-categoryName-dlg-content" style="padding-top: 10px; height: 150px; overflow:hidden;">
<form id="categoryNameForm" method="post">
<table style="width: 100%; height: 100px;" class="awsui-ux" cellspacing="0" cellpadding="0">
<tbody>
<tr height="45">
<td width="90"><I18N#分类名></td><td class="required"><input type="text" id="newCategoryName" class="form-label-txt" maxlength="100" /></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div title="模板查看" id="template-view-dlg" style="display:none;">
<div id="template-view-dlg-content" style="padding-top: 10px; height: 300px; overflow-y: auto;">
<!--
<input type="hidden" id="templateId"/>
<input type="hidden" id="importFlag" value="0"/>
<input type="hidden" id="contentWindowForImport" value=""/>
-->
<table style="width: 100%; height: 100px;" class="awsui-ux" cellspacing="0" cellpadding="0">
<tbody>
<tr height="45">
<td width="100"><I18N#页面名称></td>
<td class="templateNameShowCls">
</td>
</tr>
<tr height="45">
<td><I18N#页面分类> </td>
<td class="categoryNameShowCls">
</td>
</tr>
<tr height="45">
<td><I18N#备注说明></td>
<td class="templateDescShowCls"></td>
</tr>
<tr height="45">
<td><I18N#页面背景></td>
<td class="templateBgValueShowCls">
</td>
</tr>
<tr height="45">
<td><I18N#页面内边距></td>
<td class="paddingShowCls">
</td>
</tr>
<tr height="45">
<td><I18N#小窗外边距></td>
<td class="marginShowCls">
</td>
</tr>
<tr height="45">
<td><I18N#加载等待图标></td>
<td class="loadingIconShowCls"></td>
</tr>
<tr height="45">
<td><I18N#页面加载js扩展></td>
<td class="templateJsShowCls"></td>
</tr>
<tr height="45">
<td><I18N#主色系></td>
<td class="colorStyleShowCls">
</td>
</tr>
<tr height="45">
<td colspan="2">
<div id="ac-panel-show" class="ac-panel-show"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 给设计界面使用---------------------------------------------------- -->
<div title="模板编辑" id="template-manage-dlg" style="display:none;">
<div id="template-manage-dlg-content" style="padding-top: 10px; height: 300px; overflow-y: auto;">
<form id="templateForm" method="post">
<input type="hidden" id="templateId"/>
<input type="hidden" id="importFlag" value="0"/>
<input type="hidden" id="contentWindowForImport" value=""/>
<table style="width: 100%; height: 100px;" class="awsui-ux template-design-table" cellspacing="0" cellpadding="0">
<tbody>
<tr height="45">
<td class="template-first-td"><I18N#页面名称></td><td class="required"><input type="text" id="templateName" maxlength="20" class="form-label-txt" style="width:330px;" /></td>
</tr>
<tr height="45">
<td><I18N#页面分类> </td><td>
<select id="categoryName" style="height:30px;width:84px;min-width:84px;">
</select>
</td>
</tr>
<tr height="45">
<td><I18N#备注说明></td><td><input type="text" id="templateDesc" maxlength="20" class="form-label-txt" style="width:330px;" /></td>
</tr>
<tr height="45">
<td><I18N#页面背景></td>
<td>
<select class="awsui-textbox" id="templateBgFlag" style="height:30px;width:100px;min-width:100px;">
<!--
<option value="0" selected>----</option>
-->
<option value="1" selected><I18N#使用背景色></option>
<option value="2"><I18N#使用背景图></option>
</select>
<input type="text" id="templateBgValue1" maxlength="20" value="F5F5F5" class="form-label-txt backgroundcolor color" placeholder="<I18N#请选择背景色>" style="width:225px;" />
<input type="text" id="templateBgValue2" maxlength="500" class="form-label-txt backgroundimage" placeholder="<I18N#请输入背景图URL>" style="width:225px;display:none;" />
</td>
</tr>
<tr height="45">
<td><I18N#页面内边距></td>
<td>
<select id="paddingTop" style="height:30px;width:84px;min-width:84px;">
</select>
<select id="paddingBottom" style="height:30px;width:84px;min-width:84px;">
</select>
<select id="paddingLeft" style="height:30px;width:84px;min-width:84px;">
</select>
<select id="paddingRight" style="height:30px;width:84px;min-width:84px;">
</select>
</td>
</tr>
<tr height="25">
<td></td>
<td><div style="word-wrap: break-word;word-break: break-all;width:360px;white-space:normal;"><I18N#页面内边距和小窗外边距说明></div></td>
</tr>
<tr height="45">
<td><I18N#小窗外边距></td>
<td>
<select id="marginTop" style="height:30px;width:84px;min-width:84px;">
</select>
<select id="marginBottom" style="height:30px;width:84px;min-width:84px;">
</select>
<select id="marginLeft" style="height:30px;width:84px;min-width:84px;">
</select>
<select id="marginRight" style="height:30px;width:84px;min-width:84px;">
</select>
</td>
</tr>
<tr height="45">
<td><I18N#加载等待图标></td><td><input type="text" id="loadingIcon" maxlength="500" class="form-label-txt" style="width:330px;" placeholder="<I18N#加载图标说明>"/></td>
</tr>
<tr height="45">
<td><I18N#页面加载js扩展></td>
<td>
<!--
<input type="text" id="templateJs" maxlength="20" class="form-label-txt" style="width:330px;" />
-->
<textarea id="templateJs" class="form-label-txt" style="width:330px;height: 50px;resize: none;" placeholder="<I18N#不允许超过2000个字符>"></textarea>
</td>
</tr>
<tr height="45">
<td width="70"><I18N#阴影></td>
<td>
<input type="text" id="boxShadow" maxlength="50" class="form-label-txt" style="width:330px;" placeholder="3px 3px 3px #f5f5f5" />
</td>
</tr>
<tr height="45">
<td width="70"><I18N#方角>/<I18N#圆角></td>
<td>
<select class="awsui-textbox" id="borderRadius" style="height:30px;width:100px;min-width:100px;">
<option value="0px"><I18N#方角></option>
<option value="3px"><I18N#圆角> 3px</option>
<option value="5px"><I18N#圆角> 5px</option>
<option value="7px"><I18N#圆角> 7px</option>
</select>
</td>
</tr>
<tr height="45">
<td width="70"><I18N#透明度></td>
<td>
<select class="awsui-textbox" id="transparent" style="height:30px;width:100px;min-width:100px;">
<option value="1.0"><I18N#不透明></option>
<option value="0.9">90%<I18N#透明></option>
<option value="0.8">80%<I18N#透明></option>
<option value="0.7">70%<I18N#透明></option>
</select>
</td>
</tr>
<tr height="45">
<td><I18N#主色系></td>
<td>
<div class="skins-show">
<span class="bg" cid="blackc" id="moren-color"></span>
<span class="bg" cid="greenc" id="green-color"></span>
<span class="bg" cid="orangerc" id="orange-color"></span>
<span class="bg" cid="zic" id="zi-color"></span>
<span class="bg" cid="hulan" id="hulan-color"></span>
<span class="bg" cid="yellow" id="yellow-color"></span>
</div>
</td>
</tr>
<tr height="45">
<td ><I18N#随应用分发></td>
<td >
<input id="isDistWithApp" name="isDistWithApp" type="checkbox">
</td>
</tr>
<tr height="45">
<td ><I18N#关联应用></td>
<td >
<sapn class='required' id = 'relationAppRequired' style='display:none'></sapn><select id="relationApp" style="width:100%"></select>
</td>
</tr>
<tr height="45">
<td colspan="2">
<span class="button blue templateSetAdminBtn"><I18N#设置管理员></span>
<div id="ac-panel" class="ac-panel"></div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<!-- 给设计界面使用---------------------------------------------------- -->
<!-- 给资源管理界面---------------------------------------------------- -->
<div title="资源管理" id="res-manage-dlg" style="display:none;">
<div id="res-manage-dlg-content" style="padding-top: 10px; height: 300px; overflow-y: auto;">
<form id="resForm" method="post">
<input type="hidden" id="resId"/>
<input type="hidden" id="importFlag" value="0"/>
<table style="width: 100%; height: 100px;" class="awsui-ux" cellspacing="0" cellpadding="0">
<tbody>
<tr height="45">
<td width="70"><I18N#页面名称></td><td class="required"><input type="text" id="resName" maxlength="20" class="form-label-txt" style="width:330px;" /></td>
</tr>
<tr height="45">
<td><I18N#页面分类> </td><td>
<select id="resCategoryName" style="height:30px;width:347px;min-width:84px;">
<option value="1"><I18N#图片></option>
<option value="2"><I18N#文件></option>
<option value="3"><I18N#页面></option>
</select>
</td>
</tr>
<tr height="45">
<td><I18N#备注说明></td><td><input type="text" id="resDesc" maxlength="20" class="form-label-txt" style="width:330px;" /></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<!-- 资源添加---------------------------------------------------- -->
</body>
<script>
</script>
</html>