Added XP, changed spellslot display

rpg-docs/client/views/character/journal/experienceDialog/experienceDialog.css

@@ -0,0 +1,3 @@
+.noteDialog .colorDropdown {
+	top: 0;
+}

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

@@ -0,0 +1,32 @@
+<template name="experienceDialog">
+	{{#with experience}}
+		<core-header-panel fit class="experienceDialog">
+			<core-toolbar hero-id="toolbar" class={{colorClass}} hero>
+				<paper-icon-button id="backButton" role="button" tabindex="0" icon="arrow-back" aria-label="close"></paper-icon-button>
+				<div flex hero-id="title" hero>{{name}}</div>
+				<paper-icon-button id="deleteExperience" 
+								   role="button"
+								   tabindex="0"
+								   icon="delete" 
+								   aria-label="Delete Feature" 
+								   noink></paper-icon-button>
+			</core-toolbar>
+			<div class="detailContent">
+				<div horizontal layout>
+					<!--Name-->
+					<paper-input id="experienceNameInput" label="Name" floatinglabel value={{name}} flex></paper-input>
+					<!--Value-->
+					<paper-input-decorator label="Value" floatinglabel>
+						<input id="valueInput" type="number" value={{value}}>
+					</paper-input-decorator>
+				</div>
+				<!--Description-->
+				<paper-input-decorator label="Description" floatinglabel layout vertical>
+					<paper-autogrow-textarea>
+						<textarea id="experienceDescriptionInput" placeholder value={{description}}></textarea>
+					</paper-autogrow-textarea>
+				</paper-input-decorator>
+			</div>
+		</core-header-panel>
+	{{/with}}
+</template>

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

@@ -0,0 +1,49 @@
+Template.experienceDialog.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.experienceDialog.events({
+	"tap #backButton": function(){
+		GlobalUI.closeDetail();
+	},
+	"tap #deleteExperience": function(){
+		Experiences.remove(this._id);
+		GlobalUI.closeDetail();
+	},
+	//TODO clean up String -> num here so they don't need casting by Schema.clean
+	//TODO validate input (integer, non-negative, etc) for these inputs and give validation errors
+	"change #experienceNameInput, input #experienceNameInput": function(event){
+		var value = event.currentTarget.value
+		Experiences.update(this._id, {$set: {name: value}});
+	},
+	"change #valueInput": function(event){
+		var value = event.currentTarget.value
+		Experiences.update(this._id, {$set: {value: value}});
+	},
+	"change #experienceDescriptionInput": function(event){
+		var value = event.currentTarget.value
+		Experiences.update(this._id, {$set: {description: value}});
+	}
+});
+
+Template.experienceDialog.helpers({
+	experience: function(){
+		Experiences.findOne(this.experienceId);
+		return Experiences.findOne(this.experienceId);
+	}
+});