51 lines
1.6 KiB
HTML
51 lines
1.6 KiB
HTML
<template name="layout">
|
|
|
|
<core-drawer-panel>
|
|
<core-header-panel drawer navigation flex mode="seamed" class="white">
|
|
<core-toolbar class="grey white-text">Application</core-toolbar>
|
|
<core-menu theme="core-light-theme">
|
|
<core-item icon="settings" label="item1"></core-item>
|
|
<core-item icon="settings" label="item2"></core-item>
|
|
</core-menu>
|
|
</core-header-panel>
|
|
<core-animated-pages main
|
|
navigation
|
|
detail-pages
|
|
transitions="hero-transition cross-fade"
|
|
selected={{globalDetailSelected}}>
|
|
<section id="mainContentSection">
|
|
<core-header-panel fit mode="seamed">
|
|
{{> yield}}
|
|
</core-header-panel>
|
|
<div>
|
|
<div id="fadeDummy" cross-fade></div>
|
|
</div>
|
|
</section>
|
|
<section id="detailSection">
|
|
<div id="detailScreenFiller">
|
|
<div id="screenDim" cross-fade></div>
|
|
<paper-shadow id="globalDetail" z="5" animated hero hero-id="main">
|
|
{{#if globalDetailTemplate}}
|
|
{{> UI.dynamic template=globalDetailTemplate data=globalDetailData}}
|
|
{{/if}}
|
|
</paper-shadow>
|
|
</div>
|
|
</section>
|
|
</core-animated-pages>
|
|
</core-drawer-panel>
|
|
|
|
<paper-action-dialog global-dialog backdrop
|
|
transition="core-transition-center"
|
|
class="scrolling {{#if globalDialogFullOnMobile}}full-on-mobile{{/if}}"
|
|
autoclosedisabled
|
|
heading={{globalDialogHeader}}
|
|
layered>
|
|
{{#if globalDialogTemplate}}
|
|
{{> UI.dynamic template=globalDialogTemplate data=globalDialogData}}
|
|
{{/if}}
|
|
</paper-action-dialog>
|
|
|
|
<paper-toast global-toast></paper-toast>
|
|
<core-overlay></core-overlay>
|
|
<core-overlay-layer></core-overlay-layer>
|
|
</template> |