286 lines
12 KiB
HTML
286 lines
12 KiB
HTML
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
|
<title><#templateNameI18N> - <I18N#设计></title>
|
||
|
|
<script>
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<!-- JQuery -->
|
||
|
|
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
|
||
|
|
<script src="../commons/js/jquery/scripts/ui/reference/jquery-ui.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>
|
||
|
|
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/at.js"></script>
|
||
|
|
<link rel="stylesheet" type="text/css" href="../apps/com.actionsoft.apps.addons.xpages/css/jquery-ui.css">
|
||
|
|
|
||
|
|
<link rel="stylesheet" type="text/css" href="../apps/com.actionsoft.apps.addons.xpages/lib/xpagesfont/iconfont.css">
|
||
|
|
<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.design.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="../apps/com.actionsoft.apps.addons.xpages/js/xpages.size.js"></script>
|
||
|
|
<script type="text/javascript" src="../commons/js/jquery/scripts/ui/jscolor/jscolor.js"></script>
|
||
|
|
<!--[if !IE 8]><!-->
|
||
|
|
<script type="text/javascript" src="../apps/com.actionsoft.apps.addons.xpages/lib/zeroclipboard/ZeroClipboard.js"></script>
|
||
|
|
<!--<![endif]-->
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
//公共参数
|
||
|
|
var sid = "<#sid>";
|
||
|
|
var appId= "<#appId>";
|
||
|
|
var userid = "<#userId>";
|
||
|
|
var userPhoto = "<#userPhoto>";
|
||
|
|
var userName = "<#userName>";
|
||
|
|
var templateId="<#id>";
|
||
|
|
var stepHeight="<#stepHeight>";
|
||
|
|
var language = "<#language>";
|
||
|
|
var apps = <#apps>;
|
||
|
|
var templateInfo=[<#templateInfo>];
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<script>
|
||
|
|
$(document).ready(function(){
|
||
|
|
var h=$(window).height() - $(".template-toolbar-nav").height();
|
||
|
|
$("#designframe").css("height",h+"px");
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
<script>
|
||
|
|
var 全局设置="<I18N#全局设置>";
|
||
|
|
var 模板链接="<I18N#模板链接>";
|
||
|
|
var 复制URL="<I18N#复制URL>";
|
||
|
|
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 确定要删除该TAB吗="<I18N#确定要删除该TAB吗>";
|
||
|
|
var 选择用户="<I18N#选择用户>";
|
||
|
|
var 添加="<I18N#添加>";
|
||
|
|
var 模板另存为="<I18N#模板另存为>";
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
body{
|
||
|
|
height:auto;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body style="background-color: #FFF;overflow:hidden;">
|
||
|
|
<div id="window-mask-fortool" class="window-mask-fortool" style="width: 100%; height: 60px;"></div>
|
||
|
|
<div id="template-design-dlg-content" style="padding-top: 10px; height: 100%; overflow-y: auto;box-shadow: 0px 3px 10px #c8c8c8;">
|
||
|
|
<div class="template-toolbar-nav">
|
||
|
|
<table style="width: 100%; height: 40px;" class="awsui-ux" cellspacing="0" cellpadding="0">
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<span class="awsui-iconfont design-template-add-cw-icon" style=""></span>
|
||
|
|
<span class="design-template-title-text"><#templateNameI18N></span>
|
||
|
|
<span class="awsui-iconfont design-template-link-icon showdesigntemplatelinkbtn" style=""></span>
|
||
|
|
</td>
|
||
|
|
<td class="middlealign">
|
||
|
|
<span class="button white design-preview-btn"><I18N#预览></span>
|
||
|
|
<span class="button white design-save-btn" style="display:none;"><I18N#保存></span>
|
||
|
|
<span class="button white design-othersave-btn"><I18N#另存为></span>
|
||
|
|
</td>
|
||
|
|
<td class="rightalign">
|
||
|
|
<span class="button white design-export-btn"><I18N#导出></span>
|
||
|
|
<span class="button white edittemplatebtn"><I18N#设置></span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!--
|
||
|
|
<div class="template-design-panel"> </div>
|
||
|
|
-->
|
||
|
|
<iframe src="./w?sid=<#sid>&cmd=com.actionsoft.apps.addons.xpages_template_design_content_page&id=<#id>" id="designframe" name="designframe" frameborder="0" marginwidth="0" marginheight="0" width="100%"></iframe>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div title="模板链接" id="template-link-view-dlg" style="display:none;">
|
||
|
|
<div id="template-link-view-dlg-content" style="padding-top: 10px; height: 80px; overflow-y: hidden;">
|
||
|
|
<input type="text" class="template-link-txt" id="templateLinkValue" value="" readonly/>
|
||
|
|
</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" 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>--<I18N#无>--</option>
|
||
|
|
<option value="1"><I18N#使用背景色></option>
|
||
|
|
<option value="2"><I18N#使用背景图></option>
|
||
|
|
</select>
|
||
|
|
<input type="text" id="templateBgValue1" maxlength="20" class="form-label-txt backgroundcolor color" placeholder="<I18N#请选择背景色>" style="width:225px;display:none;" />
|
||
|
|
<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>
|
||
|
|
<option value="0.6">60%<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>
|
||
|
|
<!-- 给设计界面使用---------------------------------------------------- -->
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- 内容url选择--------------------------------------------------- -->
|
||
|
|
<div title="内容来源" id="cwurl-manage-dlg" style="display:none;">
|
||
|
|
<div id="cwurl-manage-dlg-content" style="padding-top: 10px; height: 400px; overflow-y: auto;">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 内容url选择--------------------------------------------------- -->
|
||
|
|
|
||
|
|
|
||
|
|
<form>
|
||
|
|
<input type="hidden" id="nowTemplateId" value="<#id>"/>
|
||
|
|
</form>
|
||
|
|
</body>
|
||
|
|
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.ui.sortable.js"></script>
|
||
|
|
</html>
|