Added layout references to users with role admin.

This commit is contained in:
Martin Edenhofer 2014-09-15 14:09:02 +02:00
parent 62036c53ca
commit b699ab73d1
9 changed files with 246 additions and 3 deletions

View file

@ -0,0 +1,66 @@
class Index extends App.ControllerContent
constructor: ->
super
@render()
render: ->
@html App.view('layout_ref/index')()
App.Config.set( 'layout_ref', Index, 'Routes' )
class Content extends App.ControllerContent
constructor: ->
super
@render()
render: ->
@html App.view('layout_ref/content')()
App.Config.set( 'layout_ref/content', Content, 'Routes' )
class ContentSidebarRight extends App.ControllerContent
constructor: ->
super
@render()
render: ->
@html App.view('layout_ref/content_sidebar_right')()
App.Config.set( 'layout_ref/content_sidebar_right', ContentSidebarRight, 'Routes' )
class ContentSidebarRightSidebarOptional extends App.ControllerContent
constructor: ->
super
@render()
render: ->
@html App.view('layout_ref/content_sidebar_right_sidebar_optional')()
App.Config.set( 'layout_ref/content_sidebar_right_sidebar_optional', ContentSidebarRightSidebarOptional, 'Routes' )
class ContentSidebarTabsRight extends App.ControllerContent
constructor: ->
super
@render()
render: ->
@html App.view('layout_ref/content_sidebar_tabs_right')()
App.Config.set( 'layout_ref/content_sidebar_tabs_right', ContentSidebarTabsRight, 'Routes' )
class ContentSidebarLeft extends App.ControllerContent
constructor: ->
super
@render()
render: ->
@html App.view('layout_ref/content_sidebar_left')()
App.Config.set( 'layout_ref/content_sidebar_left', ContentSidebarLeft, 'Routes' )
App.Config.set( 'LayoutRef', { prio: 1700, parent: '#current_user', name: 'Layout Reference', target: '#layout_ref', role: [ 'Admin' ] }, 'NavBarRight' )

View file

@ -119,6 +119,6 @@
<div class="main-overviews" id="sortable">
</div>
</div>
<div class="activity sidebar">
<div class="sidebar-optional sidebar">
<div class="side-overviews" id="sortable-sidebar"></div>
</div>

View file

@ -0,0 +1,52 @@
<div class="main flex">
<h1>Normal Content<h1>
<hr>
<h2>Headlines</h2>
<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>
<hr>
<h2>Paragraph</h2>
<p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
</p>
<p>
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
</p>
<p>
Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
</p>
<hr>
<h2>Unorderd list</h2>
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
</ul>
<hr>
<h2>Ordered list</h2>
<ol>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
</ol>
</div>

View file

@ -0,0 +1,27 @@
<div class="sidebar">
<h2>sidebar left</h2>
<p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
</p>
</div>
<div class="main flex">
<h1>content</h1>
<p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
</p>
<p>
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
</p>
<p>
Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
</p>
</div>

View file

@ -0,0 +1,28 @@
<div class="main flex">
<h1>content</h1>
<p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
</p>
<p>
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
</p>
<p>
Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
</p>
</div>
<div class="sidebar">
<h2>sidebar right</h2>
<p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
</p>
</div>

View file

@ -0,0 +1,28 @@
<div class="main flex">
<h1>content</h1>
<p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
</p>
<p>
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
</p>
<p>
Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
</p>
</div>
<div class="sidebar sidebar-optional">
<h2>sidebar right</h2>
<p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
</p>
</div>

View file

@ -0,0 +1,28 @@
<div class="main flex">
<h1>content</h1>
<p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
</p>
<p>
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
</p>
<p>
Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
</p>
</div>
<div class="sidebar">
<h2>sidebar tabs right</h2>
<p>
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
</p>
</div>

View file

@ -0,0 +1,14 @@
<div class="main flex">
<h1>Layout Reference</h1>
<ul>
<li>Content <a href="#layout_ref/content">Example</a></li>
<li>Content + Sidebar Right <a href="#layout_ref/content_sidebar_right">Example</a></li>
<li>Content + Sidebar Right not shown if screen resulution is lower then 1280px <a href="#layout_ref/content_sidebar_right_sidebar_optional">Example</a></li>
<li>Content + Sidebar Left <a href="#layout_ref/content_sidebar_left">Example</a></li>
<li>Content + Sidebar Tabs Right <a href="#layout_ref/content_sidebar_tabs_right">Example</a></li>
</ul>
</div>

View file

@ -3354,7 +3354,7 @@ footer {
*/
@media only screen and (max-width: 1280px) {
.activity.sidebar {
.sidebar-optional.sidebar {
display: none;
}
}