From 3638d85314b2045545ace876b8050918487bc7d0 Mon Sep 17 00:00:00 2001
From: Keivan Beigi <kay.one@gmail.com>
Date: Tue, 23 Apr 2013 18:55:29 -0700
Subject: [PATCH] removed title region,

started adding support for a global tool bar.
---
 .../inspectionProfiles/Project_Default.xml     |  1 +
 UI/Controller.js                               |  2 +-
 UI/Index.html                                  |  3 ---
 UI/Series/Index/SeriesIndexLayout.js           | 15 ++++++++++++++-
 UI/Series/Index/SeriesIndexLayoutTemplate.html | 17 ++++++++++++-----
 UI/Shared/Toolbar/CommandCollection.js         |  7 +++++++
 UI/Shared/Toolbar/CommandModel.js              | 17 +++++++++++++++++
 UI/Shared/Toolbar/ToolbarCollection.js         | 12 ------------
 UI/Shared/Toolbar/ToolbarModel.js              | 12 ------------
 UI/Shared/Toolbar/ToolbarTemplate.html         | 18 ++++++++++++++++++
 UI/Shared/Toolbar/ToolbarView.js               | 14 +++++++++-----
 UI/app.js                                      |  1 -
 12 files changed, 79 insertions(+), 40 deletions(-)
 create mode 100644 UI/Shared/Toolbar/CommandCollection.js
 create mode 100644 UI/Shared/Toolbar/CommandModel.js
 delete mode 100644 UI/Shared/Toolbar/ToolbarCollection.js
 delete mode 100644 UI/Shared/Toolbar/ToolbarModel.js
 create mode 100644 UI/Shared/Toolbar/ToolbarTemplate.html

diff --git a/UI/.idea/inspectionProfiles/Project_Default.xml b/UI/.idea/inspectionProfiles/Project_Default.xml
index 0524d009e..1a7a1b98f 100644
--- a/UI/.idea/inspectionProfiles/Project_Default.xml
+++ b/UI/.idea/inspectionProfiles/Project_Default.xml
@@ -27,6 +27,7 @@
       <option name="m_maxLength" value="32" />
     </inspection_tool>
     <inspection_tool class="HtmlFormInputWithoutLabel" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="HtmlPresentationalElement" enabled="true" level="WEAK WARNING" enabled_by_default="true" />
     <inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
       <option name="myValues">
         <value>
