2016-03-11 00:48:53 +00:00
|
|
|
<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>
|
2020-05-13 14:20:58 +00:00
|
|
|
<td colspan="2" class="padding-small">
|
|
|
|
<div id="shape-button-replace" style="width:100%;"></div>
|
2016-03-11 00:48:53 +00:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td style="vertical-align: top">
|
|
|
|
<div id="shape-combo-fill-type" style="width: 90px;"></div>
|
|
|
|
</td>
|
|
|
|
<td rowspan="2">
|
2016-07-08 14:03:42 +00:00
|
|
|
<div style="width: 90px; height: 80px; padding: 14px 20px; border: 1px solid #AFAFAF; border-radius: 2px; background: #ffffff;float:right;">
|
2016-03-11 00:48:53 +00:00
|
|
|
<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%;">
|
2020-09-10 14:36:45 +00:00
|
|
|
<table cols="3" style="margin-bottom: 10px;">
|
|
|
|
<tr valign="top">
|
|
|
|
<td colspan="2">
|
|
|
|
<div>
|
|
|
|
<label class="input-label" style=""><%= scope.textStyle %></label>
|
|
|
|
<div id="shape-combo-grad-type" style="width: 100%;"></div>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
<td rowspan="2" style="width: 100%;">
|
|
|
|
<div style="float: right;">
|
|
|
|
<label class="input-label"><%= scope.textDirection %></label>
|
|
|
|
<div id="shape-button-direction"></div>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr valign="bottom">
|
|
|
|
<td>
|
|
|
|
<label class="input-label" style="margin-right: 5px;margin-bottom: 3px;"><%= scope.textAngle %></label>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<div id="shape-spin-gradient-angle" style="display: inline-block; width: 60px;"></div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<label class="input-label" style="display:block;margin-bottom: 5px;"><%= scope.textGradient %></label>
|
2016-03-11 00:48:53 +00:00
|
|
|
<div style="display: inline-block; margin-top: 3px;">
|
|
|
|
<div id="shape-slider-gradient" style="display: inline-block; vertical-align: middle;"></div>
|
|
|
|
</div>
|
2020-07-09 18:51:19 +00:00
|
|
|
<div style="height: 40px;margin-top:6px;display:flex;justify-content:space-between;">
|
|
|
|
<div style="display: flex;">
|
|
|
|
<div style="">
|
|
|
|
<label class="input-label" style=""><%= scope.strColor %></label>
|
|
|
|
<div id="shape-gradient-color-btn"></div>
|
|
|
|
</div>
|
|
|
|
<div style="margin-left: 10px;">
|
|
|
|
<label class="input-label" style=""><%= scope.textPosition %></label>
|
|
|
|
<div id="shape-gradient-position"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="display:flex;padding-top:15px;">
|
|
|
|
<div id="shape-gradient-add-step"></div>
|
|
|
|
<div id="shape-gradient-remove-step"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-03-11 00:48:53 +00:00
|
|
|
</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>
|
2018-02-06 08:56:13 +00:00
|
|
|
<td class="padding-small">
|
2016-03-11 00:48:53 +00:00
|
|
|
<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>
|
2016-07-01 08:16:09 +00:00
|
|
|
<tr>
|
|
|
|
<td class="padding-small">
|
|
|
|
<div style="display:inline-block;width:100px;vertical-align: middle;">
|
|
|
|
<label class="input-label" style=""><%= scope.strType %></label>
|
|
|
|
<div id="shape-combo-border-type" style="width: 93px;"></div>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2021-11-19 19:24:55 +00:00
|
|
|
<tr class="shape-rotation">
|
2018-08-30 13:53:46 +00:00
|
|
|
<td class="padding-small">
|
|
|
|
<div class="separator horizontal"></div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2021-11-19 19:24:55 +00:00
|
|
|
<tr class="shape-rotation">
|
2018-08-30 13:53:46 +00:00
|
|
|
<td class="padding-small">
|
|
|
|
<label class="header"><%= scope.textRotation %></label>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2021-11-19 19:24:55 +00:00
|
|
|
<tr class="shape-rotation">
|
2018-08-30 13:53:46 +00:00
|
|
|
<td>
|
|
|
|
<table cols="2" style="width: 100%;">
|
|
|
|
<tr>
|
|
|
|
<td class="padding-small" width="50%">
|
|
|
|
<label class="input-label"><%= scope.textRotate90 %></label>
|
|
|
|
<div>
|
|
|
|
<div id="shape-button-270" style="display: inline-block;margin-right: 4px;"></div>
|
|
|
|
<div id="shape-button-90" style="display: inline-block;"></div>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
<td class="padding-small" width="50%">
|
|
|
|
<label class="input-label"><%= scope.textFlip %></label>
|
|
|
|
<div>
|
|
|
|
<div id="shape-button-fliph" style="display: inline-block;margin-right: 4px;"></div>
|
|
|
|
<div id="shape-button-flipv" style="display: inline-block;"></div>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2018-02-06 08:56:13 +00:00
|
|
|
<tr class="change-type">
|
2016-03-11 00:48:53 +00:00
|
|
|
<td class="padding-small">
|
|
|
|
<div class="separator horizontal"></div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2018-02-06 08:56:13 +00:00
|
|
|
<tr class="change-type">
|
2016-03-11 00:48:53 +00:00
|
|
|
<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>
|
2019-08-05 11:12:50 +00:00
|
|
|
<tr>
|
|
|
|
<td class="padding-small" colspan=2>
|
|
|
|
<div class="separator horizontal"></div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td class="padding-small" colspan=2>
|
|
|
|
<div id="shape-checkbox-shadow"></div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2018-02-06 08:56:13 +00:00
|
|
|
<tr class="shape-only">
|
2016-03-11 00:48:53 +00:00
|
|
|
<td class="padding-small">
|
|
|
|
<div class="separator horizontal"></div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr class="shape-only">
|
|
|
|
<td align="center">
|
2021-06-16 13:43:51 +00:00
|
|
|
<label class="link" id="shape-advanced-link" data-hint="1" data-hint-direction="bottom" data-hint-offset="medium"><%= scope.textAdvanced %></label>
|
2016-03-11 00:48:53 +00:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr class="finish-cell"></tr>
|
|
|
|
</table>
|