web-apps/apps/spreadsheeteditor/main/app/template/Toolbar.template

274 lines
14 KiB
Plaintext
Raw Normal View History

2017-04-27 15:40:27 +00:00
<section class="toolbar">
<section class="box-tabs">
<div class="extra left"></div>
<%= tabsmarkup %>
<div class="extra right"></div>
2017-04-27 15:40:27 +00:00
</section>
<section class="box-controls">
<section class="panel static">
2021-04-27 18:21:11 +00:00
<div class="group no-mask small">
2017-04-27 15:40:27 +00:00
<div class="elset">
<span class="btn-slot" id="slot-btn-print"></span>
</div>
<div class="elset">
<span class="btn-slot" id="slot-btn-save"></span>
</div>
</div>
<div class="separator long"></div>
2021-04-27 18:21:11 +00:00
<div class="group small">
2017-04-27 15:40:27 +00:00
<div class="elset">
2017-08-08 13:39:47 +00:00
<span class="btn-slot split" id="slot-btn-copy"></span>
2017-04-27 15:40:27 +00:00
<span class="btn-slot" id="slot-btn-paste"></span>
</div>
<div class="elset">
2017-08-08 13:39:47 +00:00
<span class="btn-slot split" id="slot-btn-undo"></span>
2017-04-27 15:40:27 +00:00
<span class="btn-slot" id="slot-btn-redo"></span>
</div>
</div>
<div class="separator long"></div>
</section>
<section class="box-panels">
<section class="panel" data-tab="home">
2021-04-27 18:21:11 +00:00
<div class="group small">
2017-04-28 16:42:01 +00:00
<div class="elset font-attr-top">
<span class="btn-slot" id="slot-field-fontname"></span>
<span class="btn-slot" id="slot-field-fontsize"></span>
2019-11-29 13:29:52 +00:00
<span class="btn-slot" id="slot-btn-incfont"></span>
<span class="btn-slot" id="slot-btn-decfont"></span>
2017-04-27 15:40:27 +00:00
</div>
2017-04-28 16:42:01 +00:00
<div class="elset font-attr">
<span class="btn-slot" id="slot-btn-bold"></span>
<span class="btn-slot" id="slot-btn-italic"></span>
<span class="btn-slot" id="slot-btn-underline"></span>
2017-12-05 13:58:01 +00:00
<span class="btn-slot" id="slot-btn-strikeout"></span>
<span class="btn-slot split" id="slot-btn-subscript"></span>
2017-04-27 15:40:27 +00:00
<span class="btn-slot split" id="slot-btn-fontcolor"></span>
<span class="btn-slot split" id="slot-btn-fillparag"></span>
<span class="btn-slot split" id="slot-btn-borders"></span>
</div>
</div>
<div class="separator long"></div>
2021-04-27 18:21:11 +00:00
<div class="group small">
2017-04-27 15:40:27 +00:00
<div class="elset">
2020-12-22 12:11:46 +00:00
<span class="btn-slot split-small" id="slot-btn-top"></span>
<span class="btn-slot split-small" id="slot-btn-middle"></span>
<span class="btn-slot split-small" id="slot-btn-bottom"></span>
<span class="btn-slot split-small" id="slot-btn-wrap"></span>
2017-04-28 16:42:01 +00:00
<span class="btn-slot split" id="slot-btn-text-orient"></span>
2017-04-27 15:40:27 +00:00
</div>
<div class="elset">
2020-12-22 12:11:46 +00:00
<span class="btn-slot split-small" id="slot-btn-align-left"></span>
<span class="btn-slot split-small" id="slot-btn-align-center"></span>
<span class="btn-slot split-small" id="slot-btn-align-right"></span>
<span class="btn-slot split-small" id="slot-btn-align-just"></span>
2017-04-28 16:42:01 +00:00
<span class="btn-slot split" id="slot-btn-merge"></span>
2017-04-27 15:40:27 +00:00
</div>
</div>
<div class="separator long"></div>
2021-04-27 18:21:11 +00:00
<div class="group small">
2017-04-27 15:40:27 +00:00
<div class="elset">
2017-04-28 16:42:01 +00:00
<span class="btn-slot split" id="slot-btn-formula"></span>
2017-04-27 15:40:27 +00:00
</div>
<div class="elset">
2017-04-28 16:42:01 +00:00
<span class="btn-slot split" id="slot-btn-named-range"></span>
2017-04-27 15:40:27 +00:00
</div>
</div>
<div class="separator long"></div>
2021-04-27 18:21:11 +00:00
<div class="group small">
2017-04-27 15:40:27 +00:00
<div class="elset">
2019-05-31 14:48:14 +00:00
<span class="btn-slot split slot-sortdesc"></span>
2019-05-31 15:07:27 +00:00
<span class="btn-slot slot-sortasc"></span>
2017-04-27 15:40:27 +00:00
</div>
<div class="elset">
2019-06-03 10:20:24 +00:00
<span class="btn-slot split slot-btn-setfilter"></span>
<span class="btn-slot slot-btn-clear-filter"></span>
2017-04-27 15:40:27 +00:00
</div>
</div>
<div class="separator long"></div>
2021-04-27 18:21:11 +00:00
<div class="group small">
2017-04-27 15:40:27 +00:00
<div class="elset">
<span class="btn-slot" id="slot-btn-format" style="width: 100%"></span>
</div>
<div class="elset">
<span class="btn-slot split" id="slot-btn-percents"></span>
<span class="btn-slot split" id="slot-btn-currency"></span>
<span class="btn-slot split" id="slot-btn-digit-dec"></span>
<span class="btn-slot" id="slot-btn-digit-inc"></span>
</div>
</div>
<div class="separator long"></div>
2021-04-27 18:21:11 +00:00
<div class="group small">
2017-04-27 15:40:27 +00:00
<div class="elset">
2017-04-28 16:42:01 +00:00
<span class="btn-slot split" id="slot-btn-cell-ins"></span>
2017-04-27 15:40:27 +00:00
</div>
<div class="elset">
2017-04-28 16:42:01 +00:00
<span class="btn-slot split" id="slot-btn-cell-del"></span>
2017-04-27 15:40:27 +00:00
</div>
</div>
<div class="separator long"></div>
2021-04-27 18:21:11 +00:00
<div class="group small">
2017-04-27 15:40:27 +00:00
<div class="elset">
2017-08-22 12:39:38 +00:00
<span class="btn-slot split" id="slot-btn-clear"></span>
2017-04-27 15:40:27 +00:00
<span class="btn-slot split" id="slot-btn-colorschemas"></span>
</div>
<div class="elset">
2017-08-22 12:39:38 +00:00
<span class="btn-slot split" id="slot-btn-copystyle"></span>
<span class="btn-slot split" id="slot-btn-table-tpl"></span>
2017-04-27 15:40:27 +00:00
</div>
</div>
2021-04-27 18:21:11 +00:00
<div class="group small" id="slot-field-styles" style="width: 100%; min-width: 168px;"></div>
2017-04-27 15:40:27 +00:00
</section>
<section class="panel" data-tab="ins">
<div class="group">
<span class="btn-slot text x-huge slot-add-pivot"></span>
<span class="btn-slot text x-huge" id="slot-btn-instable"></span>
</div>
<div class="separator long"></div>
2017-04-27 15:40:27 +00:00
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-insimage"></span>
<span class="btn-slot text x-huge" id="slot-btn-insshape"></span>
<span class="btn-slot text x-huge" id="slot-btn-instext"></span>
2017-08-01 12:28:15 +00:00
<span class="btn-slot text x-huge" id="slot-btn-instextart"></span>
2017-04-27 15:40:27 +00:00
<span class="btn-slot text x-huge" id="slot-btn-inschart"></span>
2017-06-15 13:18:40 +00:00
</div>
<div class="separator long"></div>
<div class="group">
2017-04-27 15:40:27 +00:00
<span class="btn-slot text x-huge slot-comment"></span>
<span class="btn-slot text x-huge" id="slot-btn-inshyperlink"></span>
2017-06-15 13:18:40 +00:00
</div>
<div class="separator long"></div>
2019-09-04 14:58:43 +00:00
<div class="group">
<span class="btn-slot text x-huge slot-editheader"></span>
</div>
<div class="separator long"></div>
2017-06-15 13:18:40 +00:00
<div class="group">
2017-04-27 15:40:27 +00:00
<span class="btn-slot text x-huge" id="slot-btn-insequation"></span>
2019-11-14 08:48:58 +00:00
<span class="btn-slot text x-huge" id="slot-btn-inssymbol"></span>
2017-04-27 15:40:27 +00:00
</div>
2020-04-10 14:50:58 +00:00
<div class="separator long"></div>
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-insslicer"></span>
</div>
2017-04-27 15:40:27 +00:00
</section>
2018-06-28 09:27:11 +00:00
<section class="panel" data-tab="layout">
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-pagemargins"></span>
<span class="btn-slot text x-huge" id="slot-btn-pageorient"></span>
<span class="btn-slot text x-huge" id="slot-btn-pagesize"></span>
2018-09-04 10:18:46 +00:00
<span class="btn-slot text x-huge" id="slot-btn-printarea"></span>
2019-09-04 14:58:43 +00:00
<span class="btn-slot text x-huge slot-editheader"></span>
<span class="btn-slot text" id="slot-btn-scale"></span>
2020-03-17 12:06:40 +00:00
<span class="btn-slot text x-huge" id="slot-btn-printtitles"></span>
2018-06-28 09:27:11 +00:00
</div>
<div class="separator long"></div>
<div class="group">
<span class="btn-slot text x-huge" id="slot-img-align"></span>
<span class="btn-slot text x-huge" id="slot-img-group"></span>
<span class="btn-slot text x-huge" id="slot-img-movefrwd"></span>
<span class="btn-slot text x-huge" id="slot-img-movebkwd"></span>
</div>
</section>
2019-06-20 09:51:27 +00:00
<section class="panel" data-tab="formula">
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-additional-formula"></span>
</div>
<div class="separator long"></div>
2019-06-20 09:51:27 +00:00
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-autosum"></span>
<span class="btn-slot text x-huge" id="slot-btn-recent"></span>
<span class="btn-slot text x-huge" id="slot-btn-financial"></span>
<span class="btn-slot text x-huge" id="slot-btn-logical"></span>
<span class="btn-slot text x-huge" id="slot-btn-text"></span>
<span class="btn-slot text x-huge" id="slot-btn-datetime"></span>
<span class="btn-slot text x-huge" id="slot-btn-lookup"></span>
<span class="btn-slot text x-huge" id="slot-btn-math"></span>
<span class="btn-slot text x-huge" id="slot-btn-more"></span>
</div>
2019-08-27 12:24:10 +00:00
<div class="separator long"></div>
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-named-range-huge"></span>
</div>
<div class="separator long"></div>
2019-08-27 12:24:10 +00:00
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-calculate"></span>
</div>
2019-06-20 09:51:27 +00:00
</section>
<section class="panel" data-tab="data">
2021-04-27 18:21:11 +00:00
<div class="group small">
2019-05-31 14:48:14 +00:00
<div class="elset">
2019-10-01 11:20:52 +00:00
<span class="btn-slot split slot-btn-setfilter"></span>
<span class="btn-slot slot-sortdesc"></span>
2019-05-31 14:48:14 +00:00
</div>
<div class="elset">
2019-10-01 11:20:52 +00:00
<span class="btn-slot split slot-btn-clear-filter"></span>
<span class="btn-slot slot-sortasc"></span>
2019-05-31 14:48:14 +00:00
</div>
</div>
2021-04-27 18:21:11 +00:00
<div class="group">
2019-10-01 11:20:52 +00:00
<span class="btn-slot text x-huge" id="slot-btn-custom-sort"></span>
</div>
2019-05-31 14:48:14 +00:00
<div class="separator long"></div>
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-text-column"></span>
2020-04-07 12:48:45 +00:00
<span class="btn-slot text x-huge" id="slot-btn-rem-duplicates"></span>
2020-11-11 20:55:11 +00:00
<span class="btn-slot text x-huge" id="slot-btn-data-validation"></span>
</div>
<div class="separator long"></div>
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-group"></span>
<span class="btn-slot text x-huge" id="slot-btn-ungroup"></span>
</div>
<!--<div class="group">-->
<!--<div class="elset">-->
<!--<span class="btn-slot" id="slot-btn-show-details" style="width:auto;"></span>-->
<!--</div>-->
<!--<div class="elset">-->
<!--<span class="btn-slot" id="slot-btn-hide-details" style="width:auto;"></span>-->
<!--</div>-->
<!--</div>-->
</section>
2020-07-09 11:53:22 +00:00
<section class="panel" data-tab="view">
2020-07-10 12:42:39 +00:00
<div class="group sheet-views">
2020-07-09 11:53:22 +00:00
<span class="btn-slot text x-huge" id="slot-btn-sheet-view"></span>
</div>
2021-04-27 18:21:11 +00:00
<div class="group sheet-views small">
2020-07-09 11:53:22 +00:00
<div class="elset">
<span class="btn-slot text" id="slot-createview"></span>
</div>
<div class="elset">
<span class="btn-slot text" id="slot-closeview"></span>
</div>
</div>
2020-07-10 12:42:39 +00:00
<div class="separator long sheet-views"></div>
2021-04-27 18:21:11 +00:00
<div class="group small">
2020-07-09 11:53:22 +00:00
<div class="elset" style="display: flex;">
<span class="btn-slot" id="slot-field-zoom" style="flex-grow: 1;"></span>
</div>
<div class="elset" style="text-align: center;">
<span class="btn-slot text" id="slot-lbl-zoom" style="font-size: 11px;text-align: center;margin-top: 4px;"></span>
</div>
</div>
<div class="separator long"></div>
<div class="group">
<span class="btn-slot text x-huge" id="slot-btn-freeze"></span>
</div>
<div class="separator long"></div>
2021-04-27 18:21:11 +00:00
<div class="group small">
2020-07-09 11:53:22 +00:00
<div class="elset">
<span class="btn-slot text" id="slot-chk-formula"></span>
</div>
<div class="elset">
<span class="btn-slot text" id="slot-chk-heading"></span>
</div>
</div>
2021-04-27 18:21:11 +00:00
<div class="group small">
2020-07-09 11:53:22 +00:00
<div class="elset">
<span class="btn-slot text" id="slot-chk-gridlines"></span>
</div>
<div class="elset">
</div>
</div>
</section>
2017-04-27 15:40:27 +00:00
</section>
</section>
</section>