Changed how levels are handled

2015-03-02 19:38:53 +00:00
parent 80d44ff310
commit 88dbaccfc5
14 changed files with 110 additions and 66 deletions
--- a/rpg-docs/client/views/character/features/features.html
+++ b/rpg-docs/client/views/character/features/features.html
@@ -45,7 +45,7 @@
 				<!--Proficiencies-->
 				<paper-shadow class="card container"  hero-id="main" {{detailHero "proficiencies"}}>
 					<div id="proficiencies" 
-						 class="containerTop grey white-text" 
+						 class="whiteTop" 
 						 hero-id="toolbar" 
 						 layout horizontal center 
 						 {{detailHero "proficiencies"}}>
--- a/rpg-docs/client/views/character/journal/classDialog/classDialog.html
+++ b/rpg-docs/client/views/character/journal/classDialog/classDialog.html
@@ -0,0 +1,12 @@
+<template name="classDialog">
+	{{#with class}}
+		{{#baseDialog title=name class=colorClass hideColor="true"}}
+			<!--Name-->
+			<paper-input id="classNameInput" label="Class Name" floatinglabel value={{name}}></paper-input>
+			<!--Level-->
+			<paper-input id="levelValueInput" label="Level" floatinglabel value={{level}}></paper-input>
+			<!--Effects-->
+			{{> effectsEditList sourceId=_id charId=charId type="class"}}
+		{{/baseDialog}}
+	{{/with}}
+</template>
--- a/rpg-docs/client/views/character/journal/classDialog/classDialog.js
+++ b/rpg-docs/client/views/character/journal/classDialog/classDialog.js
@@ -0,0 +1,20 @@
+Template.classDialog.events({
+	"tap #deleteButton": function(event, instance){
+		Classes.remove(instance.data.classId);
+		GlobalUI.closeDetail()
+	},
+	"change #classNameInput": function(event){
+		var value = event.currentTarget.value;
+		Classes.update(this._id, {$set: {name: value}});
+	},
+	"change #levelValueInput": function(event){
+		var value = event.currentTarget.value;
+		Classes.update(this._id, {$set: {level: value}});
+	}
+});
+
+Template.classDialog.helpers({
+	class: function(){
+		return Classes.findOne(this.classId);
+	}
+});
--- a/rpg-docs/client/views/character/journal/journal.html
+++ b/rpg-docs/client/views/character/journal/journal.html
@@ -2,10 +2,12 @@
 	<div fit>
 		<div id="journal" class="scroll-y" fit>
 			<div class="containers">
+				<!--Experience Table-->
 				<paper-shadow class="card container experiencesCard"  hero-id="main" {{detailHero}}>
-					<div class="containerTop {{colorClass}}" hero-id="toolbar" layout horizontal center {{detailHero}}>
+					<div class="whiteTop" hero-id="toolbar" layout horizontal center {{detailHero}}>
 						<div class="containerName subhead" flex>Experience</div>
 						<div class="subhead">{{experience}} XP</div>
+						<paper-icon-button class="black54" id="addXP" icon="add"></paper-icon-button>
 					</div>
 					<div class="containerMain experiences">
 						{{#each experiences}}
@@ -23,35 +25,35 @@
 						</div>
 					{{/if}}
 				</paper-shadow>
+				<!--Class Table-->
 				<paper-shadow class="card container"  hero-id="main" {{detailHero}}>
-					<div class="containerTop {{colorClass}}" hero-id="toolbar" layout horizontal center {{detailHero}}>
+					<div class="whiteTop" hero-id="toolbar" layout horizontal center {{detailHero}}>
 						<div flex>
-							<div class="containerName subhead">Levels</div>
+							<div class="containerName subhead">Level {{level}}</div>
+							{{#if nextLevelXP}}
+								<div class="caption">
+									Next Level: {{nextLevelXP}}XP
+								</div>
+							{{/if}}
 						</div>
+						<paper-icon-button class="black54" id="addClassButton" icon="add"></paper-icon-button>
 					</div>
 					<div class="containerMain experiences">
-						<div class="list-subhead" layout horizontal center>
-							Race
-						</div>
 						<div class="itemSlot">
 							<paper-item class="inventoryItem race" hero-id="main" {{detailHero "race"}} layout horizontal>
 								{{race}}
 							</paper-item>
 						</div>
 						{{#each classes}}
-							<div class="list-subhead" layout horizontal center>
-								{{name}}
+							<div class="itemSlot">
+								<paper-item class="inventoryItem class" hero-id="main" {{detailHero}} layout horizontal>
+									{{name}}&nbsp;{{level}}
+								</paper-item>
 							</div>
-							{{#each levels ../_id}}
-								<div class="itemSlot">
-									<paper-item class="inventoryItem level" hero-id="main" {{detailHero}} layout horizontal>
-										Level {{value}}
-									</paper-item>
-								</div>
-							{{/each}}
 						{{/each}}
 					</div>
 				</paper-shadow>
+				<!--Notes-->
 				{{#each notes}}
 					<paper-shadow class="card container"  hero-id="main" {{detailHero}}>
 						<div class="containerTop {{colorClass}} noteTop" hero-id="toolbar" layout horizontal center {{detailHero}}>
@@ -66,8 +68,11 @@
 			<div class="fab-buffer"></div>
 		</div>
 	</div>
-	<paper-fab-menu id="inventoryAddMenu" icon="add" closeIcon="close" duration="0.3">
-		<paper-fab-menu-item id="addNote" icon="note-add" color="#d23f31" tooltip="Note"></paper-fab-menu-item>
-		<paper-fab-menu-item id="addXP" icon="work" color="#d23f31" tooltip="Experience"></paper-fab-menu-item>
-	</paper-fab-menu>
+	<paper-fab id="addNote" 
+				   class="floatyButton" 
+				   icon="add" 
+				   title="Add" 
+				   role="button" 
+				   tabindex="0" 
+				   hero-id="main"></paper-fab>
 </template>
--- a/rpg-docs/client/views/character/journal/journal.js
+++ b/rpg-docs/client/views/character/journal/journal.js
@@ -26,6 +26,12 @@ Template.journal.helpers({
 	levels: function(charId){
 		return Levels.find({charId: charId, classId: this._id}, {sort: {value: 1}});
 	},
+	nextLevelXP: function(){
+		var currentLevel = this.level();
+		if (currentLevel < 20){
+			return xpTable[currentLevel];
+		}
+	},
 	race: function(){
 		var char = Characters.findOne(this._id, {fields: {race: 1}});
 		return char && char.race;
@@ -47,10 +53,10 @@ Template.journal.events({
 			heroId: this._id
 		});
 	},
-	"tap .level": function(event){
+	"tap .class": function(event){
 		GlobalUI.setDetail({
-			template: "levelDialog",
-			data: {levelId: this._id, charId: this.charId},
+			template: "classDialog",
+			data: {classId: this._id, charId: this.charId},
 			heroId: this._id
 		});
 	},
@@ -90,6 +96,22 @@ Template.journal.events({
 			}
 		})
 	},
+	"tap #addClassButton":function(event){
+		var charId = this._id;
+		Classes.insert({
+			charId: charId,
+			name: "new Class",
+			level: 1
+		}, function(error, id){
+			if(!error){
+				GlobalUI.setDetail({
+					template: "classDialog",
+					data: {classId: id, charId: charId},
+					heroId: id
+				});
+			}
+		})
+	},
 	"tap #moreExperiences": function(event){
 		var inst = Template.instance();
 		inst.experiencesLimit.set(inst.experiencesLimit.get() + (this.settings && this.settings.experiencesInc || 10));
--- a/rpg-docs/client/views/character/journal/levelDialog/levelDialog.html
+++ b/rpg-docs/client/views/character/journal/levelDialog/levelDialog.html
@@ -1,10 +0,0 @@
-<template name="levelDialog">
-	{{#with level}}
-		{{#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>
--- a/rpg-docs/client/views/character/journal/levelDialog/levelDialog.js
+++ b/rpg-docs/client/views/character/journal/levelDialog/levelDialog.js
@@ -1,16 +0,0 @@
-Template.levelDialog.events({
-	"tap #deleteButton": function(event, instance){
-		Levels.remove(instance.data.levelId);
-		GlobalUI.closeDetail()
-	},
-	"change #levelValueInput": function(event){
-		var value = event.currentTarget.value;
-		Levels.update(this._id, {$set: {value: value}});
-	}
-});
-
-Template.levelDialog.helpers({
-	level: function(){
-		return Levels.findOne(this.levelId);
-	}
-});