mail/src/tpl/desktop.html

39 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.writer.open}">
<div class="lightbox lightbox-effect" ng-include="'tpl/write.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.account.open}">
<div class="lightbox lightbox-effect" ng-include="'tpl/account.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.setPassphrase.open}">
<div class="lightbox lightbox-effect" ng-include="'tpl/set-passphrase.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.contacts.open}">
<div class="lightbox lightbox-effect" ng-include="'tpl/contacts.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.about.open}">
<div class="lightbox lightbox-effect view-about" ng-include="'tpl/about.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.dialog.open}">
<div class="lightbox lightbox-effect dialog view-dialog" ng-include="'tpl/dialog.html'"></div>
</div>