Quality Profile add card

pull/4/head
Mark McDowall 11 years ago
parent d7c70a9c91
commit 4f1b27a523

@ -10,34 +10,21 @@ define([
itemViewContainer: '.notifications',
template : 'Settings/Notifications/CollectionTemplate',
ui: {
'addCard': '.x-add-card'
},
events: {
'click .x-add': '_openSchemaModal',
'click .x-add-card': '_openSchemaModal'
},
onBeforeItemAdded: function () {
this.ui.addCard.remove();
},
onAfterItemAdded: function () {
this._appendAddCard();
},
_openSchemaModal: function () {
SchemaModal.open(this.collection);
},
_appendAddCard: function () {
this.$itemViewContainer.find('.x-add-card').remove();
this.templateFunction = Marionette.TemplateCache.get('Settings/Notifications/AddCardTemplate');
var html = this.templateFunction();
this.$itemViewContainer.append(html);
},
_openSchemaModal: function () {
SchemaModal.open(this.collection);
}
});
});

@ -56,22 +56,22 @@
.settings {
margin-top: 5px;
}
}
.add-card {
.clickable;
color: #adadad;
font-size: 50px;
text-align: center;
&.add-card {
.clickable;
color: #adadad;
font-size: 50px;
text-align: center;
.center {
display: inline-block;
padding: 0px 20px;
padding-top: 5px;
margin-top: 15px;
}
.center {
display: inline-block;
padding: 0px 20px;
padding-top: 5px;
margin-top: 15px;
}
i {
.clickable;
i {
.clickable;
}
}
}

@ -0,0 +1,7 @@
<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>

@ -1,10 +1,5 @@
<fieldset>
<legend>Quality Profiles</legend>
<div class="row">
<div class="span12">
<button class="btn btn-success x-add">Add Profile</button>
</div>
</div>
<div class="row">
<div class="span12">
<ul class="quality-profiles"></ul>

@ -13,7 +13,16 @@ define(['app',
template : 'Settings/Quality/Profile/QualityProfileCollectionTemplate',
events: {
'click .x-add': '_addProfile'
'click .x-add-card': '_addProfile'
},
onAfterItemAdded: function () {
this.$itemViewContainer.find('.x-add-card').remove();
this.templateFunction = Marionette.TemplateCache.get('Settings/Quality/Profile/AddCardTemplate');
var html = this.templateFunction();
this.$itemViewContainer.append(html);
},
_addProfile: function () {

@ -27,6 +27,24 @@
.btn-group {
margin-top: 8px;
}
&.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;
}
}
}
.quality-size-item {

Loading…
Cancel
Save