mirror of https://github.com/lidarr/Lidarr
Settings will load with zero notifications
This commit is contained in:
parent
07073be73c
commit
f25df49068
|
@ -1,7 +0,0 @@
|
|||
<li>
|
||||
<div class="indexer-settings-item add-card x-add-card">
|
||||
<span class="center well">
|
||||
<i class="icon-plus" title="Add Newznab"/>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
|
@ -2,7 +2,15 @@
|
|||
<legend>Indexers</legend>
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<ul id="x-indexers" class="indexer-list"></ul>
|
||||
<ul id="x-indexers" class="indexer-list">
|
||||
<li>
|
||||
<div class="indexer-settings-item add-card x-add-card">
|
||||
<span class="center well">
|
||||
<i class="icon-plus" title="Add Newznab"/>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
|
@ -10,19 +10,19 @@ define(['app',
|
|||
itemViewContainer: '#x-indexers',
|
||||
template : 'Settings/Indexers/CollectionTemplate',
|
||||
|
||||
ui: {
|
||||
'addCard': '.x-add-card'
|
||||
},
|
||||
|
||||
events: {
|
||||
'click .x-add-card': '_openSchemaModal'
|
||||
},
|
||||
|
||||
onRender: function () {
|
||||
this.listenTo(this.collection, 'add', this.render);
|
||||
|
||||
this.templateFunction = Marionette.TemplateCache.get('Settings/Indexers/AddCardTemplate');
|
||||
var html = this.templateFunction();
|
||||
|
||||
this.$itemViewContainer.append(html);
|
||||
appendHtml: function(collectionView, itemView, index){
|
||||
collectionView.ui.addCard.parent('li').before(itemView.el);
|
||||
},
|
||||
|
||||
|
||||
_openSchemaModal: function () {
|
||||
var self = this;
|
||||
//TODO: Is there a better way to deal with changing URLs?
|
||||
|
|
|
@ -29,20 +29,8 @@
|
|||
}
|
||||
|
||||
&.add-card {
|
||||
.clickable;
|
||||
color: #adadad;
|
||||
font-size: 50px;
|
||||
text-align: center;
|
||||
|
||||
.center {
|
||||
display: inline-block;
|
||||
padding: 0px 20px;
|
||||
padding-top: 5px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
i {
|
||||
.clickable;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,7 +0,0 @@
|
|||
<li>
|
||||
<div class="notification-item add-card x-add-card">
|
||||
<span class="center well">
|
||||
<i class="icon-plus" title="Add Notification"/>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
|
@ -1,5 +1,13 @@
|
|||
<div class="row">
|
||||
<div class="span12">
|
||||
<ul class="notifications"></ul>
|
||||
<ul class="notifications">
|
||||
<li>
|
||||
<div class="notification-item add-card x-add-card">
|
||||
<span class="center well">
|
||||
<i class="icon-plus" title="Add Notification"/>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
|
@ -3,24 +3,24 @@ define([
|
|||
'app',
|
||||
'marionette',
|
||||
'Settings/Notifications/ItemView',
|
||||
'Settings/Notifications/SchemaModal'
|
||||
], function (App, Marionette, NotificationItemView, SchemaModal) {
|
||||
'Settings/Notifications/SchemaModal',
|
||||
'Settings/Notifications/AddCardView'
|
||||
], function (App, Marionette, NotificationItemView, SchemaModal, AddCardView) {
|
||||
return Marionette.CompositeView.extend({
|
||||
itemView : NotificationItemView,
|
||||
itemViewContainer: '.notifications',
|
||||
template : 'Settings/Notifications/CollectionTemplate',
|
||||
|
||||
ui: {
|
||||
'addCard': '.x-add-card'
|
||||
},
|
||||
|
||||
events: {
|
||||
'click .x-add-card': '_openSchemaModal'
|
||||
},
|
||||
|
||||
onRender: function () {
|
||||
this.listenTo(this.collection, 'add', this.render);
|
||||
|
||||
this.templateFunction = Marionette.TemplateCache.get('Settings/Notifications/AddCardTemplate');
|
||||
var html = this.templateFunction();
|
||||
|
||||
this.$itemViewContainer.append(html);
|
||||
appendHtml: function(collectionView, itemView, index){
|
||||
collectionView.ui.addCard.parent('li').before(itemView.el);
|
||||
},
|
||||
|
||||
_openSchemaModal: function () {
|
||||
|
|
|
@ -58,20 +58,8 @@
|
|||
}
|
||||
|
||||
&.add-card {
|
||||
.clickable;
|
||||
color: #adadad;
|
||||
font-size: 50px;
|
||||
text-align: center;
|
||||
|
||||
.center {
|
||||
display: inline-block;
|
||||
padding: 0px 20px;
|
||||
padding-top: 5px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
i {
|
||||
.clickable;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,7 +0,0 @@
|
|||
<li>
|
||||
<div class="quality-profile-item add-card x-add-card">
|
||||
<span class="center well">
|
||||
<i class="icon-plus" title="Add Profile"/>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
|
@ -2,7 +2,15 @@
|
|||
<legend>Quality Profiles</legend>
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<ul class="quality-profiles"></ul>
|
||||
<ul class="quality-profiles">
|
||||
<li>
|
||||
<div class="quality-profile-item add-card x-add-card">
|
||||
<span class="center well">
|
||||
<i class="icon-plus" title="Add Profile"/>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
|
@ -12,19 +12,19 @@ define(['app',
|
|||
itemViewContainer: '.quality-profiles',
|
||||
template : 'Settings/Quality/Profile/QualityProfileCollectionTemplate',
|
||||
|
||||
ui: {
|
||||
'addCard': '.x-add-card'
|
||||
},
|
||||
|
||||
events: {
|
||||
'click .x-add-card': '_addProfile'
|
||||
},
|
||||
|
||||
onRender: function () {
|
||||
this.listenTo(this.collection, 'add', this.render);
|
||||
|
||||
this.templateFunction = Marionette.TemplateCache.get('Settings/Quality/Profile/AddCardTemplate');
|
||||
var html = this.templateFunction();
|
||||
|
||||
this.$itemViewContainer.append(html);
|
||||
appendHtml: function(collectionView, itemView, index){
|
||||
collectionView.ui.addCard.parent('li').before(itemView.el);
|
||||
},
|
||||
|
||||
|
||||
_addProfile: function () {
|
||||
var self = this;
|
||||
var schemaCollection = new ProfileCollection();
|
||||
|
|
|
@ -29,21 +29,9 @@
|
|||
}
|
||||
|
||||
&.add-card {
|
||||
.clickable;
|
||||
color: #adadad;
|
||||
font-size: 50px;
|
||||
text-align: center;
|
||||
|
||||
.center {
|
||||
display: inline-block;
|
||||
padding: 0px 20px;
|
||||
padding-top: 5px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
i {
|
||||
.clickable;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -20,4 +20,23 @@ li.save-and-add:hover {
|
|||
text-decoration: none;
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: rgb(0, 129, 194);
|
||||
}
|
||||
|
||||
.add-card {
|
||||
.clickable;
|
||||
color: #adadad;
|
||||
font-size: 50px;
|
||||
text-align: center;
|
||||
background-color: #f5f5f5;
|
||||
|
||||
.center {
|
||||
.well;
|
||||
display: inline-block;
|
||||
padding: 5px 20px 0px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
i {
|
||||
.clickable;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue