removed title region,

started adding support for a global tool bar.
This commit is contained in:
Keivan Beigi 2013-04-23 18:55:29 -07:00
parent a8e76b3251
commit 3638d85314
12 changed files with 79 additions and 40 deletions

View File

@ -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>

View File

@ -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';

View File

@ -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>

View File

@ -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();

View File

@ -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>
</div>

View File

@ -0,0 +1,7 @@
"use strict";
define(['app', 'Shared/Toolbar/CommandModel'], function () {
NzbDrone.Shared.Toolbar.CommandCollection = Backbone.Collection.extend({
model: NzbDrone.Shared.Toolbar.CommandModel
});
});

View File

@ -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
}
});
});

View File

@ -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
}
});
});

View File

@ -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
}
});
});

View File

@ -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/>

View File

@ -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());
}
});
});

View File

@ -76,7 +76,6 @@ define('app', function () {
});
NzbDrone.addRegions({
titleRegion : '#title-region',
mainRegion : '#main-region',
notificationRegion: '#notification-region'
});