mail/src/tpl/desktop.html

37 lines
1.6 KiB
HTML

<div class="app" ng-class="{'app--show-aside': state.nav.open}">
<aside class="app__aside" ng-include="'tpl/nav.html'"></aside>
<div class="app__container" ng-click="state.nav.toggle(false)">
<header class="app__header" ng-include="'tpl/action-bar.html'"></header>
<main class="app__main">
<div class="mail-list-wrapper" ng-class="{'mail-list-wrapper--show-aside': !state.read.open}">
<aside class="mail-list-wrapper__aside" ng-include="'tpl/mail-list.html'"></aside>
<div class="mail-list-wrapper__container" ng-include="'tpl/read.html'"></div>
</div>
</main>
</div>
</div>
<!-- lightbox -->
<div class="lightbox-overlay" ng-class="{'show': state.lightbox === 'write'}">
<div class="lightbox" ng-include="'tpl/write.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.lightbox === 'account'}">
<div class="lightbox" ng-include="'tpl/account.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.lightbox === 'set-passphrase'}">
<div class="lightbox" ng-include="'tpl/set-passphrase.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.lightbox === 'privatekey-upload'}">
<div class="lightbox" ng-include="'tpl/privatekey-upload.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.lightbox === 'contacts'}">
<div class="lightbox" ng-include="'tpl/contacts.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.lightbox === 'about'}">
<div class="lightbox view-about" ng-include="'tpl/about.html'"></div>
</div>