apps/com.actionsoft.apps.addons.xpages/template/page/xpages.template.designcontent.html

351 lines
14 KiB
HTML
Raw Normal View History

2022-06-28 01:22:45 +08:00
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><#templateNameI18N> - 设计</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">
<script>
var formulaLabelMap = {};
var boExpressKeywords = [];
</script>
<script type="text/javascript" src="../commons/plug-in/CodeMirror/codemirror.core.js"></script>
<script type="text/javascript" src="../commons/plug-in/CodeMirror/plugs/aws-formula/awsui.formula.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.designcontent.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>
<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 templateInfo=[<#templateInfo>];
</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 打开URL地址="<I18N#打开URL地址>";
var JS代码="<I18N#JS代码>";
var HTML代码="<I18N#HTML代码>";
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#模板另存为>";
</script>
<style>
body{
height:auto;
}
</style>
</head>
<body style="background-color: #f8f8f8;">
<div id="window-mask-fordesign" class="window-mask-fordesign" style="width: 100%; height: 100%;"></div>
<div class="template-design-panel"></div>
<!-- 内容窗体---------------------------------------------------- -->
<div title="<I18N#内容窗体编辑>" id="cw-manage-dlg" style="display:none;">
<div id="cw-manage-dlg-content" style="padding-top: 10px; height: 400px; overflow-y: auto;">
<div id="easy-outer-nav-link" class="easy-outer-nav-link">
<ul id="easy-tab-nav-link" class="easy-tab-nav-link">
<li class="current">XXX</li>
</ul>
<div class="add-cw-tab-btn" sytle="display:block;width:20px;height:20px;">
<img class="" src="../apps/com.actionsoft.apps.addons.xpages/img/icon_add.png" width="16" height="16">
</div>
<div id="easy-content-nav-link" class="easy-content-nav-link">
<div style="display:block;" class="nav-config-panel"></div>
</div>
</div>
<div class="cw-default-element" style="display:none;">
<form method="post">
<input type="hidden" id ="defaultSelectCwUrlContent" name ="defaultSelectCwUrlContent" />
<table style="width: 100%; height: 100px;padding:10px 10px;" class="awsui-ux" cellspacing="0" cellpadding="0">
<tbody>
<tr height="45">
<td width="90"><I18N#标题名称></td><td class="required"><input type="text" id="cwName" maxlength="20" class="form-label-txt" style="width:570px;" /></td>
</tr>
<tr height="45">
<td><I18N#页面内容> </td><td>
<div class="cwurl-nocontent cwurl-select-cls">
<div class="cwurl-nocontent-type1">
<I18N#选择一个内容源>
</div>
<div class="cwurl-nocontent-sep">
<I18N#>
</div>
<div class="cwurl-nocontent-type2">
<I18N#输入一个URL地址>
</div>
</div>
<div class="cwurl-nocontent type2cls" style="display:none;position:relative;">
<div class="return-novalue-icon awsui-iconfont" title="<I18N#清空>" type="2">&#59134;</div>
<div class="show-cwurlapp-btn awsui-iconfont" title="<I18N#内容源>" >&#59036;</div>
<textarea class="cwUrl" id="cwUrl" placeholder="<I18N#请选择或者填写URL地址>" style="margin:16px 10px 0px 10px;"></textarea>
</div>
<div class="cwurl-nocontent type1cls" style="display:none;position:relative;">
<div class="return-novalue-icon awsui-iconfont" title="<I18N#清空>" type="1">&#59134;</div>
<div class="show-cwurl-btn awsui-iconfont" title="<I18N#URL链接>" >&#59354;</div>
<div class="reselect-cwurl-btn" style="display:none;" ><I18N#重新选择></div>
<div class="select-show-cls">
<img class="select-icon select-iconimg"/>
<i class="awsui-iconfont select-iconfont" style="display: none;"></i>
<div class="select-text" >
</div>
</div>
</div>
<br/>
<input type="hidden" id ="cwUrlAppId" name ="cwUrlAppId" />
<input type="hidden" id ="cwUrlId" name ="cwUrlId" />
</td>
</tr>
<tr height="45">
<td><I18N#小窗风格> </td><td>
<select id="cwStyle" class="cwStyle" style="height:30px;width:585px;min-width:84px;">
<option value="0"><I18N#无标题风格></option>
<option value="1"><I18N#简约风格>1<I18N#标题></option>
<option value="2"><I18N#简约风格>2<I18N#竖线标题></option>
<option value="3"><I18N#简约风格>3<I18N#横线标题></option>
<option value="4"><I18N#传统风格>1<I18N#方块背景标题></option>
<option value="5"><I18N#传统风格>2<I18N#梯形背景标题></option>
</select>
</td>
</tr>
<tr height="45">
<td><I18N#滚动条> </td><td>
<select id="cwScroll" style="height:30px;width:585px;min-width:84px;">
<option value="no"><I18N#从不显示滚动条></option>
<option value="auto"><I18N#自适应></option>
<option value="yes"><I18N#始终显示滚动条></option>
</select>
</td>
</tr>
<tr height="45">
<td><I18N#页面内边距></td>
<td>
<select class="paddingTop" style="height:30px;width:144px;min-width:144px;">
</select>
<select class="paddingBottom" style="height:30px;width:144px;min-width:144px;">
</select>
<select class="paddingLeft" style="height:30px;width:144px;min-width:144px;">
</select>
<select class="paddingRight" style="height:30px;width:144px;min-width:144px;">
</select>
</td>
</tr>
<tr height="25">
<td></td>
<td>
<I18N#页面内边距说明>
</td>
</tr>
<tr height="45" class="notitlebarcls">
<td><I18N#标题字体样式></td>
<td>
<select id="fontFamily" style="height:30px;width:143px;min-width:143px;outline:none;">
<option value="<I18N#微软雅黑>"><I18N#微软雅黑></option>
<option value="<I18N#宋体>"><I18N#宋体></option>
</select>
<select id="fontSize" style="height:30px;width:143px;min-width:143px;outline:none;">
<option value="13px">13px</option>
<option value="14px">14px</option>
<option value="15px">15px</option>
<option value="16px">16px</option>
<option value="17px">17px</option>
<option value="18px">18px</option>
<option value="19px">19px</option>
<option value="20px">20px</option>
</select>
<select id="isBold" style="height:30px;width:143px;min-width:143px;outline:none;">
<option value="1"><I18N#不加粗></option>
<option value="2"><I18N#加粗></option>
</select>
<select id="isItalic" style="height:30px;width:143px;min-width:143px;outline:none;">
<option value="1"><I18N#不倾斜></option>
<option value="2"><I18N#斜体></option>
</select>
</td>
</tr>
<tr height="45">
<td><I18N#是否有效></td>
<td>
<input type="text" maxlength="50" class="form-label-txt awsui-at isActive" placeholder="<I18N#为空或TRUE时在前端显示该区域>" style="width:570px;" />
</td>
</tr>
<tr height="45" class="notitlebarcls">
<td colspan="2">
<div id="operationArea-panel" class="operationArea-panel"></div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
<!-- 内容窗体---------------------------------------------------- -->
<!-- 内容窗体操作按钮---------------------------------------------------- -->
<div title="<I18N#操作按钮>" id="cwop-manage-dlg" style="display:none;">
<div id="cwop-manage-dlg-content" style="padding-top: 10px; height: 350px; overflow-y: auto;overflow-x:hidden;">
<input type="hidden" id="opId"/>
<input type="hidden" id="opSort"/>
<input type="hidden" id="ext1"/>
<input type="hidden" id="ext2"/>
<input type="hidden" id="ext3"/>
<table style="width: 100%; height: 100px;" class="awsui-ux" cellspacing="0" cellpadding="0">
<tbody>
<tr height="45">
<td width="70"><I18N#类型> </td>
<td>
<select id="opType" style="height:30px;width:390px;min-width:84px;">
<option value="refresh"><I18N#刷新></option>
<option value="space"><I18N#间隔></option>
<option value="turn"><I18N#展开收起></option>
<option value="url"><I18N#打开URL地址></option>
<option value="js"><I18N#JS代码></option>
<option value="html"><I18N#HTML代码></option>
</select>
</td>
</tr>
<tr height="45">
<td width="70"><I18N#名称></td>
<td class="required">
<input type="text" id="opName" maxlength="20" class="form-label-txt" style="width:370px;" />
</td>
</tr>
<tr height="45">
<td width="70"><I18N#内容></td>
<td>
<textarea id="opContent" class="form-label-txt" style="width:370px;height: 50px;resize: none;" ></textarea>
</td>
</tr>
<tr height="45" style="display:none;">
<td width="70"><I18N#扩展></td>
<td>
<input type="text" id="opExt1" maxlength="20" class="form-label-txt" style="width:270px;" />
</td>
</tr>
<tr height="45" style="display:none;" class="turncls">
<td width="70"><I18N#展开方式></td>
<td>
<select id="turnflag" style="height:30px;width:270px;min-width:84px;">
<option value="1"><I18N#默认展开></option>
<option value="2"><I18N#默认收起></option>
</select>
</td>
</tr>
<tr height="45" style="display:none;" class="targetcls">
<td width="70"><I18N#打开方式></td>
<td>
<select id="urltarget" style="height:30px;width:390px;min-width:84px;">
<option value="1"><I18N#当前页面></option>
<option value="2"><I18N#新窗口></option>
<option value="3"><I18N#侧边栏></option>
</select>
</td>
</tr>
</tbody>
</table>
<div style="display:inline-block;padding:10px 20px;">
<I18N#说明><br/>
<I18N#按钮类型为刷新时说明><br/>
<I18N#按钮类型为间隔时><br/>
<I18N#按钮类型为展开收起时><br/>
<I18N#按钮类型为打开URL地址时><br/>
<I18N#按钮类型为JS代码时><br/>
<I18N#按钮类型为HTML代码时><br/>
</div>
</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 class='cwapp-left'></div>
<div class='cwapp-right-wrap'>
<div name='oldtype1or2' class='cwapp-right' style='display:none;'></div>
</div>
</div>
</div>
<!-- 内容url选择--------------------------------------------------- -->
<form>
<input type="hidden" id="sid" value="<#sid>"/>
<input type="hidden" id="nowTemplateId" value="<#id>"/>
</form>
</body>
</html>