diff --git a/UI/Controller.js b/UI/Controller.js
index d8f84d8ee..24003eb1f 100644
--- a/UI/Controller.js
+++ b/UI/Controller.js
@@ -72,7 +72,7 @@ define(['app', 'Shared/ModalRegion', 'AddSeries/AddSeriesLayout',
             },
 
             _setTitle: function (title) {
-                $('#title-region').html(title);
+                //$('#title-region').html(title);
 
                 if (title.toLocaleLowerCase() === 'nzbdrone') {
                     window.document.title = 'NzbDrone';
diff --git a/UI/Index.html b/UI/Index.html
index ecc28bc62..e1b551f34 100644
--- a/UI/Index.html
+++ b/UI/Index.html
@@ -69,9 +69,6 @@
     <div class="page-container">
         <div class="container">
             <div class="row">
-                <div class="span12 header">
-                    <h4 id="title-region">NZBDRONE</h4>
-                </div>
                 <div class="span12" id="notification-region"/>
             </div>
             <div class="span12" id="main-region"></div>
diff --git a/UI/Series/Index/SeriesIndexLayout.js b/UI/Series/Index/SeriesIndexLayout.js
index 6f6e8a9de..486ca545e 100644
--- a/UI/Series/Index/SeriesIndexLayout.js
+++ b/UI/Series/Index/SeriesIndexLayout.js
@@ -2,18 +2,22 @@
 define([
     'app',
     'Series/Index/List/CollectionView',
+    'Config'
     'Series/Index/Posters/CollectionView',
     'Series/Index/EmptyView',
     'Config',
     'Series/Index/Table/AirDateCell',
     'Series/Index/Table/SeriesStatusCell'
+    'Shared/Toolbar/ToolbarView',
+    'Config'
 ],
     function () {
         NzbDrone.Series.Index.SeriesIndexLayout = Backbone.Marionette.Layout.extend({
             template: 'Series/Index/SeriesIndexLayoutTemplate',
 
             regions: {
-                series: '#x-series'
+                series : '#x-series',
+                toolbar: '#x-toolbar'
             },
 
             ui: {
@@ -175,6 +179,15 @@ define([
             },
 
             onShow: function () {
+
+                var commands = new NzbDrone.Shared.Toolbar.CommandCollection();
+
+                commands.add(new NzbDrone.Shared.Toolbar.CommandModel({title: "Add Series", icon: "icon-plus"}));
+                commands.add(new NzbDrone.Shared.Toolbar.CommandModel({title: "RSS Sync", icon: "icon-rss"}));
+                commands.add(new NzbDrone.Shared.Toolbar.CommandModel({title: "Sync Database", icon: "icon-refresh"}));
+
+                this.toolbar.show(new NzbDrone.Shared.Toolbar.ToolbarView({collection: commands}));
+
                 switch (this.viewStyle) {
                     case 1:
                         this.showList();
diff --git a/UI/Series/Index/SeriesIndexLayoutTemplate.html b/UI/Series/Index/SeriesIndexLayoutTemplate.html
index 4fb81b4ed..1911ff456 100644
--- a/UI/Series/Index/SeriesIndexLayoutTemplate.html
+++ b/UI/Series/Index/SeriesIndexLayoutTemplate.html
@@ -1,6 +1,12 @@
-<div class="row">
-    <div class="span10"></div>
-    <div class="span2">
+<!--<div class="row series-toolbar">
+    <div class="span12">
+        <div class="pull-left">
+            <div class="btn-group">
+                <button class="btn">Left</button>
+                <button class="btn">Middle</button>
+                <button class="btn">Right</button>
+            </div>
+        </div>
         <div class="pull-right">
             <div class="btn-toolbar">
                 <div class="btn-group">
@@ -11,9 +17,10 @@
             </div>
         </div>
     </div>
-</div>
+</div>-->
+<div id="x-toolbar"></div>
 <div class="row">
     <div class="span12">
         <div id="x-series"></div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/UI/Shared/Toolbar/CommandCollection.js b/UI/Shared/Toolbar/CommandCollection.js
new file mode 100644
index 000000000..be18e4d37
--- /dev/null
+++ b/UI/Shared/Toolbar/CommandCollection.js
@@ -0,0 +1,7 @@
+"use strict";
+define(['app', 'Shared/Toolbar/CommandModel'], function () {
+    NzbDrone.Shared.Toolbar.CommandCollection = Backbone.Collection.extend({
+        model: NzbDrone.Shared.Toolbar.CommandModel
+    });
+});
+
diff --git a/UI/Shared/Toolbar/CommandModel.js b/UI/Shared/Toolbar/CommandModel.js
new file mode 100644
index 000000000..726e6e769
--- /dev/null
+++ b/UI/Shared/Toolbar/CommandModel.js
@@ -0,0 +1,17 @@
+"use strict";
+define(['app'], function () {
+
+    NzbDrone.Shared.Toolbar.CommandTypes =
+    {
+        RouteTrigger: 'RouteTrigger'
+    };
+
+    NzbDrone.Shared.Toolbar.CommandModel = Backbone.Model.extend({
+        defaults: {
+            'target'   : '/nzbdrone/route',
+            'title'    : 'Title Goes Here',
+            'alignment': 'left',
+            'tooltip'  : undefined
+        }
+    });
+});
diff --git a/UI/Shared/Toolbar/ToolbarCollection.js b/UI/Shared/Toolbar/ToolbarCollection.js
deleted file mode 100644
index f2e12c59f..000000000
--- a/UI/Shared/Toolbar/ToolbarCollection.js
+++ /dev/null
@@ -1,12 +0,0 @@
-"use strict";
-define(['app'], function () {
-
-    NzbDrone.Shared.Toolbar.ToolbarModel = Backbone.Model.extend({
-
-        defaults: {
-            "route"  : '/nzbdrone/route',
-            "title"  : 'Title Goes Here',
-            "tooltip": undefined
-        }
-    });
-});
\ No newline at end of file
diff --git a/UI/Shared/Toolbar/ToolbarModel.js b/UI/Shared/Toolbar/ToolbarModel.js
deleted file mode 100644
index f2e12c59f..000000000
--- a/UI/Shared/Toolbar/ToolbarModel.js
+++ /dev/null
@@ -1,12 +0,0 @@
-"use strict";
-define(['app'], function () {
-
-    NzbDrone.Shared.Toolbar.ToolbarModel = Backbone.Model.extend({
-
-        defaults: {
-            "route"  : '/nzbdrone/route',
-            "title"  : 'Title Goes Here',
-            "tooltip": undefined
-        }
-    });
-});
\ No newline at end of file
diff --git a/UI/Shared/Toolbar/ToolbarTemplate.html b/UI/Shared/Toolbar/ToolbarTemplate.html
new file mode 100644
index 000000000..856f5d4b5
--- /dev/null
+++ b/UI/Shared/Toolbar/ToolbarTemplate.html
@@ -0,0 +1,18 @@
+        <div class="btn-group">
+            {{#commands}}
+            <a class="btn" href="{{target}}" data-target="0">
+                <i class="{{icon}}"/>
+                {{title}}
+            </a>
+            {{/commands}}
+        </div>
+        <div class="pull-right">
+            <div class="btn-group">
+                <a class="btn  x-series-change-view x-series-show-table" href="#" title="Table" data-target="0"><i class="icon-table"></i></a>
+                <a class="btn  x-series-change-view x-series-show-list" href="#" title="List" data-target="1"><i class="icon-list"></i></a>
+            </div>
+        </div>
+
+                <!--replace this with padding-->
+                <br/>
+                <br/>
diff --git a/UI/Shared/Toolbar/ToolbarView.js b/UI/Shared/Toolbar/ToolbarView.js
index 4b198dbd7..892ff3e94 100644
--- a/UI/Shared/Toolbar/ToolbarView.js
+++ b/UI/Shared/Toolbar/ToolbarView.js
@@ -1,14 +1,18 @@
 "use strict";
-define(['app'], function () {
+define(['app', 'Shared/Toolbar/CommandCollection'], function () {
 
     NzbDrone.Shared.Toolbar.ToolbarView = Backbone.Marionette.ItemView.extend({
-        template: 'Template',
+        template: 'Shared/Toolbar/ToolbarTemplate',
 
-        events: {
+        initialize: function () {
+            if (!this.collection) {
+                throw 'CommandCollection needs to be provided';
+            }
+
+            this.model = new Backbone.Model();
+            this.model.set('commands', this.collection.toJSON());
 
         }
-
-
     });
 });
 
diff --git a/UI/app.js b/UI/app.js
index b491f41aa..263416f5a 100644
--- a/UI/app.js
+++ b/UI/app.js
@@ -76,7 +76,6 @@ define('app', function () {
     });
 
     NzbDrone.addRegions({
-        titleRegion       : '#title-region',
         mainRegion        : '#main-region',
         notificationRegion: '#notification-region'
     });