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

286 lines
12 KiB
HTML
Executable File

<!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="">&#58915;</span>
<span class="design-template-title-text"><#templateNameI18N></span>
<span class="awsui-iconfont design-template-link-icon showdesigntemplatelinkbtn" style="">&#59354;</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>