|
|
|
<!-- 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="settings">
|
|
|
|
|
|
|
|
<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">Settings</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="page-content">
|
|
|
|
<div class="list media-list no-hairlines tablet-inset" style="margin-top: 0;">
|
|
|
|
<ul>
|
|
|
|
{{#each settings}}
|
|
|
|
<li>
|
|
|
|
{{#if toggle}}
|
|
|
|
<div class="item-content" data-setting="{{setting}}">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div style="display: flex; justify-content: between;">
|
|
|
|
<div class="item-title">
|
|
|
|
{{title}}
|
|
|
|
</div>
|
|
|
|
<div class="item-after" onclick="{{onclick}}">
|
|
|
|
<label class="toggle toggle-init">
|
|
|
|
<input type="checkbox" {{#if checked}}checked{{/if}}>
|
|
|
|
<span class="toggle-icon"></span>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item-text">{{text}}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{else}}
|
|
|
|
<div class="item-content" data-setting="{{setting}}" onclick="{{onclick}}">
|
|
|
|
<div class="item-inner">
|
|
|
|
<div class="item-title-row">
|
|
|
|
<div class="item-title">{{title}}</div>
|
|
|
|
</div>
|
|
|
|
<div class="item-text">{{text}}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{/if}}
|
|
|
|
</li>
|
|
|
|
{{/each}}
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script src="assets/js/settings.js"></script>
|
|
|
|
|
|
|
|
</div>
|