Generalised some dialogs

rpg-docs/client/views/character/journal/levelDialog/levelDialog.html

@@ -1,32 +1,10 @@
 <template name="levelDialog">
 	{{#with level}}
-		<core-header-panel fit>
-			<core-toolbar class="grey white-text" hero-id="toolbar" hero>
-				<paper-icon-button id="backButton" role="button" tabindex="0" icon="arrow-back" aria-label="close"></paper-icon-button>
-				<div flex>{{name}}</div>
-				<paper-icon-button id="deleteLevel" 
-								   role="button"
-								   tabindex="0"
-								   icon="delete" 
-								   aria-label="Delete Level" 
-								   noink></paper-icon-button>
-			</core-toolbar>
-			<div class="detailContent">
-				<!--Level-->
-				<paper-input id="levelValueInput" label="Level" floatinglabel value={{value}}></paper-input>
-				{{#if effects}}
-					<hr style="margin: 16px 0 16px 0;">
-					<div id="effects">
-						<h2>Effects</h2>
-						{{#each effects}}
-							{{>effectEdit}}
-						{{/each}}
-					</div>
-				{{/if}}
-				<div layout horizontal end-justified>
-					<paper-button id="addEffectButton"  raised>Add Effect</paper-button>
-				</div>
-			</div>
-		</core-header-panel>
+		{{#baseDialog title=name class=colorClass hideColor="true"}}
+			<!--Level-->
+			<paper-input id="levelValueInput" label="Level" floatinglabel value={{value}}></paper-input>
+			<!--Effects-->
+			{{> effectsEditList sourceId=_id charId=charId type="level"}}
+		{{/baseDialog}}
 	{{/with}}
 </template>

rpg-docs/client/views/character/journal/levelDialog/levelDialog.js

@@ -1,38 +1,8 @@
-Template.levelDialog.rendered = function(){
-	var self = this;
-	//update all autogrows after they've been filled
-	var pata = this.$("paper-autogrow-textarea");
-	pata.each(function(index, el){
-		el.update($(el).children().get(0));
-	})
-	//update all input fields as well
-	var input = this.$("paper-input");
-	input.each(function(index, el){
-		el.valueChanged();
-	})
-	//after the dialog is built, open it
-	if (!this.alreadyRendered){
-		Session.set("global.ui.detailShow", true);
-		this.alreadyRendered = true;
-	}
-}
-
 Template.levelDialog.events({
-	"tap #backButton": function(){
+	"tap #deleteButton": function(event, instance){
+		Levels.remove(instance.data.levelId);
 		GlobalUI.closeDetail()
 	},
-	"tap #deleteLevel": function(){
-		Levels.remove(this._id);
-		GlobalUI.closeDetail()
-	},
-	"tap #addEffectButton": function(){
-		Effects.insert({
-			charId: this.charId,
-			sourceId: this._id,
-			operation: "add",
-			type: "level"
-		});
-	},
 	"change #levelValueInput": function(event){
 		var value = event.currentTarget.value;
 		Levels.update(this._id, {$set: {value: value}});
@@ -42,8 +12,5 @@ Template.levelDialog.events({
 Template.levelDialog.helpers({
 	level: function(){
 		return Levels.findOne(this.levelId);
-	},
-	effects: function(){
-		return Effects.find({sourceId: this._id, type: "level"});
 	}
 });