3.0 source code
This commit is contained in:
agolybev
@@ -0,0 +1,69 @@
|
||||
<table cols="2">
|
||||
<tr>
|
||||
<td colspan=2>
|
||||
<label class="header"><%= scope.textSize %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="50%">
|
||||
<label id="chart-label-width" class="input-label"><%= scope.textWidth %></label>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label id="chart-label-height" class="input-label"><%= scope.textHeight %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2>
|
||||
<label class="header"><%= scope.textWrap %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div id="chart-button-wrap" style=""></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2>
|
||||
<label class="header"><%= scope.textChartType %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="chart-button-type" style=""></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<div id="chart-button-style" style=""></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<button type="button" class="btn btn-text-default" id="chart-button-edit-data" style="width:115px;"><%= scope.textEditData %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="chart-advanced-link"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
</table>
|
||||
@@ -0,0 +1,203 @@
|
||||
<div id="id-adv-dropcap-frame" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<table cols="3" style="width: 100%">
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<label class="header padding-small"><%= scope.textPosition %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" class="settins-cell padding-large">
|
||||
<span id="frame-advanced-button-none" style="margin-right:5px;"></span>
|
||||
<span id="frame-advanced-button-inline" style="margin-right:5px;"></span>
|
||||
<span id="frame-advanced-button-flow"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan="3">
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="settins-cell padding-small" width="80">
|
||||
<label class="input-label"><%= scope.textWidth %></label>
|
||||
</td>
|
||||
<td class="settins-cell padding-small" width="130" style="padding-right: 10px;">
|
||||
<div id="frame-advanced-input-widthtype"></div>
|
||||
</td>
|
||||
<td class="settins-cell padding-small" width="95">
|
||||
<div id="frame-advanced-input-width"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="settins-cell padding-small" width="80">
|
||||
<label class="input-label"><%= scope.textHeight %></label>
|
||||
</td>
|
||||
<td class="settins-cell padding-small" width="130" style="padding-right: 10px;">
|
||||
<div id="frame-advanced-input-heighttype"></div>
|
||||
</td>
|
||||
<td class="settins-cell padding-small" width="95">
|
||||
<div id="frame-advanced-input-height"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan="3">
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<label class="header"><%= scope.textHorizontal %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2"></td>
|
||||
<td class="settins-cell">
|
||||
<label class="input-label"><%= scope.textRelative %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="settins-cell padding-small" width="80">
|
||||
<label class="input-label"><%= scope.textPosition %></label>
|
||||
</td>
|
||||
<td class="settins-cell padding-small" width="130" style="padding-right: 10px;">
|
||||
<div id="frame-advanced-input-hposition"></div>
|
||||
</td>
|
||||
<td class="settins-cell padding-small" width="95">
|
||||
<div id="frame-advanced-input-hrelative"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="settins-cell padding-small" colspan="2" style="padding-right: 10px;">
|
||||
<label class="input-label" style="float: right;"><%= scope.textDistance %></label>
|
||||
</td>
|
||||
<td class="settins-cell padding-small">
|
||||
<div id="frame-advanced-input-hdist"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan="3">
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<label class="header"><%= scope.textVertical %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2"></td>
|
||||
<td class="settins-cell">
|
||||
<label class="input-label"><%= scope.textRelative %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="settins-cell padding-small" width="80">
|
||||
<label class="input-label"><%= scope.textPosition %></label>
|
||||
</td>
|
||||
<td class="settins-cell padding-small" width="130" style="padding-right: 10px;">
|
||||
<div id="frame-advanced-input-vposition"></div>
|
||||
</td>
|
||||
<td class="settins-cell padding-small" width="95">
|
||||
<div id="frame-advanced-input-vrelative"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="settins-cell padding-small" colspan="2" style="padding-right: 10px;">
|
||||
<label class="input-label" style="float: right;"><%= scope.textDistance %></label>
|
||||
</td>
|
||||
<td class="settins-cell padding-small">
|
||||
<div id="frame-advanced-input-vdist"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan="3">
|
||||
<div id="frame-advanced-checkbox-move"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-dropcap-dropcap" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<label class="header padding-small" style="width: 100%;"><%= scope.textPosition %></label>
|
||||
<div class="padding-small" style="width: 100%">
|
||||
<span id="drop-advanced-button-none" style="margin-right:5px;"></span>
|
||||
<span id="drop-advanced-button-intext" style="margin-right:5px;"></span>
|
||||
<span id="drop-advanced-button-inmargin" style="margin-right:5px;"></span>
|
||||
</div>
|
||||
<label class="header padding-small" style="width: 100%;"><%= scope.textParameters %></label>
|
||||
<label class="input-label"><%= scope.textFont %></label>
|
||||
<div id="drop-advanced-input-fonts" class="padding-small" style="width: 100%;"></div>
|
||||
</div>
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td width="50%">
|
||||
<label class="input-label"><%= scope.textRowHeight %></label>
|
||||
<div id="drop-advanced-input-rowheight"></div>
|
||||
</td>
|
||||
<td width="50%">
|
||||
<label class="input-label"><%= scope.textDistance %></label>
|
||||
<div id="drop-advanced-input-distance"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-dropcap-borders" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<div style="width: 100%;" class="padding-small">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textBorderWidth %></label>
|
||||
<div id="drop-advanced-input-bordersize" style="display: inline-block; vertical-align: middle; width: 93px;"></div>
|
||||
<div style="display: inline-block; float:right;vertical-align: middle;">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textBorderColor %></label>
|
||||
<div id="drop-advanced-button-bordercolor" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<label class="input-label padding-small" style="width: 100%;"><%= scope.textBorderDesc %></label>
|
||||
<div style="width: 100%;" class="padding-large">
|
||||
<div id="drop-advanced-borderstyler" style="display: inline-block; vertical-align: middle; width: 200px; height: 170px;outline: 1px solid #ccc;"></div>
|
||||
<div style="display: inline-block; float:right;vertical-align: middle; width: 80px; height: 170px; padding-top: 10px; padding-left: 4px;">
|
||||
<div id="drop-advanced-button-borderline-00" style="display: inline-block;"></div>
|
||||
<div id="drop-advanced-button-borderline-01" style="display: inline-block;"></div>
|
||||
<div id="drop-advanced-button-borderline-10" style="display: inline-block;"></div>
|
||||
<div id="drop-advanced-button-borderline-11" style="display: inline-block;"></div>
|
||||
<div id="drop-advanced-button-borderline-20" style="display: inline-block;"></div>
|
||||
<div id="drop-advanced-button-borderline-21" style="display: inline-block;"></div>
|
||||
<div id="drop-advanced-button-borderline-30" style="display: inline-block;"></div>
|
||||
<div id="drop-advanced-button-borderline-31" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 100%;" class="padding-small">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textBackColor %></label>
|
||||
<div id="drop-advanced-button-color" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-dropcap-margins" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textTop %></label>
|
||||
<div id="drop-advanced-input-top"></div>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textLeft %></label>
|
||||
<div id="drop-advanced-input-left"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textBottom %></label>
|
||||
<div id="drop-advanced-input-bottom"></div>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textRight %></label>
|
||||
<div id="drop-advanced-input-right"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="panel-menu">
|
||||
<li class="fm-first-item"/>
|
||||
<li id="fm-btn-return" class="fm-btn" />
|
||||
<li class="devider" />
|
||||
<li id="fm-btn-save" class="fm-btn" />
|
||||
<li id="fm-btn-edit" class="fm-btn" />
|
||||
<li id="fm-btn-download" class="fm-btn" />
|
||||
<li id="fm-btn-print" class="fm-btn" />
|
||||
<li class="devider" />
|
||||
<li id="fm-btn-recent" class="fm-btn" />
|
||||
<li id="fm-btn-create" class="fm-btn" />
|
||||
<li class="devider" />
|
||||
<li id="fm-btn-info" class="fm-btn" />
|
||||
<li class="devider" class="fm-btn" />
|
||||
<li id="fm-btn-settings" class="fm-btn" />
|
||||
<li class="devider" />
|
||||
<li id="fm-btn-help" class="fm-btn" />
|
||||
<li class="devider" />
|
||||
<li id="fm-btn-back" class="fm-btn" />
|
||||
</div>
|
||||
<div class="panel-context">
|
||||
<div id="panel-saveas" class="content-box" />
|
||||
<div id="panel-recentfiles" class="content-box" />
|
||||
<div id="panel-createnew" class="content-box" />
|
||||
<div id="panel-info" class="content-box" />
|
||||
<div id="panel-settings" class="content-box" />
|
||||
<div id="panel-help" class="content-box" />
|
||||
</div>
|
||||
@@ -0,0 +1,63 @@
|
||||
<table cols="1">
|
||||
<tr>
|
||||
<td>
|
||||
<label class="header"><%= scope.textPageNum %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="headerfooter-button-top-left" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="headerfooter-button-top-center" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="headerfooter-button-top-right" style="display: inline-block; margin-right:5px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="headerfooter-button-bottom-left" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="headerfooter-button-bottom-center" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="headerfooter-button-bottom-right" style="display: inline-block; margin-right:5px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="header"><%= scope.textPosition %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<label id="headerfooter-label-position" class="input-label"><%= scope.textHeaderFromTop %></label>
|
||||
<div id="headerfooter-spin-position"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="header"><%= scope.textOptions %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="headerfooter-check-diff-first"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="headerfooter-check-diff-odd"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div id="headerfooter-check-same-as"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
</table>
|
||||
@@ -0,0 +1,64 @@
|
||||
<table cols="2">
|
||||
<tr>
|
||||
<td colspan=2>
|
||||
<label class="header"><%= scope.textSize %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="50%">
|
||||
<label id="image-label-width" class="input-label"><%= scope.textWidth %></label>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label id="image-label-height" class="input-label"><%= scope.textHeight %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<button type="button" class="btn btn-text-default" id="image-button-original-size" style="width:100px;"><%= scope.textOriginalSize %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2>
|
||||
<label class="header"><%= scope.textWrap %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div id="image-button-wrap" style=""></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2>
|
||||
<label class="header"><%= scope.textInsert %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="50%">
|
||||
<button type="button" class="btn btn-text-default" id="image-button-from-file" style="width:85px;"><%= scope.textFromFile %></button>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<button type="button" class="btn btn-text-default" id="image-button-from-url" style="width:85px;"><%= scope.textFromUrl %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="image-advanced-link"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
</table>
|
||||
@@ -0,0 +1,231 @@
|
||||
<div id="id-adv-image-width" class="settings-panel active">
|
||||
<div class="inner-content">
|
||||
<table cols="4" width="100%">
|
||||
<tr>
|
||||
<td width="88px">
|
||||
<label class="input-label"><%= scope.textWidth %></label>
|
||||
<div id="image-advanced-spin-width"></div>
|
||||
</td>
|
||||
<td width="28px" style="vertical-align: bottom;">
|
||||
<div id="image-advanced-button-ratio"></div>
|
||||
</td>
|
||||
<td width="88px">
|
||||
<label class="input-label"><%= scope.textHeight %></label>
|
||||
<div id="image-advanced-spin-height"></div>
|
||||
</td>
|
||||
<td style="vertical-align: bottom;">
|
||||
<button type="button" class="btn btn-text-default" id="image-advanced-button-original-size" style="width:100px;"><%= scope.textOriginalSize %></button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-image-wrap" class="settings-panel">
|
||||
<div class="inner-content padding-large">
|
||||
<label class="header padding-small"><%= scope.textWrap %></label>
|
||||
<div class="padding-small">
|
||||
<div id="image-advanced-button-wrap-inline" style="display: inline-block; margin-right:7px;"></div>
|
||||
<div id="image-advanced-button-wrap-square" style="display: inline-block; margin-right:7px;"></div>
|
||||
<div id="image-advanced-button-wrap-tight" style="display: inline-block; margin-right:7px;"></div>
|
||||
<div id="image-advanced-button-wrap-through" style="display: inline-block; margin-right:7px;"></div>
|
||||
</div>
|
||||
<div class="padding-small">
|
||||
<div id="image-advanced-button-wrap-topbottom" style="display: inline-block; margin-right:7px;"></div>
|
||||
<div id="image-advanced-button-wrap-infront" style="display: inline-block; margin-right:7px;"></div>
|
||||
<div id="image-advanced-button-wrap-behind" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator horizontal padding-large"></div>
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<label class="header"><%= scope.textDistance %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="125px">
|
||||
<label class="input-label"><%= scope.textTop %></label>
|
||||
<div id="image-advanced-distance-top"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textLeft %></label>
|
||||
<div id="image-advanced-distance-left"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textBottom %></label>
|
||||
<div id="image-advanced-distance-bottom"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textRight %></label>
|
||||
<div id="image-advanced-distance-right"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-image-position" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<table cols="3" style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan="3" class="padding-small">
|
||||
<label class="header"><%= scope.textHorizontal %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align: bottom; padding-bottom: 12px;">
|
||||
<div id="image-radio-halign"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textAlignment %></label>
|
||||
<div id="image-combo-halign" style="width: 115px;"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textRelative %></label>
|
||||
<div id="image-combo-hrelative" style="width: 115px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align: bottom; padding-bottom: 12px;">
|
||||
<div id="image-radio-hposition"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textPosition %></label>
|
||||
<div id="image-spin-x"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textRightOf %></label>
|
||||
<div id="image-combo-hposition" style="width: 115px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" class="padding-small">
|
||||
<label class="header"><%= scope.textVertical %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align: bottom; padding-bottom: 12px;">
|
||||
<div id="image-radio-valign"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textAlignment %></label>
|
||||
<div id="image-combo-valign" style="width: 115px;"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textRelative %></label>
|
||||
<div id="image-combo-vrelative" style="width: 115px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align: bottom; padding-bottom: 19px;">
|
||||
<div id="image-radio-vposition"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<label class="input-label"><%= scope.textPosition %></label>
|
||||
<div id="image-spin-y"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<label class="input-label"><%= scope.textBelow %></label>
|
||||
<div id="image-combo-vposition" style="width: 115px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="separator horizontal padding-large"></div>
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan="2" class="padding-small">
|
||||
<label class="header"><%= scope.textOptions %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div id="image-checkbox-move"></div>
|
||||
</td>
|
||||
<td>
|
||||
<div id="image-checkbox-overlap"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-image-shape" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<label class="header"><%= scope.textLineStyle %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-large" width="125px">
|
||||
<label class="input-label"><%= scope.textCapType %></label>
|
||||
<div id="shape-advanced-cap-type" style="width: 100px;"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<label class="input-label"><%= scope.textJoinType %></label>
|
||||
<div id="shape-advanced-join-type" style="width: 100px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="separator horizontal padding-large"></div>
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<label class="header"><%= scope.textArrows %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="125px">
|
||||
<label class="input-label"><%= scope.textBeginStyle %></label>
|
||||
<div id="shape-advanced-begin-style" style="width: 100px;"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textEndStyle %></label>
|
||||
<div id="shape-advanced-end-style" style="width: 100px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textBeginSize %></label>
|
||||
<div id="shape-advanced-begin-size" style="width: 100px;"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textEndSize %></label>
|
||||
<div id="shape-advanced-end-size" style="width: 100px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-image-margins" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td class="padding-small" width="125px">
|
||||
<label class="input-label"><%= scope.textTop %></label>
|
||||
<div id="image-margin-top"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textLeft %></label>
|
||||
<div id="image-margin-left"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textBottom %></label>
|
||||
<div id="image-margin-bottom"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textRight %></label>
|
||||
<div id="image-margin-right"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,18 @@
|
||||
<div id="view-left-menu" class="tool-menu left">
|
||||
<div class="tool-menu-btns">
|
||||
<button id="left-btn-file" class="btn btn-category" content-target="left-panel-file"><span class="btn-icon btn-menu-file"> </span></button>
|
||||
<button id="left-btn-search" class="btn btn-category" content-target=""><span class="btn-icon btn-menu-search"> </span></button>
|
||||
<!-- /** coauthoring begin **/ -->
|
||||
<button id="left-btn-comments" class="btn btn-category" content-target="left-panel-comments"><span class="btn-icon btn-menu-comments"> </span></button>
|
||||
<button id="left-btn-chat" class="btn btn-category" content-target="left-panel-chat"><span class="btn-icon btn-menu-chat"> </span></button>
|
||||
<!-- /** coauthoring end **/ -->
|
||||
<button id="left-btn-support" class="btn btn-category" content-target=""><span class="btn-icon btn-menu-support"> </span></button>
|
||||
<button id="left-btn-about" class="btn btn-category" content-target=""><span class="btn-icon btn-menu-about"> </span></button>
|
||||
</div>
|
||||
<div class="left-panel" style="">
|
||||
<!-- /** coauthoring begin **/ -->
|
||||
<div id="left-panel-comments" class="" style="display: none;" />
|
||||
<div id="left-panel-chat" class="" style="display: none;" />
|
||||
<!-- /** coauthoring end **/ -->
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,54 @@
|
||||
<table cols="2">
|
||||
<tr>
|
||||
<td colspan=2>
|
||||
<label class="header"><%= scope.strParagraphSpacing %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textAt %></label>
|
||||
<div id="paragraph-combo-line-rule" style="width: 85px;"></div>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textAt %></label>
|
||||
<div id="paragraph-spin-line-height"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.strSpacingBefore %></label>
|
||||
<div id="paragraph-spin-spacing-before"></div>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.strSpacingAfter %></label>
|
||||
<div id="paragraph-spin-spacing-after"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="text-only">
|
||||
<td class="padding-small" colspan=2>
|
||||
<div id="paragraph-checkbox-add-interval"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="text-only">
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="text-only">
|
||||
<td class="padding-small" colspan=2>
|
||||
<div id="paragraph-color-btn" style="display: inline-block;"></div>
|
||||
<label class="input-label" style="margin-left: 5px;"><%= scope.textBackColor %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="paragraph-advanced-link"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
</table>
|
||||
@@ -0,0 +1,180 @@
|
||||
<div id="id-adv-paragraph-indents" class="settings-panel active">
|
||||
<div class="inner-content">
|
||||
<table cols="3" style="width: 100%;">
|
||||
<tr>
|
||||
<td class="padding-large">
|
||||
<label class="input-label"><%= scope.strIndentsFirstLine %></label>
|
||||
<div id="paragraphadv-spin-first-line" style="width: 85px;"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<label class="input-label"><%= scope.strIndentsLeftText %></label>
|
||||
<div id="paragraphadv-spin-indent-left"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<label class="input-label"><%= scope.strIndentsRightText %></label>
|
||||
<div id="paragraphadv-spin-indent-right"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="separator horizontal padding-large text-only"></div>
|
||||
<div class="inner-content text-only" style="padding-right: 0px;" >
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-break-before"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-keep-lines"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-orphan"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-keep-next"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-paragraph-borders" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<div style="width: 100%;" class="padding-small">
|
||||
<label class="input-label"><%= scope.textBorderWidth %></label>
|
||||
<div id="paragraphadv-combo-border-size" style="display: inline-block; vertical-align: middle; width: 93px;"></div>
|
||||
<div style="display: inline-block; float:right;vertical-align: middle;">
|
||||
<label class="input-label" ><%= scope.textBorderColor %></label>
|
||||
<div id="paragraphadv-border-color-btn" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<label class="input-label padding-small" style="width: 100%;"><%= scope.textBorderDesc %></label>
|
||||
<div style="width: 100%;" class="padding-large">
|
||||
<div id="id-deparagraphstyler" style="display: inline-block; vertical-align: middle; width: 200px; height: 170px;outline: 1px solid #ccc;"></div>
|
||||
<div style="display: inline-block; float:right;vertical-align: middle; width: 76px; text-align: right; height: 170px; padding-top: 10px;">
|
||||
<div id="paragraphadv-button-border-top" style="display: inline-block;"></div>
|
||||
<div id="paragraphadv-button-border-inner-hor" style="display: inline-block;"></div>
|
||||
<div id="paragraphadv-button-border-bottom" style="display: inline-block;"></div>
|
||||
<div id="paragraphadv-button-border-outer" style="display: inline-block;"></div>
|
||||
<div id="paragraphadv-button-border-left" style="display: inline-block;"></div>
|
||||
<div id="paragraphadv-button-border-all" style="display: inline-block;"></div>
|
||||
<div id="paragraphadv-button-border-right" style="display: inline-block;"></div>
|
||||
<div id="paragraphadv-button-border-none" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 100%;" class="padding-small">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textBackColor %></label>
|
||||
<div id="paragraphadv-back-color-btn" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-paragraph-font" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<label class="header"><%= scope.textEffects %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-strike"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-subscript"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-double-strike"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<div id="paragraphadv-checkbox-small-caps"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-large">
|
||||
<div id="paragraphadv-checkbox-superscript"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<div id="paragraphadv-checkbox-all-caps"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<label class="header"><%= scope.textCharacterSpacing %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-large" width="50%">
|
||||
<label class="input-label"><%= scope.textSpacing %></label>
|
||||
<div id="paragraphadv-spin-spacing"></div>
|
||||
</td>
|
||||
<td class="padding-large text-only" width="50%">
|
||||
<label class="input-label"><%= scope.textPosition %></label>
|
||||
<div id="paragraphadv-spin-position"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2>
|
||||
<div style="border: 1px solid #cbcbcb;">
|
||||
<div id="paragraphadv-font-img" style="width: 300px; height: 80px; position: relative;"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-paragraph-tabs" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<div class="padding-small" style="display: inline-block;">
|
||||
<label class="input-label"><%= scope.textTabPosition %></label>
|
||||
<div id="paraadv-spin-tab"></div>
|
||||
</div>
|
||||
<div class="padding-small" style="display: inline-block; float: right;">
|
||||
<label class="input-label"><%= scope.textDefault %></label>
|
||||
<div id="paraadv-spin-default-tab"></div>
|
||||
</div>
|
||||
<div class="padding-large">
|
||||
<div id="paraadv-list-tabs" style="width:180px; height: 90px;"></div>
|
||||
</div>
|
||||
<div class="padding-large" >
|
||||
<label class="input-label padding-small" style="display: block;"><%= scope.textAlign %></label>
|
||||
<div id="paragraphadv-radio-left" class="padding-small" style="display: block;"></div>
|
||||
<div id="paragraphadv-radio-center" class="padding-small" style="display: block;"></div>
|
||||
<div id="paragraphadv-radio-right" style="display: block;"></div>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btn btn-text-default" id="paraadv-button-add-tab" style="width:90px;margin-right: 4px;"><%= scope.textSet %></button>
|
||||
<button type="button" class="btn btn-text-default" id="paraadv-button-remove-tab" style="width:90px;margin-right: 4px;"><%= scope.textRemove %></button>
|
||||
<button type="button" class="btn btn-text-default" id="paraadv-button-remove-all" style="width:90px;margin-right: 4px;"><%= scope.textRemoveAll %></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-paragraph-margins" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textTop %></label>
|
||||
<div id="paraadv-number-margin-top"></div>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textLeft %></label>
|
||||
<div id="paraadv-number-margin-left"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textBottom %></label>
|
||||
<div id="paraadv-number-margin-bottom"></div>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<label class="input-label"><%= scope.textRight %></label>
|
||||
<div id="paraadv-number-margin-right"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,29 @@
|
||||
<div id="view-right-menu" class="tool-menu right">
|
||||
<div class="right-panel">
|
||||
<div id="id-paragraph-settings" class="settings-panel">
|
||||
</div>
|
||||
<div id="id-table-settings" class="settings-panel">
|
||||
</div>
|
||||
<div id="id-image-settings" class="settings-panel">
|
||||
</div>
|
||||
<div id="id-header-settings" class="settings-panel">
|
||||
</div>
|
||||
<div id="id-shape-settings" class="settings-panel">
|
||||
</div>
|
||||
<!-- /** proprietary begin **/ -->
|
||||
<div id="id-chart-settings" class="settings-panel">
|
||||
</div>
|
||||
<!-- /** proprietary end **/ -->
|
||||
</div>
|
||||
<div class="tool-menu-btns">
|
||||
<div class="ct-btn-category arrow-left" />
|
||||
<button id="id-right-menu-text" class="btn btn-category arrow-left" content-target="id-paragraph-settings"><span class="btn-icon btn-menu-text"> </span></button>
|
||||
<button id="id-right-menu-table" class="btn btn-category arrow-left" content-target="id-table-settings"><span class="btn-icon btn-menu-table"> </span></button>
|
||||
<button id="id-right-menu-image" class="btn btn-category arrow-left" content-target="id-image-settings"><span class="btn-icon btn-menu-image"> </span></button>
|
||||
<button id="id-right-menu-header" class="btn btn-category arrow-left" content-target="id-header-settings"><span class="btn-icon btn-menu-header"> </span></button>
|
||||
<button id="id-right-menu-shape" class="btn btn-category arrow-left" content-target="id-shape-settings"><span class="btn-icon btn-menu-shape"> </span></button>
|
||||
<!-- /** proprietary begin **/ -->
|
||||
<button id="id-right-menu-chart" class="btn btn-category arrow-left" content-target="id-chart-settings"><span class="btn-icon btn-menu-chart"> </span></button>
|
||||
<!-- /** proprietary end **/ -->
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,151 @@
|
||||
<table cols="1">
|
||||
<tr>
|
||||
<td>
|
||||
<label class="header"><%= scope.strFill %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="shape-combo-fill-src" style="width: 100%;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div id="shape-panel-color-fill" class="padding-small" style="width: 100%;">
|
||||
<div id="shape-back-color-btn" style=""></div>
|
||||
</div>
|
||||
<div id="shape-panel-image-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td class="padding-small" width="50%">
|
||||
<button type="button" class="btn btn-text-default" id="shape-button-from-file" style="width:90px;"><%= scope.textFromFile %></button>
|
||||
</td>
|
||||
<td class="padding-small" width="50%">
|
||||
<button type="button" class="btn btn-text-default" id="shape-button-from-url" style="width:90px;"><%= scope.textFromUrl %></button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align: top">
|
||||
<div id="shape-combo-fill-type" style="width: 90px;"></div>
|
||||
</td>
|
||||
<td rowspan="2">
|
||||
<div style="width: 90px; height: 80px; padding: 14px 20px; border: 1px solid #AFAFAF; border-radius: 2px; background: #ffffff;">
|
||||
<div id="shape-texture-img" style="width: 50px;height: 50px;"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align: bottom">
|
||||
<label class="input-label" style=""><%= scope.textTexture %></label>
|
||||
<div id="shape-combo-fill-texture" style="width: 90px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div id="shape-panel-pattern-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strPattern %></label>
|
||||
<div id="shape-combo-pattern" style="width: 100%; height: 42px; margin-bottom: 8px;"></div>
|
||||
<div style="width: 100%; height: 25px; margin-bottom: 8px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strForeground %></label>
|
||||
<div id="shape-foreground-color-btn" style="display: inline-block; float:right;"></div>
|
||||
</div>
|
||||
<div style="width: 100%; height: 25px;">
|
||||
<label class="input-label" style="margin-top: 3px;"><%= scope.strBackground %></label>
|
||||
<div id="shape-background-color-btn" style="display: inline-block; float:right;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="shape-panel-gradient-fill" class="settings-hidden padding-small" style="width: 100%;">
|
||||
<div style="height:80px;">
|
||||
<div style="display: inline-block;">
|
||||
<label class="input-label" style=""><%= scope.textStyle %></label>
|
||||
<div id="shape-combo-grad-type" style="width: 90px;"></div>
|
||||
</div>
|
||||
<div style="display: inline-block;float: right;">
|
||||
<label class="input-label" style=""><%= scope.textDirection %></label>
|
||||
<div id="shape-button-direction" style=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<label class="header" style="display:block;margin-bottom: 5px;"><%= scope.textGradient %></label>
|
||||
<div style="display: inline-block; margin-top: 3px;">
|
||||
<div id="shape-slider-gradient" style="display: inline-block; vertical-align: middle;"></div>
|
||||
</div>
|
||||
<div id="shape-gradient-color-btn" style="display: inline-block;float: right;"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="padding-small" id="shape-panel-transparent-fill" style="width: 100%;">
|
||||
<label class="header" style="display:block;"><%= scope.strTransparency %></label>
|
||||
<div style="display: inline-block; margin-top: 3px;">
|
||||
<label id="shape-lbl-transparency-start">0</label>
|
||||
<div id="shape-slider-transparency" style="display: inline-block;margin: 0 4px; vertical-align: middle;"></div>
|
||||
<label id="shape-lbl-transparency-end">100</label>
|
||||
</div>
|
||||
<div id="shape-spin-transparency" style="display: inline-block;float: right;"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<label class="header"><%= scope.strStroke %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div style="display:inline-block;width:100px;vertical-align: middle;">
|
||||
<label class="input-label" style=""><%= scope.strSize %></label>
|
||||
<div id="shape-combo-border-size" style="width: 93px;"></div>
|
||||
</div>
|
||||
<div style="display:inline-block;vertical-align: middle;">
|
||||
<label class="input-label" style=""><%= scope.strColor %></label>
|
||||
<div id="shape-border-color-btn" style=""></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="shape-only">
|
||||
<td class="padding-small">
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="shape-only">
|
||||
<td>
|
||||
<label class="header"><%= scope.textWrap %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="shape-only">
|
||||
<td>
|
||||
<div id="shape-button-wrap" style=""></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="shape-only">
|
||||
<td class="padding-small"></td>
|
||||
</tr>
|
||||
<tr class="shape-only">
|
||||
<td class="padding-small">
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="shape-only">
|
||||
<td class="padding-small">
|
||||
<label class="header" style="margin-top: 3px;"><%= scope.strChange %></label>
|
||||
<div id="shape-btn-change" style="display: inline-block; float:right;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="shape-only">
|
||||
<td class="padding-small">
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="shape-only">
|
||||
<td align="center">
|
||||
<label class="link" id="shape-advanced-link"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
</table>
|
||||
@@ -0,0 +1,45 @@
|
||||
|
||||
<div class="statusbar" style="display:table;">
|
||||
<div class="status-group dropup">
|
||||
<label id="status-label-pages" class="status-label" style="margin-left: 40px;" data-toggle="dropdown"><%= Common.Utils.String.format(scope.pageIndexText, 1, 1) %></label>
|
||||
<div id="status-goto-box" class="dropdown-menu">
|
||||
<label style="float:left;line-height:22px;"><%= scope.goToPageText %></label>
|
||||
<div id="status-goto-page" style="display:inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /** coauthoring begin **/ -->
|
||||
<div id="status-users-ct" class="status-group" style="display:none;">
|
||||
<div class="separator short" style="margin-right: 12px; margin-left: 40px;" />
|
||||
<div id="status-users-block" style="display:inline-block; cursor:pointer;">
|
||||
<span id="status-users-icon" />
|
||||
<label id="status-users-count" class="status-label">3</label>
|
||||
</div>
|
||||
<div class="separator short" style="margin-left: 10px;" />
|
||||
</div>
|
||||
<!-- /** coauthoring end **/ -->
|
||||
<div class="status-group" style="width:100%; text-align:center;">
|
||||
<label id="status-label-action" class="status-label"></label>
|
||||
</div>
|
||||
<div class="status-group" style="">
|
||||
<div class="separator short el-edit"></div>
|
||||
<div class="cnt-lang el-edit">
|
||||
<div class="dropdown-toggle" data-toggle="dropdown" style="margin-right: 6px;">
|
||||
<span class="icon-lang-flag" data-vertical-offset="10" />
|
||||
<label id="status-label-lang" class="status-label">English (United States)</label>
|
||||
<div class="caret up" />
|
||||
</div>
|
||||
</div>
|
||||
<button id="btn-doc-lang" type="button" class="btn small btn-toolbar btn-toolbar-default el-edit"><span class="btn-icon"> </span></button>
|
||||
<button id="btn-doc-spell" type="button" class="btn small btn-toolbar btn-toolbar-default el-edit"><span class="btn-icon"> </span></button>
|
||||
<div class="separator short el-edit"></div>
|
||||
<button id="btn-zoom-topage" type="button" class="btn small btn-toolbar btn-toolbar-default"><span class="btn-icon"> </span></button>
|
||||
<button id="btn-zoom-towidth" type="button" class="btn small btn-toolbar btn-toolbar-default"><span class="btn-icon"> </span></button>
|
||||
<button id="btn-zoom-down" type="button" class="btn small btn-toolbar btn-toolbar-default"><span class="btn-icon"> </span></button>
|
||||
<div class="cnt-zoom">
|
||||
<div class="dropdown-toggle" data-toggle="dropdown">
|
||||
<label id="status-label-zoom" class="status-label">Zoom 100%</label>
|
||||
</div>
|
||||
</div>
|
||||
<button id="btn-zoom-up" type="button" class="btn small btn-toolbar btn-toolbar-default" style="margin-right:40px;"><span class="btn-icon"> </span></button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,140 @@
|
||||
<table cols="2">
|
||||
<tr>
|
||||
<td width="50%">
|
||||
<label class="header"><%= scope.textRows %></label>
|
||||
</td>
|
||||
<td width="50%">
|
||||
<label class="header"><%= scope.textColumns %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="table-checkbox-header"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<div id="table-checkbox-first"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="table-checkbox-total"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<div id="table-checkbox-last"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="table-checkbox-banded"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<div id="table-checkbox-col-banded"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2>
|
||||
<label class="header"><%= scope.textTemplate %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<div class="" id="table-combo-template" style="width: 100%; height: 64px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<label class="header"><%= scope.textBorders %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div id="table-combo-border-size" style="display: inline-block; vertical-align: middle; width: 93px;"></div>
|
||||
<div style="display: inline-block; float:right;vertical-align: middle;">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textBorderColor %></label>
|
||||
<div id="table-border-color-btn" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<label class="input-label"><%= scope.textSelectBorders %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<div id="table-button-border-all" style="display: inline-block;"></div>
|
||||
<div id="table-button-border-none" style="display: inline-block;"></div>
|
||||
<div id="table-button-border-inner" style="display: inline-block;"></div>
|
||||
<div id="table-button-border-outer" style="display: inline-block;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<div id="table-button-border-left" style="display: inline-block;"></div>
|
||||
<div id="table-button-border-inner-vert" style="display: inline-block;"></div>
|
||||
<div id="table-button-border-right" style="display: inline-block;"></div>
|
||||
<div id="table-button-border-top" style="display: inline-block;"></div>
|
||||
<div id="table-button-border-inner-hor" style="display: inline-block;"></div>
|
||||
<div id="table-button-border-bottom" style="display: inline-block;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2 align="right">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textBackColor %></label>
|
||||
<div id="table-back-color-btn" style="display: inline-block;text-align:left;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=2>
|
||||
<label class="header"><%= scope.textWrap %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<div id="table-button-wrap-none" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="table-button-wrap-parallel" style="display: inline-block; margin-right:5px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<label class="header" style="margin-top: 3px;"><%= scope.textEdit %></label>
|
||||
<div id="table-btn-edit" style="display: inline-block; float:right;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div id="table-checkbox-repeat-row"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" colspan=2>
|
||||
<div class="separator horizontal"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" colspan=2>
|
||||
<label class="link" id="table-advanced-link"><%= scope.textAdvanced %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="finish-cell"></tr>
|
||||
</table>
|
||||
@@ -0,0 +1,276 @@
|
||||
<div id="id-adv-table-width" class="settings-panel active">
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td class="padding-small" width="125px">
|
||||
<div id="tableadv-checkbox-width"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<div id="tableadv-checkbox-spacing"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-large">
|
||||
<div id="tableadv-number-width"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<div id="tableadv-number-spacing"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" class="padding-large">
|
||||
<div id="tableadv-checkbox-autofit"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="separator horizontal padding-large"></div>
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<label class="header"><%= scope.textDefaultMargins %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="125px">
|
||||
<label class="input-label"><%= scope.textTop %></label>
|
||||
<div id="tableadv-number-margin-table-top"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textLeft %></label>
|
||||
<div id="tableadv-number-margin-table-left"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textBottom %></label>
|
||||
<div id="tableadv-number-margin-table-bottom"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textRight %></label>
|
||||
<div id="tableadv-number-margin-table-right"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-table-cell-props" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<label class="header"><%= scope.textMargins %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" class="padding-small">
|
||||
<div id="tableadv-checkbox-margins"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="125px">
|
||||
<label class="input-label"><%= scope.textTop %></label>
|
||||
<div id="tableadv-number-margin-top"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textLeft %></label>
|
||||
<div id="tableadv-number-margin-left"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textBottom %></label>
|
||||
<div id="tableadv-number-margin-bottom"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textRight %></label>
|
||||
<div id="tableadv-number-margin-right"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-table-wrap" class="settings-panel">
|
||||
<div class="inner-content padding-large">
|
||||
<div id="tableadv-button-wrap-none" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="tableadv-button-wrap-parallel" style="display: inline-block; margin-right:5px;"></div>
|
||||
</div>
|
||||
<div class="separator horizontal padding-large"></div>
|
||||
<div class="inner-content">
|
||||
<div id="tableadv-panel-align" style="width: 100%;">
|
||||
<label class="header padding-small"><%= scope.textAlign %></label>
|
||||
<div class="padding-large">
|
||||
<div id="tableadv-button-align-left" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="tableadv-button-align-center" style="display: inline-block; margin-right:5px;"></div>
|
||||
<div id="tableadv-button-align-right" style="display: inline-block; margin-right:5px;"></div>
|
||||
</div>
|
||||
<div>
|
||||
<label class="input-label" style="margin-right:5px;"><%= scope.textIndLeft %></label>
|
||||
<div id="tableadv-number-indent" style="display: inline-block;vertical-align: middle;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tableadv-panel-distance" class="settings-hidden" style="width: 100%;">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan=2 class="padding-small">
|
||||
<label class="header"><%= scope.textDistance %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small" width="125px">
|
||||
<label class="input-label"><%= scope.textTop %></label>
|
||||
<div id="tableadv-number-distance-top"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textLeft %></label>
|
||||
<div id="tableadv-number-distance-left"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textBottom %></label>
|
||||
<div id="tableadv-number-distance-bottom"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textRight %></label>
|
||||
<div id="tableadv-number-distance-right"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-table-borders" class="settings-panel">
|
||||
<div class="inner-content padding-large">
|
||||
<div style="width: 100%;">
|
||||
<label class="input-label"><%= scope.textBorderWidth %></label>
|
||||
<div id="tableadv-combo-border-size" style="display: inline-block; vertical-align: middle; width: 93px;"></div>
|
||||
<div style="display: inline-block; float:right;vertical-align: middle;">
|
||||
<label class="input-label" ><%= scope.textBorderColor %></label>
|
||||
<div id="tableadv-border-color-btn" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inner-content">
|
||||
<label class="input-label padding-large" style="width: 100%;"><%= scope.textBorderDesc %></label>
|
||||
<div id="tableadv-panel-borders" style="width: 100%;" class="padding-large">
|
||||
<div id="id-detablestyler" style="display: inline-block; vertical-align: middle; width: 200px; height: 200px;outline: 1px solid #ccc;"></div>
|
||||
<div style="display: inline-block; vertical-align: middle; width: 76px; height: 200px; padding-top: 10px; padding-left: 10px;">
|
||||
<div id="tableadv-button-border-all"></div>
|
||||
<div id="tableadv-button-border-none"></div>
|
||||
<div id="tableadv-button-border-inner"></div>
|
||||
<div id="tableadv-button-border-outer"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tableadv-panel-borders-spacing" style="width: 100%;" class="padding-large settings-hidden">
|
||||
<div id="id-detablestyler-spacing" style="display: inline-block; vertical-align: middle; width: 200px; height: 200px;outline: 1px solid #ccc;"></div>
|
||||
<div style="display: inline-block; float:right;vertical-align: middle; width: 76px; height: 200px; padding-top: 10px;">
|
||||
<div id="tableadv-button-border-all-none" style="display: inline-block;"></div>
|
||||
<div id="tableadv-button-border-all-table" style="display: inline-block;"></div>
|
||||
<div id="tableadv-button-border-none-none" style="display: inline-block;"></div>
|
||||
<div id="tableadv-button-border-none-table" style="display: inline-block;"></div>
|
||||
<div id="tableadv-button-border-inner-none" style="display: inline-block;"></div>
|
||||
<div id="tableadv-button-border-inner-table" style="display: inline-block;"></div>
|
||||
<div id="tableadv-button-border-outer-none" style="display: inline-block;"></div>
|
||||
<div id="tableadv-button-border-outer-table" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 100%;">
|
||||
<div id="tableadv-panel-cell-back" style="display: inline-block;">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textBackColor %></label>
|
||||
<div id="tableadv-button-back-color" style="display: inline-block;"></div>
|
||||
</div>
|
||||
<div id="tableadv-panel-table-back" style="display: inline-block;">
|
||||
<label class="input-label" style="margin-right: 5px;"><%= scope.textTableBackColor %></label>
|
||||
<div id="tableadv-button-table-back-color" style="display: inline-block;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="id-adv-table-position" class="settings-panel">
|
||||
<div class="inner-content">
|
||||
<table cols="3" style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan="3" class="padding-small">
|
||||
<label class="header"><%= scope.textHorizontal %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align: bottom; padding-bottom: 12px;">
|
||||
<div id="tableadv-radio-halign"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textAlignment %></label>
|
||||
<div id="tableadv-combo-halign" style="width: 115px;"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textRelative %></label>
|
||||
<div id="tableadv-combo-hrelative" style="width: 115px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align: bottom; padding-bottom: 12px;">
|
||||
<div id="tableadv-radio-hposition"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textPosition %></label>
|
||||
<div id="tableadv-spin-x"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textRightOf %></label>
|
||||
<div id="tableadv-combo-hposition" style="width: 115px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" class="padding-small">
|
||||
<label class="header"><%= scope.textVertical %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align: bottom; padding-bottom: 12px;">
|
||||
<div id="tableadv-radio-valign"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textAlignment %></label>
|
||||
<div id="tableadv-combo-valign" style="width: 115px;"></div>
|
||||
</td>
|
||||
<td class="padding-small">
|
||||
<label class="input-label"><%= scope.textRelative %></label>
|
||||
<div id="tableadv-combo-vrelative" style="width: 115px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align: bottom; padding-bottom: 19px;">
|
||||
<div id="tableadv-radio-vposition"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<label class="input-label"><%= scope.textPosition %></label>
|
||||
<div id="tableadv-spin-y"></div>
|
||||
</td>
|
||||
<td class="padding-large">
|
||||
<label class="input-label"><%= scope.textBelow %></label>
|
||||
<div id="tableadv-combo-vposition" style="width: 115px;"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="separator horizontal padding-large"></div>
|
||||
<div class="inner-content">
|
||||
<table cols="2" style="width: 100%;">
|
||||
<tr>
|
||||
<td colspan="2" class="padding-small">
|
||||
<label class="header"><%= scope.textOptions %></label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div id="tableadv-checkbox-move"></div>
|
||||
</td>
|
||||
<td>
|
||||
<div id="tableadv-checkbox-overlap"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
202
OfficeWeb/apps/documenteditor/main/app/template/Toolbar.template
Normal file
202
OfficeWeb/apps/documenteditor/main/app/template/Toolbar.template
Normal file
@@ -0,0 +1,202 @@
|
||||
<div class="toolbar" style="<%= isCompactView ? 'height: 41px;' : 'height: 67px;' %>">
|
||||
<!---------------------->
|
||||
<!--Short view toolbar-->
|
||||
<!---------------------->
|
||||
<div id="id-toolbar-short" style="<%= isCompactView ? 'display: table;' : 'display: none;' %> width: 100%;" >
|
||||
<div class="toolbar-group no-mask">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-print"></span>
|
||||
<span class="btn-placeholder" id="id-toolbar-short-placeholder-btn-save"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator short"></div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-undo"></span>
|
||||
<span class="btn-placeholder" id="id-toolbar-short-placeholder-btn-redo"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator short"></div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row" style="width: 140px; margin-top: -1px;">
|
||||
<span class="btn-placeholder" style="float: left; width: 90px;" id="id-toolbar-short-placeholder-field-fontname"></span>
|
||||
<span class="btn-placeholder" style="float: left; width: 45px; margin-left: 2px;" id="id-toolbar-short-placeholder-field-fontsize"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-bold"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-italic"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-underline"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-highlight"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-fontcolor"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator short" style="margin-left: 5px;"></div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-halign"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-markers"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-numbering"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-multilevels"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator short" style="margin-left: 5px;"></div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-decoffset"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-incoffset"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-linespace"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-hidenchars"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator short" style="margin-left: 5px;"></div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-insertimage"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-inserttable"></span>
|
||||
<!-- /** proprietary begin **/ -->
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-insertchart"></span>
|
||||
<!-- /** proprietary end **/ -->
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-inserthyperlink"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-insertshape"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-pagebreak"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-editheader"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator short" style="margin-left: 5px;"></div>
|
||||
<div class="toolbar-group" style="padding-left: 10px;">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder" id="id-toolbar-short-placeholder-btn-copystyle"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="toolbar-group" style="width: 100%; padding-left: 6px;"></div>
|
||||
<div class="toolbar-group no-mask" style="padding-left:0;">
|
||||
<div class="toolbar-row">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-short-placeholder-btn-hidebars"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---------------------->
|
||||
<!--Fully view toolbar-->
|
||||
<!---------------------->
|
||||
<div id="id-toolbar-full" style="<%= isCompactView ? 'display: none;' : 'display: table;' %> width: 100%;" >
|
||||
<div class="toolbar-group toolbar-group-native">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder" id="id-toolbar-full-placeholder-btn-newdocument"></span>
|
||||
</div>
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder" id="id-toolbar-full-placeholder-btn-opendocument"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="toolbar-group no-mask">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder" id="id-toolbar-full-placeholder-btn-print"></span>
|
||||
</div>
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder" id="id-toolbar-full-placeholder-btn-save"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator long"></div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-copy"></span>
|
||||
<span class="btn-placeholder" id="id-toolbar-full-placeholder-btn-paste"></span>
|
||||
</div>
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-undo"></span>
|
||||
<span class="btn-placeholder" id="id-toolbar-full-placeholder-btn-redo"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator long"></div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row" style="width:265px;">
|
||||
<span class="btn-placeholder" style="float: left; width: 165px;" id="id-toolbar-full-placeholder-field-fontname"></span>
|
||||
<span class="btn-placeholder" style="float: left; width: 45px; margin-left: 2px;" id="id-toolbar-full-placeholder-field-fontsize"></span>
|
||||
<span class="btn-placeholder border" id="id-toolbar-full-placeholder-btn-incfont" style="margin-left: 2px;"></span>
|
||||
<span class="btn-placeholder border" id="id-toolbar-full-placeholder-btn-decfont" style="margin-left: 2px;"></span>
|
||||
</div>
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-bold"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-italic"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-underline"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-strikeout"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-superscript"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-subscript"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-highlight"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-fontcolor"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-paracolor"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator long" style="margin-left: 5px;"></div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-markers"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-numbering"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-multilevels"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-decoffset"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-incoffset"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-linespace"></span>
|
||||
</div>
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-align-left"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-align-center"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-align-right"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-align-just"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-hidenchars"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator long" style="margin-left: 5px;"></div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-pagebreak"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-insertimage"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-insertchart"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-inserttext"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-dropcap"></span>
|
||||
</div>
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-editheader"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-inserttable"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-inserthyperlink"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-insertshape"></span>
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-insertequation"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator long" style="margin-left: 5px;"></div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder" id="id-toolbar-full-placeholder-btn-pageorient"></span>
|
||||
</div>
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-pagesize"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="separator long" style="margin-left: 5px;"></div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder" id="id-toolbar-full-placeholder-btn-clearstyle"></span>
|
||||
</div>
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder" id="id-toolbar-full-placeholder-btn-copystyle"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="toolbar-group">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-colorschemas"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="toolbar-group" id="id-toolbar-full-placeholder-field-styles" style="width: 100%; min-width: 100px;">
|
||||
</div>
|
||||
<div class="toolbar-group no-mask">
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder split" id="id-toolbar-full-placeholder-btn-hidebars"></span>
|
||||
</div>
|
||||
<div class="toolbar-row">
|
||||
<span class="btn-placeholder" id="id-toolbar-full-placeholder-btn-settings"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,16 @@
|
||||
<div class="layout-region">
|
||||
<div id="viewport-vbox-layout" class="layout-ct vbox">
|
||||
<div id="header" class="layout-item"></div>
|
||||
<div id="toolbar" class="layout-item"></div>
|
||||
<div class="layout-item">
|
||||
<div id="viewport-hbox-layout" class="layout-ct hbox">
|
||||
<div id="left-menu" class="layout-item" style="width: 40px;"></div>
|
||||
<div id="file-menu-panel" class="left-menu-full-ct" style="display:none;"></div>
|
||||
<div id="about-menu-panel" class="left-menu-full-ct" style="display:none;"></div>
|
||||
<div id="editor_sdk" class="layout-item"></div>
|
||||
<div id="right-menu" class="layout-item"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="statusbar" class="layout-item"></div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user