From b699ab73d14be7d413eb5b792d03c66d1b80341c Mon Sep 17 00:00:00 2001
From: Martin Edenhofer <me@edenhofer.de>
Date: Mon, 15 Sep 2014 14:09:02 +0200
Subject: [PATCH] Added layout references to users with role admin.

---
 .../app/controllers/layout_ref.js.coffee      | 66 +++++++++++++++++++
 .../javascripts/app/views/dashboard.jst.eco   |  2 +-
 .../app/views/layout_ref/content.jst.eco      | 52 +++++++++++++++
 .../layout_ref/content_sidebar_left.jst.eco   | 27 ++++++++
 .../layout_ref/content_sidebar_right.jst.eco  | 28 ++++++++
 ...ent_sidebar_right_sidebar_optional.jst.eco | 28 ++++++++
 .../content_sidebar_tabs_right.jst.eco        | 28 ++++++++
 .../app/views/layout_ref/index.jst.eco        | 14 ++++
 app/assets/stylesheets/zzz.css.erb            |  4 +-
 9 files changed, 246 insertions(+), 3 deletions(-)
 create mode 100644 app/assets/javascripts/app/controllers/layout_ref.js.coffee
 create mode 100644 app/assets/javascripts/app/views/layout_ref/content.jst.eco
 create mode 100644 app/assets/javascripts/app/views/layout_ref/content_sidebar_left.jst.eco
 create mode 100644 app/assets/javascripts/app/views/layout_ref/content_sidebar_right.jst.eco
 create mode 100644 app/assets/javascripts/app/views/layout_ref/content_sidebar_right_sidebar_optional.jst.eco
 create mode 100644 app/assets/javascripts/app/views/layout_ref/content_sidebar_tabs_right.jst.eco
 create mode 100644 app/assets/javascripts/app/views/layout_ref/index.jst.eco

diff --git a/app/assets/javascripts/app/controllers/layout_ref.js.coffee b/app/assets/javascripts/app/controllers/layout_ref.js.coffee
new file mode 100644
index 000000000..983bd4dc2
--- /dev/null
+++ b/app/assets/javascripts/app/controllers/layout_ref.js.coffee
@@ -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' )
diff --git a/app/assets/javascripts/app/views/dashboard.jst.eco b/app/assets/javascripts/app/views/dashboard.jst.eco
index 64c2e8c89..a65a822db 100644
--- a/app/assets/javascripts/app/views/dashboard.jst.eco
+++ b/app/assets/javascripts/app/views/dashboard.jst.eco
@@ -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>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/content.jst.eco b/app/assets/javascripts/app/views/layout_ref/content.jst.eco
new file mode 100644
index 000000000..22e6b278e
--- /dev/null
+++ b/app/assets/javascripts/app/views/layout_ref/content.jst.eco
@@ -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>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/content_sidebar_left.jst.eco b/app/assets/javascripts/app/views/layout_ref/content_sidebar_left.jst.eco
new file mode 100644
index 000000000..660666cf3
--- /dev/null
+++ b/app/assets/javascripts/app/views/layout_ref/content_sidebar_left.jst.eco
@@ -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>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/content_sidebar_right.jst.eco b/app/assets/javascripts/app/views/layout_ref/content_sidebar_right.jst.eco
new file mode 100644
index 000000000..fd8e54547
--- /dev/null
+++ b/app/assets/javascripts/app/views/layout_ref/content_sidebar_right.jst.eco
@@ -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>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/content_sidebar_right_sidebar_optional.jst.eco b/app/assets/javascripts/app/views/layout_ref/content_sidebar_right_sidebar_optional.jst.eco
new file mode 100644
index 000000000..dee892675
--- /dev/null
+++ b/app/assets/javascripts/app/views/layout_ref/content_sidebar_right_sidebar_optional.jst.eco
@@ -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>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/content_sidebar_tabs_right.jst.eco b/app/assets/javascripts/app/views/layout_ref/content_sidebar_tabs_right.jst.eco
new file mode 100644
index 000000000..5d22f2750
--- /dev/null
+++ b/app/assets/javascripts/app/views/layout_ref/content_sidebar_tabs_right.jst.eco
@@ -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>
\ No newline at end of file
diff --git a/app/assets/javascripts/app/views/layout_ref/index.jst.eco b/app/assets/javascripts/app/views/layout_ref/index.jst.eco
new file mode 100644
index 000000000..f57cccc89
--- /dev/null
+++ b/app/assets/javascripts/app/views/layout_ref/index.jst.eco
@@ -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>
\ No newline at end of file
diff --git a/app/assets/stylesheets/zzz.css.erb b/app/assets/stylesheets/zzz.css.erb
index cdee35aa9..961edebb1 100644
--- a/app/assets/stylesheets/zzz.css.erb
+++ b/app/assets/stylesheets/zzz.css.erb
@@ -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;
   }
 }
\ No newline at end of file