You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NotePostApp/www/pages/setup1.html

120 lines
5.5 KiB
HTML

<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<div class="page" data-name="setup1">
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a href="#" class="link icon-only back">
<i class="icon icon-back"></i>
</a>
</div>
<div class="title">Sign In</div>
</div>
</div>
<div class="page-content">
<div class="block">
<div class="card">
<div class="card-content card-content-padding">
{{#if personal}}
<p>Type your netsyms.com username and password.</p>
{{/if}}
{{#if business}}
<p>Type your netsyms.biz username, password, and business ID.</p>
{{/if}}
{{#if selfhosted}}
<p>Type your username, password, and server URL.</p>
{{/if}}
<div class="list no-hairlines">
<ul>
<li class="item-content item-input">
<div class="item-inner">
<div class="item-title item-floating-label">Username</div>
<div class="item-input-wrap">
<input type="text" id="username" placeholder="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
<span class="input-clear-button"></span>
</div>
</div>
</li>
<li class="item-content item-input">
<div class="item-inner">
<div class="item-title item-floating-label">Password</div>
<div class="item-input-wrap">
<input type="password" id="password" placeholder="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
<span class="input-clear-button"></span>
</div>
</div>
</li>
{{#if business}}
<li class="item-content item-input">
<div class="item-inner">
<div class="item-title item-floating-label">Business ID (____.netsyms.biz)</div>
<div class="item-input-wrap">
<input type="text" id="bizid" placeholder="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
<span class="input-clear-button"></span>
</div>
</div>
</li>
{{/if}}
{{#if selfhosted}}
<li class="item-content item-input">
<div class="item-inner">
<div class="item-title item-floating-label">Server Address: <span id="protocol-select">https://</span></div>
<div class="item-input-wrap">
<input type="url" id="url" placeholder="URL" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
<span class="input-clear-button"></span>
</div>
</div>
</li>
<li id="use-security-checkbox-li">
<label class="item-checkbox item-content">
<input type="checkbox" id="use-security" checked="checked" />
<i class="icon icon-checkbox"></i>
<span class="item-inner">
<span class="item-title">Use secure connection</span>
</span>
</label>
</li>
{{/if}}
</ul>
</div>
{{#if personal}}
<input type="hidden" id="accttype" value="personal" />
{{/if}}
{{#if business}}
<input type="hidden" id="accttype" value="business" />
{{/if}}
{{#if selfhosted}}
<input type="hidden" id="accttype" value="selfhosted" />
{{/if}}
{{#if nextcloud}}
<input type="hidden" id="nextcloud" value="1" />
{{else}}
<input type="hidden" id="nextcloud" value="0" />
{{/if}}
<br />
<div class="button button-fill button-raised button-round" onclick="setupAccount()">
Continue
</div>
</div>
</div>
</div>
</div>
<script src="js/setup1.js"></script>
</div>