Added layout references to users with role admin.
This commit is contained in:
parent
62036c53ca
commit
b699ab73d1
9 changed files with 246 additions and 3 deletions
66
app/assets/javascripts/app/controllers/layout_ref.js.coffee
Normal file
66
app/assets/javascripts/app/controllers/layout_ref.js.coffee
Normal 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' )
|
|
@ -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>
|
52
app/assets/javascripts/app/views/layout_ref/content.jst.eco
Normal file
52
app/assets/javascripts/app/views/layout_ref/content.jst.eco
Normal 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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
14
app/assets/javascripts/app/views/layout_ref/index.jst.eco
Normal file
14
app/assets/javascripts/app/views/layout_ref/index.jst.eco
Normal 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>
|
|
@ -3345,7 +3345,7 @@ footer {
|
|||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
/*
|
||||
|
||||
----------------
|
||||
normal screens
|
||||
|
@ -3354,7 +3354,7 @@ footer {
|
|||
*/
|
||||
|
||||
@media only screen and (max-width: 1280px) {
|
||||
.activity.sidebar {
|
||||
.sidebar-optional.sidebar {
|
||||
display: none;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue