2016-11-18 16:21:25 +00:00
|
|
|
<!-- Root view -->
|
|
|
|
<div id="settings-root-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="center sliding"><%= scope.textSettings %></div>
|
|
|
|
<div class="right"><% if (phone) { %><a href="#" class="link close-popup"><%= scope.textDone %></a><% } %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pages">
|
|
|
|
<div class="page" data-page="settings-root-view">
|
|
|
|
<div class="page-content">
|
|
|
|
<div class="list-block">
|
|
|
|
<ul>
|
2016-12-05 13:22:52 +00:00
|
|
|
<% if (phone) { %>
|
2016-11-18 16:21:25 +00:00
|
|
|
<li>
|
2016-12-05 13:22:52 +00:00
|
|
|
<a id="settings-search" class="item-link no-indicator">
|
2016-11-18 16:21:25 +00:00
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
2016-12-05 13:22:52 +00:00
|
|
|
<i class="icon icon-search"></i>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="item-title"><%= scope.textFind %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
2016-12-05 13:22:52 +00:00
|
|
|
<% } %>
|
2019-06-04 13:45:56 +00:00
|
|
|
<% if(phone) {%>
|
|
|
|
<li>
|
2019-06-07 07:29:43 +00:00
|
|
|
<div id="settings-collaboration" class="item-content" style="display: none;">
|
2019-06-04 13:45:56 +00:00
|
|
|
<div class="item-media">
|
|
|
|
<i class="icon icon-collaboration"></i>
|
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textCollaboration %></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<% } %>
|
2016-11-18 16:21:25 +00:00
|
|
|
<li>
|
2019-04-17 10:50:50 +00:00
|
|
|
<a id="settings-spreadsheet" class="item-link">
|
2016-11-18 16:21:25 +00:00
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
2019-06-25 12:23:24 +00:00
|
|
|
<i class="icon icon-table-settings"></i>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
2019-04-17 10:50:50 +00:00
|
|
|
<div class="item-title"><%= scope.textSpreadsheetSettings %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
2019-02-13 12:21:31 +00:00
|
|
|
<li>
|
2019-04-17 10:50:50 +00:00
|
|
|
<a id="settings-application" class="item-link">
|
2019-02-13 12:21:31 +00:00
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
2019-06-25 12:23:24 +00:00
|
|
|
<i class="icon icon-app-settings"></i>
|
2019-02-13 12:21:31 +00:00
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
2019-04-17 10:50:50 +00:00
|
|
|
<div class="item-title"><%= scope.textApplicationSettings %></div>
|
2019-02-13 12:21:31 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
2019-04-17 07:34:01 +00:00
|
|
|
<li>
|
2019-04-17 10:50:50 +00:00
|
|
|
<a id="settings-download" class="item-link">
|
2019-04-17 07:34:01 +00:00
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
2019-04-17 10:50:50 +00:00
|
|
|
<i class="icon icon-download"></i>
|
2019-04-17 07:34:01 +00:00
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
2019-04-17 10:50:50 +00:00
|
|
|
<div class="item-title"><%= scope.textDownload %></div>
|
2019-04-17 07:34:01 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
2019-04-12 11:33:14 +00:00
|
|
|
<li>
|
2019-04-17 10:50:50 +00:00
|
|
|
<a id="settings-print" class="item-link no-indicator">
|
2019-04-12 11:33:14 +00:00
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
|
|
|
<i class="icon icon-print"></i>
|
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
2019-04-17 10:50:50 +00:00
|
|
|
<div class="item-title"><%= scope.textPrint %></div>
|
2019-04-12 11:33:14 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
2016-11-18 16:21:25 +00:00
|
|
|
<li>
|
|
|
|
<a id="settings-document-info" class="item-link">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
|
|
|
<i class="icon icon-info"></i>
|
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="item-title"><%= scope.textDocInfo %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<!--<li>-->
|
|
|
|
<!--<a id="settings-history" class="item-link">-->
|
|
|
|
<!--<div class="item-content">-->
|
|
|
|
<!--<div class="item-media">-->
|
|
|
|
<!--<i class="icon icon-versions"></i>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--<div class="item-inner">-->
|
|
|
|
<!--<div class="item-title">Document History</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</a>-->
|
|
|
|
<!--</li>-->
|
|
|
|
<li>
|
|
|
|
<a id="settings-help" class="item-link">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
|
|
|
<i class="icon icon-help"></i>
|
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="item-title"><%= scope.textHelp %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a id="settings-about" class="item-link">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
|
|
|
<i class="icon icon-about"></i>
|
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="item-title"><%= scope.textAbout %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Document Info view -->
|
|
|
|
<div id="settings-info-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
|
|
|
<div class="left sliding">
|
|
|
|
<a href="#" class="back link">
|
2016-12-05 13:22:52 +00:00
|
|
|
<i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %>
|
2016-11-18 16:21:25 +00:00
|
|
|
</a>
|
|
|
|
</div>
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="center sliding"><%= scope.textDocInfo %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pages">
|
|
|
|
<div class="page" data-page="settings-info-view">
|
|
|
|
<div class="page-content">
|
2019-07-23 11:40:18 +00:00
|
|
|
<div class="content-block-title display-spreadsheet-title"><%= scope.textDocTitle %></div>
|
|
|
|
<div class="list-block display-spreadsheet-title">
|
2016-11-18 16:21:25 +00:00
|
|
|
<ul>
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
2019-07-23 11:40:18 +00:00
|
|
|
<div id="settings-spreadsheet-title" class="item-title"><%= scope.textLoading %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2019-07-23 11:40:18 +00:00
|
|
|
<div class="content-block-title display-owner"><%= scope.textOwner %></div>
|
|
|
|
<div class="list-block display-owner">
|
2016-11-18 16:21:25 +00:00
|
|
|
<ul>
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
2019-07-23 11:40:18 +00:00
|
|
|
<div id="settings-sse-owner" class="item-title"><%= scope.textLoading %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2019-07-23 11:40:18 +00:00
|
|
|
<div class="content-block-title display-location"><%= scope.textLocation %></div>
|
|
|
|
<div class="list-block display-location">
|
|
|
|
<ul>
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div id="settings-sse-location" class="item-title"><%= scope.textLoading %></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="content-block-title display-uploaded"><%= scope.textUploaded %></div>
|
|
|
|
<div class="list-block display-uploaded">
|
|
|
|
<ul>
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div id="settings-sse-uploaded" class="item-title"><%= scope.textLoading %></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="content-block-title display-subject"><%= scope.textSubject %></div>
|
|
|
|
<div class="list-block display-subject">
|
2016-11-18 16:21:25 +00:00
|
|
|
<ul>
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
2019-07-23 11:40:18 +00:00
|
|
|
<div id="settings-sse-subject" class="item-title"><%= scope.textLoading %></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="content-block-title display-title"><%= scope.textTitle %></div>
|
|
|
|
<div class="list-block display-title">
|
|
|
|
<ul>
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div id="settings-sse-title" class="item-title"><%= scope.textLoading %></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="content-block-title display-comment"><%= scope.textComment %></div>
|
|
|
|
<div class="list-block display-comment">
|
|
|
|
<ul>
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div id="settings-sse-comment" class="item-title"><%= scope.textLoading %></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="content-block-title display-last-mode"><%= scope.textLastModified %></div>
|
|
|
|
<div class="list-block display-last-mode">
|
|
|
|
<ul>
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div id="settings-sse-last-mod" class="item-title"><%= scope.textLoading %></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="content-block-title display-mode-by"><%= scope.textLastModifiedBy %></div>
|
|
|
|
<div class="list-block display-mode-by">
|
|
|
|
<ul>
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div id="settings-sse-mod-by" class="item-title"><%= scope.textLoading %></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="content-block-title display-created-date"><%= scope.textCreated %></div>
|
|
|
|
<div class="list-block display-created-date">
|
|
|
|
<ul>
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div id="settings-sse-date" class="item-title"><%= scope.textLoading %></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="content-block-title display-application"><%= scope.textApplication %></div>
|
|
|
|
<div class="list-block display-application">
|
|
|
|
<ul>
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div id="settings-sse-application" class="item-title"><%= scope.textLoading %></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="content-block-title display-author"><%= scope.textAuthor %></div>
|
|
|
|
<div class="list-block display-author">
|
|
|
|
<ul id="list-creator">
|
|
|
|
<li class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div id="settings-sse-author" class="item-title"><%= scope.textLoading %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Download view -->
|
|
|
|
<div id="settings-download-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
|
|
|
<div class="left sliding">
|
|
|
|
<a href="#" class="back link">
|
2016-12-05 13:22:52 +00:00
|
|
|
<i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %>
|
2016-11-18 16:21:25 +00:00
|
|
|
</a>
|
|
|
|
</div>
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="center sliding"><%= scope.textDownload %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pages">
|
|
|
|
<div class="page formats" data-page="settings-download-view">
|
|
|
|
<div class="page-content">
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="content-block-title"><%= scope.textDownloadAs %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
<div class="list-block">
|
|
|
|
<ul>
|
|
|
|
<li>
|
2016-12-05 13:22:52 +00:00
|
|
|
<a data-format="<%= saveas.xlsx %>" class="item-link no-indicator">
|
2016-11-18 16:21:25 +00:00
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
2016-12-05 13:22:52 +00:00
|
|
|
<i class="icon icon-format-xlsx"></i>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="item-title">XLSX</div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
2016-12-05 13:22:52 +00:00
|
|
|
<a data-format="<%= saveas.pdf %>" class="item-link no-indicator">
|
2016-11-18 16:21:25 +00:00
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
2016-12-05 13:22:52 +00:00
|
|
|
<i class="icon icon-format-pdf"></i>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title">PDF</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
2019-02-14 08:38:09 +00:00
|
|
|
<li>
|
|
|
|
<a data-format="<%= saveas.pdfa %>" class="item-link no-indicator">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
|
|
|
<i class="icon icon-format-pdfa"></i>
|
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title">PDF/A</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
2016-11-18 16:21:25 +00:00
|
|
|
<li>
|
2016-12-05 13:22:52 +00:00
|
|
|
<a data-format="<%= saveas.ods %>" class="item-link no-indicator">
|
2016-11-18 16:21:25 +00:00
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
2016-12-05 13:22:52 +00:00
|
|
|
<i class="icon icon-format-ods"></i>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="item-title">ODS</div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
2016-12-05 13:22:52 +00:00
|
|
|
<a data-format="<%= saveas.csv %>" class="item-link no-indicator">
|
2016-11-18 16:21:25 +00:00
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
2017-08-01 09:49:15 +00:00
|
|
|
<i class="icon icon-format-csv"></i>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="item-title">CSV</div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
2019-02-22 11:24:01 +00:00
|
|
|
<li>
|
|
|
|
<a data-format="<%= saveas.xltx %>" class="item-link no-indicator">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
|
|
|
<i class="icon icon-format-xltx"></i>
|
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title">XLTX</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a data-format="<%= saveas.ots %>" class="item-link no-indicator">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-media">
|
|
|
|
<i class="icon icon-format-ots"></i>
|
|
|
|
</div>
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title">OTS</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
2016-11-18 16:21:25 +00:00
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- History view -->
|
|
|
|
<div id="settings-history-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
|
|
|
<div class="left sliding">
|
|
|
|
<a href="#" class="back link">
|
2016-12-05 13:22:52 +00:00
|
|
|
<i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %>
|
2016-11-18 16:21:25 +00:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="center sliding">Version History</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pages">
|
|
|
|
<div class="page" data-page="settings-history-view">
|
|
|
|
<div class="page-content">
|
|
|
|
<div class="content-block-title">Saved versions</div>
|
|
|
|
<div class="content-block inset">
|
|
|
|
<div class="content-block-inner">
|
|
|
|
<p>Under construction</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- About view -->
|
|
|
|
<div id="settings-about-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
|
|
|
<div class="left sliding">
|
|
|
|
<a href="#" class="back link">
|
2016-12-05 13:22:52 +00:00
|
|
|
<i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %>
|
2016-11-18 16:21:25 +00:00
|
|
|
</a>
|
|
|
|
</div>
|
2016-12-05 13:22:52 +00:00
|
|
|
<div class="center sliding"><%= scope.textAbout %></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pages">
|
|
|
|
<div class="page about" data-page="settings-about-view">
|
|
|
|
<div class="page-content">
|
|
|
|
<div class="content-block">
|
|
|
|
<div class="logo" style="display: inline-block; width: 100%; height: 55px;"></div>
|
2017-06-14 10:57:02 +00:00
|
|
|
<div id="settings-about-logo" style="margin-top: 20px;display: none;"></div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
<div class="content-block">
|
2016-12-19 07:30:50 +00:00
|
|
|
<h3>SPREADSHEET EDITOR</h3>
|
2017-01-25 16:30:08 +00:00
|
|
|
<h3><%= scope.textVersion %> {{PRODUCT_VERSION}}</h3>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
<div class="content-block">
|
2019-02-28 13:14:41 +00:00
|
|
|
<h3 id="settings-about-name" class="vendor">{{PUBLISHER_NAME}}</h3>
|
|
|
|
<p><label><%= scope.textAddress %>:</label><a id="settings-about-address" class="external" href="#">{{PUBLISHER_ADDRESS}}</a></p>
|
|
|
|
<p><label><%= scope.textEmail %>:</label><a id="settings-about-email" class="external" target="_blank" href="mailto:{{SUPPORT_EMAIL}}">{{SUPPORT_EMAIL}}</a></p>
|
|
|
|
<p><label><%= scope.textTel %>:</label><a id="settings-about-tel" class="external" target="_blank" href="tel:{{PUBLISHER_PHONE}}">{{PUBLISHER_PHONE}}</a></p>
|
|
|
|
<p><a id="settings-about-url" class="external" target="_blank" href="{{PUBLISHER_URL}}"><% print(/^(?:https?:\/{2})?(\S+)/.exec('{{PUBLISHER_URL}}')[1]); %></a></p>
|
2017-06-14 10:57:02 +00:00
|
|
|
<p><label id="settings-about-info" style="display: none;"></label></p>
|
|
|
|
</div>
|
|
|
|
<div class="content-block" id="settings-about-licensor" style="display: none;">
|
|
|
|
<div class="content-block-inner" style="padding-top:0; padding-bottom: 1px;"/>
|
|
|
|
<p><label><%= scope.textPoweredBy %></label></p>
|
2019-02-28 13:14:41 +00:00
|
|
|
<h3 class="vendor">{{PUBLISHER_NAME}}</h3>
|
|
|
|
<p><a class="external" target="_blank" href="{{PUBLISHER_URL}}"><% print(/^(?:https?:\/{2})?(\S+)/.exec('{{PUBLISHER_URL}}')[1]); %></a></p>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-04-12 11:33:14 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Application settings -->
|
|
|
|
<div id="settings-application-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
|
|
|
<div class="left sliding">
|
|
|
|
<a href="#" class="back link">
|
|
|
|
<i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="center sliding"><%= scope.textApplicationSettings %></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pages">
|
|
|
|
<div class="page" data-page="settings-application-view">
|
|
|
|
<div class="page-content">
|
|
|
|
<div class="content-block-title"><%= scope.textUnitOfMeasurement %></div>
|
|
|
|
<div class="list-block">
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
|
|
<label class="label-radio item-content">
|
|
|
|
<input type="radio" name="unit-of-measurement" value="0">
|
|
|
|
<% if (android) { %><div class="item-media"><i class="icon icon-form-radio"></i></div><% } %>
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textCentimeter %></div>
|
|
|
|
</div>
|
|
|
|
</label>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label class="label-radio item-content">
|
|
|
|
<input type="radio" name="unit-of-measurement" value="1">
|
|
|
|
<% if (android) { %><div class="item-media"><i class="icon icon-form-radio"></i></div><% } %>
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textPoint %></div>
|
|
|
|
</div>
|
|
|
|
</label>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label class="label-radio item-content">
|
|
|
|
<input type="radio" name="unit-of-measurement" value="2">
|
|
|
|
<% if (android) { %><div class="item-media"><i class="icon icon-form-radio"></i></div><% } %>
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textInch %></div>
|
|
|
|
</div>
|
|
|
|
</label>
|
|
|
|
</li>
|
|
|
|
</ul>
|
2019-06-11 10:22:34 +00:00
|
|
|
</div>
|
|
|
|
<div class="content-block-title"><%= scope.textFormulaLanguage %></div>
|
|
|
|
<div class="list-block">
|
|
|
|
<ul>
|
|
|
|
<li class="media-item">
|
|
|
|
<a id="language-formula" class="item-link item-content" data-page="#language-formula-view">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title-row">
|
|
|
|
<div class="item-title"><%= scope.textCustom %></div>
|
|
|
|
</div>
|
|
|
|
<div class="item-subtitle"><%= scope.textExample + ": "%><span class="item-example"><%= scope.textCustomSize %></span></div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2019-06-21 12:26:39 +00:00
|
|
|
<div class="content-block-title"><%= scope.textRegionalSettings %></div>
|
|
|
|
<div class="list-block">
|
|
|
|
<ul>
|
|
|
|
<li class="media-item">
|
|
|
|
<a id="regional-settings" class="item-link item-content" data-page="#regional-settings-view">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title-row">
|
|
|
|
<div class="item-title"><%= scope.textCustom %></div>
|
|
|
|
</div>
|
|
|
|
<div class="item-subtitle"><%= scope.textExample + ": "%><span class="item-example"><%= scope.textCustomSize %></span></div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2019-07-19 12:57:57 +00:00
|
|
|
<div class="content-block-title display-view"><%= scope.textCommentingDisplay %></div>
|
|
|
|
<div class="list-block display-view">
|
2019-07-18 14:32:15 +00:00
|
|
|
<ul>
|
|
|
|
<div id="settings-display-comments" class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textDisplayComments %></div>
|
|
|
|
<div class="item-after">
|
|
|
|
<label class="label-switch">
|
|
|
|
<input type="checkbox">
|
|
|
|
<div class="checkbox"></div>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="settings-display-resolved" class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textDisplayResolvedComments %></div>
|
|
|
|
<div class="item-after">
|
|
|
|
<label class="label-switch">
|
|
|
|
<input type="checkbox">
|
|
|
|
<div class="checkbox"></div>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2019-07-19 12:57:57 +00:00
|
|
|
<div class="list-block display-view">
|
|
|
|
<ul>
|
|
|
|
<li id="r1-c1-style">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textR1C1Style %></div>
|
|
|
|
<div class="item-after">
|
|
|
|
<label class="label-switch">
|
|
|
|
<input type="checkbox">
|
|
|
|
<div class="checkbox"></div>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2019-04-12 11:33:14 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-04-17 07:34:01 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="settings-spreadsheet-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
|
|
|
<div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
|
|
|
<div class="center sliding"><%= scope.textSpreadsheetSettings %></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="page" id="page-settings-spreadsheet-view" data-page="settings-spreadsheet-view">
|
|
|
|
<div class="page-content">
|
2019-04-22 11:12:16 +00:00
|
|
|
<div class="content-block-title"><%= scope.textOrientation %></div>
|
|
|
|
<div class="list-block">
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
|
|
<label class="label-radio item-content">
|
|
|
|
<input type="radio" name="table-orientation" value="0">
|
|
|
|
<% if (android) { %><div class="item-media"><i class="icon icon-form-radio"></i></div><% } %>
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textPortrait %></div>
|
|
|
|
</div>
|
|
|
|
</label>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<label class="label-radio item-content">
|
|
|
|
<input type="radio" name="table-orientation" value="1">
|
|
|
|
<% if (android) { %><div class="item-media"><i class="icon icon-form-radio"></i></div><% } %>
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textLandscape %></div>
|
|
|
|
</div>
|
|
|
|
</label>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2019-04-24 09:09:54 +00:00
|
|
|
<div class="content-block-title"><%= scope.textFormat %></div>
|
2019-05-28 10:46:21 +00:00
|
|
|
<div class="list-block">
|
2019-04-24 09:09:54 +00:00
|
|
|
<ul>
|
2019-05-28 10:46:21 +00:00
|
|
|
<li class="media-item">
|
2019-04-24 09:09:54 +00:00
|
|
|
<a id="settings-spreadsheet-format" class="item-link item-content" data-page="#settings-page-size-view">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title-row">
|
|
|
|
<div class="item-title"><%= scope.textCustom %></div>
|
|
|
|
</div>
|
|
|
|
<div class="item-subtitle"><%= scope.textCustomSize %></div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a id="margin-settings" class="item-link item-content" data-page="#margins-view">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title-row">
|
|
|
|
<div class="item-title"><%= scope.textMargins %></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2019-04-18 13:52:05 +00:00
|
|
|
<div class="list-block">
|
|
|
|
<ul>
|
|
|
|
<li id="hide-headings">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textHideHeadings %></div>
|
|
|
|
<div class="item-after">
|
|
|
|
<label class="label-switch">
|
|
|
|
<input type="checkbox">
|
|
|
|
<div class="checkbox"></div>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li id="hide-gridlines">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textHideGridlines %></div>
|
|
|
|
<div class="item-after">
|
|
|
|
<label class="label-switch">
|
|
|
|
<input type="checkbox">
|
|
|
|
<div class="checkbox"></div>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2019-05-28 10:46:21 +00:00
|
|
|
<div class="list-block">
|
2019-04-17 07:34:01 +00:00
|
|
|
<ul>
|
|
|
|
<li>
|
|
|
|
<a id="color-schemes" class="item-link item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title-row">
|
|
|
|
<div class="item-title"><%= scope.textColorSchemes %></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Color schemes view -->
|
|
|
|
<div id="color-schemes-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
|
|
|
<div class="left sliding"><a href="#" class="back link"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
|
|
|
<div class="center sliding"><%= scope.textColorSchemes %></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pages">
|
|
|
|
<div class="page" data-page="color-schemes-view">
|
|
|
|
<div class="page-content">
|
|
|
|
<div id="color-schemes-content" class="list-block">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-04-24 09:09:54 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Spreadsheet Page Size view -->
|
|
|
|
<div id="settings-page-size-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
|
|
|
<div class="left sliding"><a href="#" class="back link"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
|
|
|
<div class="center sliding"><%= scope.textSpreadsheetFormats %></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pages">
|
|
|
|
<div class="page" data-page="settings-page-size-view">
|
|
|
|
<div class="page-content">
|
|
|
|
<div class="list-block media-list">
|
|
|
|
<ul></ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Margin settings view -->
|
|
|
|
<div id="margins-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
|
|
|
<div class="left sliding"><a href="#" class="back link"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
|
|
|
<div class="center sliding"><%= scope.textMargins %></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pages">
|
|
|
|
<div class="page" data-page="margins-view">
|
|
|
|
<div class="page-content">
|
|
|
|
<div class="list-block">
|
|
|
|
<ul>
|
|
|
|
<li id="spreadsheet-margin-top">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textTop %></div>
|
|
|
|
<div class="item-after splitter">
|
|
|
|
<% if (!android) { %><label></label><% } %>
|
|
|
|
<p class="buttons-row">
|
|
|
|
<span class="button decrement"><% if (android) { %><i class="icon icon-expand-down"></i><% } else { %>-<% } %></span>
|
|
|
|
<% if (android) { %><label></label><% } %>
|
|
|
|
<span class="button increment"><% if (android) { %><i class="icon icon-expand-up"></i><% } else { %>+<% } %></span>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li id="spreadsheet-margin-bottom">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textBottom %></div>
|
|
|
|
<div class="item-after splitter">
|
|
|
|
<% if (!android) { %><label></label><% } %>
|
|
|
|
<p class="buttons-row">
|
|
|
|
<span class="button decrement"><% if (android) { %><i class="icon icon-expand-down"></i><% } else { %>-<% } %></span>
|
|
|
|
<% if (android) { %><label></label><% } %>
|
|
|
|
<span class="button increment"><% if (android) { %><i class="icon icon-expand-up"></i><% } else { %>+<% } %></span>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li id="spreadsheet-margin-left">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textLeft %></div>
|
|
|
|
<div class="item-after splitter">
|
|
|
|
<% if (!android) { %><label></label><% } %>
|
|
|
|
<p class="buttons-row">
|
|
|
|
<span class="button decrement"><% if (android) { %><i class="icon icon-expand-down"></i><% } else { %>-<% } %></span>
|
|
|
|
<% if (android) { %><label></label><% } %>
|
|
|
|
<span class="button increment"><% if (android) { %><i class="icon icon-expand-up"></i><% } else { %>+<% } %></span>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li id="spreadsheet-margin-right">
|
|
|
|
<div class="item-content">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title"><%= scope.textRight %></div>
|
|
|
|
<div class="item-after splitter">
|
|
|
|
<% if (!android) { %><label></label><% } %>
|
|
|
|
<p class="buttons-row">
|
|
|
|
<span class="button decrement"><% if (android) { %><i class="icon icon-expand-down"></i><% } else { %>-<% } %></span>
|
|
|
|
<% if (android) { %><label></label><% } %>
|
|
|
|
<span class="button increment"><% if (android) { %><i class="icon icon-expand-up"></i><% } else { %>+<% } %></span>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-06-11 10:22:34 +00:00
|
|
|
</div>
|
|
|
|
|
2019-06-21 12:26:39 +00:00
|
|
|
<!-- Regional Settings View --->
|
|
|
|
<div id="regional-settings-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
|
|
|
<div class="left sliding"><a href="#" class="back link"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
|
|
|
<div class="center sliding"><%= scope.textRegionalSettings %></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pages">
|
|
|
|
<div class="page" data-page="regional-settings-view">
|
|
|
|
<div class="page-content">
|
|
|
|
<div class="list-block">
|
|
|
|
<ul>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2019-06-11 10:22:34 +00:00
|
|
|
<!-- Language Formula View --->
|
|
|
|
<div id="language-formula-view">
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar-inner">
|
|
|
|
<div class="left sliding"><a href="#" class="back link"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %></a></div>
|
|
|
|
<div class="center sliding"><%= scope.textFormulaLanguage %></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pages">
|
|
|
|
<div class="page" data-page="language-formula-view">
|
|
|
|
<div class="page-content">
|
|
|
|
<div class="list-block media-list">
|
|
|
|
<ul>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-11-18 16:21:25 +00:00
|
|
|
</div>
|