2014-09-23 09:41:37 -04:00
|
|
|
<nav class="nav">
|
|
|
|
<h1>WHITEOUT.IO</h1>
|
|
|
|
<div class="nav__write">
|
|
|
|
<button class="btn" wo-touch="state.writer.write(); $event.stopPropagation()">Write</button>
|
|
|
|
</div>
|
2014-11-04 11:20:05 -05:00
|
|
|
|
2014-09-23 09:41:37 -04:00
|
|
|
<ul class="nav__folders">
|
2014-11-04 15:32:44 -05:00
|
|
|
<li ng-repeat="folder in account.folders" ng-if="folder.wellknown" ng-hide="folder.type === 'Outbox' && folder.count < 1"
|
|
|
|
class="nav__folder" ng-class="{'nav__folder--open': state.nav.currentFolder === folder}">
|
2014-11-05 06:35:38 -05:00
|
|
|
<a href="#" wo-touch="$event.preventDefault(); openFolder(folder)">
|
2014-11-04 11:20:05 -05:00
|
|
|
<svg role="presentation">
|
|
|
|
<use ng-if="folder.type === 'Inbox'" xlink:href="#icon-inbox" />
|
|
|
|
<use ng-if="folder.type === 'Sent'" xlink:href="#icon-sent" />
|
2014-11-12 15:25:36 -05:00
|
|
|
<use ng-if="folder.type === 'Outbox'" xlink:href="#icon-outbox" />
|
2014-11-04 11:20:05 -05:00
|
|
|
<use ng-if="folder.type === 'Drafts'" xlink:href="#icon-draft" />
|
2014-11-21 05:19:57 -05:00
|
|
|
<use ng-if="folder.type === 'Trash'" xlink:href="#icon-delete" />
|
2014-11-04 11:20:05 -05:00
|
|
|
<use ng-if="folder.type === 'Flagged'" xlink:href="#icon-star" />
|
|
|
|
</svg>
|
|
|
|
{{folder.type}}
|
|
|
|
<span ng-show="folder.count > 0" class="nav__counter">{{folder.count}}</span>
|
2014-09-23 09:41:37 -04:00
|
|
|
</a>
|
2014-11-04 11:20:05 -05:00
|
|
|
<!--<button class="btn-icon-very-light">
|
2014-09-23 09:41:37 -04:00
|
|
|
<svg><use xlink:href="#icon-dropdown" /><title>More</title></svg>
|
2014-11-04 11:20:05 -05:00
|
|
|
</button>-->
|
2014-09-23 09:41:37 -04:00
|
|
|
</li>
|
2014-11-04 11:20:05 -05:00
|
|
|
</ul><!--/nav__folders-->
|
|
|
|
|
2014-09-23 09:41:37 -04:00
|
|
|
<ul class="nav__folders">
|
2014-11-05 06:17:03 -05:00
|
|
|
<li ng-repeat="folder in account.folders" ng-if="!folder.wellknown"
|
2014-11-05 08:26:09 -05:00
|
|
|
class="nav__folder" ng-class="{'nav__folder--open': state.nav.currentFolder === folder}">
|
2014-11-05 06:35:38 -05:00
|
|
|
<a href="#" wo-touch="$event.preventDefault(); openFolder(folder)">
|
2014-11-04 11:20:05 -05:00
|
|
|
<svg role="presentation"><use xlink:href="#icon-folder" /></svg>
|
|
|
|
{{folder.name}}
|
|
|
|
<span ng-show="folder.count > 0" class="nav__counter">{{folder.count}}</span>
|
2014-09-23 09:41:37 -04:00
|
|
|
</a>
|
|
|
|
</li>
|
2014-11-04 11:20:05 -05:00
|
|
|
</ul><!--/nav__folders-->
|
2014-09-23 09:41:37 -04:00
|
|
|
|
|
|
|
<ul class="nav__secondary">
|
|
|
|
<li>
|
2014-11-05 06:35:38 -05:00
|
|
|
<a href="#" wo-touch="$event.preventDefault(); state.account.toggle(true)">
|
2014-09-23 09:41:37 -04:00
|
|
|
<svg role="presentation"><use xlink:href="#icon-account" /></svg> Account
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
2014-11-05 06:35:38 -05:00
|
|
|
<a href="#" wo-touch="$event.preventDefault(); state.contacts.toggle(true)">
|
2014-09-23 09:41:37 -04:00
|
|
|
<svg role="presentation"><use xlink:href="#icon-contact" /></svg> Contacts
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
2014-11-05 06:35:38 -05:00
|
|
|
<a href="#" wo-touch="$event.preventDefault(); state.privateKeyUpload.toggle(true)">
|
2014-09-23 09:41:37 -04:00
|
|
|
<svg role="presentation"><use xlink:href="#icon-key" /></svg> Key sync (experimental)
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
2014-11-05 06:35:38 -05:00
|
|
|
<a href="#" wo-touch="$event.preventDefault(); state.writer.reportBug()">
|
2014-09-23 09:41:37 -04:00
|
|
|
<svg role="presentation"><use xlink:href="#icon-bug" /></svg> Report a bug
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
2014-11-05 06:35:38 -05:00
|
|
|
<a href="#" wo-touch="$event.preventDefault(); state.about.toggle(true)">
|
2014-09-23 09:41:37 -04:00
|
|
|
<svg role="presentation"><use xlink:href="#icon-about" /></svg> About
|
|
|
|
</a>
|
|
|
|
</li>
|
2014-11-04 11:20:05 -05:00
|
|
|
<li>
|
2014-11-05 06:35:38 -05:00
|
|
|
<a href="#" wo-touch="$event.preventDefault(); logout()">
|
2014-11-12 15:25:36 -05:00
|
|
|
<svg role="presentation"><use xlink:href="#icon-logout" /></svg> Logout
|
2014-11-04 11:20:05 -05:00
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul><!--/nav__secondary-->
|
2014-09-23 09:41:37 -04:00
|
|
|
|
2014-11-26 15:12:40 -05:00
|
|
|
<footer ng-include="'tpl/status-display.html'"></footer>
|
2014-11-04 11:20:05 -05:00
|
|
|
</nav>
|