mail/src/tpl/desktop.html

44 lines
1.7 KiB
HTML

<div class="nav-container nav-effect" ng-class="{'nav-menu-open': state.nav.open}">
<!-- main navigation -->
<nav class="nav-menu nav-effect" ng-include="'tpl/navigation.html'"></nav>
<!-- content wrapper pushed right -->
<div class="nav-pusher" ng-click="state.nav.toggle(false)">
<section class="content main-content" ng-class="{'shift-right': state.read.open}">
<!-- left column: containing list view and navigation header -->
<div class="column column-left" ng-include="'tpl/mail-list.html'"></div>
<!-- right column: containing list read view -->
<div class="column" ng-include="'tpl/read.html'"></div>
</section>
</div><!--/.nav-pusher-->
</div><!--/.nav-container-->
<!-- 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>