<!-- Root view --> <div id="settings-root-view"> <div class="navbar"> <div class="navbar-inner"> <div class="center sliding"><%= scope.textSettings %></div> <div class="right"><% if (phone) { %><a href="#" class="link close-popup"><%= scope.textDone %></a><% } %></div> </div> </div> <div class="pages"> <div class="page" data-page="settings-root-view"> <div class="page-content"> <div class="list-block"> <ul> <% if (phone) { %> <li> <a id="settings-search" class="item-link no-indicator"> <div class="item-content"> <div class="item-media"> <i class="icon icon-search"></i> </div> <div class="item-inner"> <div class="item-title"><%= scope.textFind %></div> </div> </div> </a> </li> <% } %> <% if(width < 360) {%> <li> <div id="settings-collaboration" class="item-content" style="display: none;"> <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> <% } %> <li> <a id="settings-spreadsheet" class="item-link"> <div class="item-content"> <div class="item-media"> <i class="icon icon-table-settings"></i> </div> <div class="item-inner"> <div class="item-title"><%= scope.textSpreadsheetSettings %></div> </div> </div> </a> </li> <li> <a id="settings-application" class="item-link"> <div class="item-content"> <div class="item-media"> <i class="icon icon-app-settings"></i> </div> <div class="item-inner"> <div class="item-title"><%= scope.textApplicationSettings %></div> </div> </div> </a> </li> <li> <a id="settings-download" class="item-link"> <div class="item-content"> <div class="item-media"> <i class="icon icon-download"></i> </div> <div class="item-inner"> <div class="item-title"><%= scope.textDownload %></div> </div> </div> </a> </li> <li> <a id="settings-print" class="item-link no-indicator"> <div class="item-content"> <div class="item-media"> <i class="icon icon-print"></i> </div> <div class="item-inner"> <div class="item-title"><%= scope.textPrint %></div> </div> </div> </a> </li> <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"> <div class="item-title"><%= scope.textDocInfo %></div> </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"> <div class="item-title"><%= scope.textHelp %></div> </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"> <div class="item-title"><%= scope.textAbout %></div> </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"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %> </a> </div> <div class="center sliding"><%= scope.textDocInfo %></div> </div> </div> <div class="pages"> <div class="page" data-page="settings-info-view"> <div class="page-content"> <div class="content-block-title display-spreadsheet-title"><%= scope.textDocTitle %></div> <div class="list-block display-spreadsheet-title"> <ul> <li class="item-content"> <div class="item-inner"> <div id="settings-spreadsheet-title" class="item-title"><%= scope.textLoading %></div> </div> </li> </ul> </div> <div class="content-block-title display-owner"><%= scope.textOwner %></div> <div class="list-block display-owner"> <ul> <li class="item-content"> <div class="item-inner"> <div id="settings-sse-owner" class="item-title"><%= scope.textLoading %></div> </div> </li> </ul> </div> <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-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-subject"><%= scope.textSubject %></div> <div class="list-block display-subject"> <ul> <li class="item-content"> <div class="item-inner"> <div id="settings-sse-subject" 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> </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"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %> </a> </div> <div class="center sliding"><%= scope.textDownload %></div> </div> </div> <div class="pages"> <div class="page formats" data-page="settings-download-view"> <div class="page-content"> <div class="content-block-title"><%= scope.textDownloadAs %></div> <div class="list-block"> <ul> <li> <a data-format="<%= saveas.xlsx %>" class="item-link no-indicator"> <div class="item-content"> <div class="item-media"> <i class="icon icon-format-xlsx"></i> </div> <div class="item-inner"> <div class="item-title">XLSX</div> </div> </div> </a> </li> <li> <a data-format="<%= saveas.pdf %>" class="item-link no-indicator"> <div class="item-content"> <div class="item-media"> <i class="icon icon-format-pdf"></i> </div> <div class="item-inner"> <div class="item-title">PDF</div> </div> </div> </a> </li> <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> <li> <a data-format="<%= saveas.ods %>" class="item-link no-indicator"> <div class="item-content"> <div class="item-media"> <i class="icon icon-format-ods"></i> </div> <div class="item-inner"> <div class="item-title">ODS</div> </div> </div> </a> </li> <li> <a data-format="<%= saveas.csv %>" class="item-link no-indicator"> <div class="item-content"> <div class="item-media"> <i class="icon icon-format-csv"></i> </div> <div class="item-inner"> <div class="item-title">CSV</div> </div> </div> </a> </li> <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> </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"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %> </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"> <i class="icon icon-back"></i><% if (!android) { %><span><%= scope.textBack %></span><% } %> </a> </div> <div class="center sliding"><%= scope.textAbout %></div> </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> <div id="settings-about-logo" style="margin-top: 20px;display: none;"></div> </div> <div class="content-block"> <h3>SPREADSHEET EDITOR</h3> <h3><%= scope.textVersion %> <%= prodversion %></h3> </div> <div class="content-block"> <h3 id="settings-about-name" class="vendor"><%= publishername %></h3> <p><label><%= scope.textAddress %>:</label><a id="settings-about-address" class="external" href="#"><%= publisheraddr %></a></p> <p><label><%= scope.textEmail %>:</label><a id="settings-about-email" class="external" target="_blank" href="mailto:<%= supportemail %>"><%= supportemail %></a></p> <p><label><%= scope.textTel %>:</label><a id="settings-about-tel" class="external" target="_blank" href="tel:<%= phonenum %>"><%= phonenum %></a></p> <p><a id="settings-about-url" class="external" target="_blank" href="<%= publisherurl %>"><%= printed_url %></a></p> <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;"></div> <p><label><%= scope.textPoweredBy %></label></p> <h3 class="vendor"><%= publishername %></h3> <p><a class="external" target="_blank" href="<%= publisherurl %>"><%= printed_url %></a></p> </div> </div> </div> </div> </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> </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> <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> <div class="content-block-title display-view"><%= scope.textCommentingDisplay %></div> <div class="list-block display-view"> <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> <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> </div> </div> </div> </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"> <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> <div class="content-block-title"><%= scope.textFormat %></div> <div class="list-block"> <ul> <li class="media-item"> <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> <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> <div class="list-block"> <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> </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> </div> <!-- 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> <!-- 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> </div>