| 1 | <div class="pl-layout-sidebars">
|
| 2 |
|
| 3 | {{#if leftContentUsed}}
|
| 4 | <div
|
| 5 | class="
|
| 6 | pl-layout-left-container
|
| 7 | {{leftContentExpended ? 'expended' : ''}}
|
| 8 | {{leftContentCollapsedAfter ? 'collapsed-after' : ''}}
|
| 9 | {{leftNoAnimation ? 'no-animation' : ''}}
|
| 10 | "
|
| 11 | style="width: {{leftContentWidth}}px; left: {{leftContentPos}}px;"
|
| 12 | >
|
| 13 | <div class="pl-layout-left-content" style="top: {{titleAreaHeight}}px;">
|
| 14 | {{> left-content}}
|
| 15 | </div>
|
| 16 |
|
| 17 | <div class="pl-layout-left-bar-container" on-click="toggleLeftBar">
|
| 18 | <div class="pl-layout-left-bar"></div>
|
| 19 | <span>{{leftContentTitle}}</span>
|
| 20 | </div>
|
| 21 | </div>
|
| 22 | {{/if}}
|
| 23 |
|
| 24 | <div
|
| 25 | class="pl-layout-content"
|
| 26 | style="
|
| 27 | left: {{leftContentAreaWidth}}px;
|
| 28 | right: {{rightContentAreaWidth}}px;
|
| 29 | top: {{leftContentExpended ? 90 : titleAreaHeight}}px;
|
| 30 | "
|
| 31 | >
|
| 32 | {{> content}}
|
| 33 | </div>
|
| 34 |
|
| 35 | {{#if rightContentUsed}}
|
| 36 | <div
|
| 37 | class="
|
| 38 | pl-layout-right-container
|
| 39 | {{rightContentExpended ? 'expended' : ''}}
|
| 40 | {{rightContentCollapsedAfter ? 'collapsed-after' : ''}}
|
| 41 | {{rightNoAnimation ? 'no-animation' : ''}}
|
| 42 | "
|
| 43 | style="width: {{rightContentWidth}}px; right: {{rightContentPos}}px;"
|
| 44 | >
|
| 45 | <div class="pl-layout-right-content">
|
| 46 | {{> right-content}}
|
| 47 | </div>
|
| 48 |
|
| 49 | <div class="pl-layout-right-bar-container" on-click="toggleRightBar">
|
| 50 | <div class="pl-layout-right-bar"></div>
|
| 51 | <span>{{rightContentTitle}}</span>
|
| 52 | </div>
|
| 53 | </div>
|
| 54 | {{/if}}
|
| 55 |
|
| 56 | {{> extracontent}}
|
| 57 |
|
| 58 | </div>
|