Added labels to temporary hitpoints

rpg-docs/client/views/character/stats/addTHPDialog/addTHPDialog.html

@@ -1,6 +1,7 @@
 <!-- data just needs charId -->
 <template name="addTHPDialog">
-	<div style="width: 200px; height: 100px;">
+	<div style="width: 200px; height: 150px;">
+		<paper-input id="nameInput" label="Label"></paper-input>
 		<paper-input-decorator label="Quantity" floatinglabel>
 			<input autoFocus id="quantityInput" type="number" value="10">
 		</paper-input-decorator>

rpg-docs/client/views/character/stats/addTHPDialog/addTHPDialog.js

@@ -1,12 +1,8 @@
 Template.addTHPDialog.events({
 	'tap #addButton': function(event, instance){
-		console.log({
-			charId: this.charId,
-			maximum: +instance.find('#quantityInput').value,
-			deleteOnZero: !!instance.find('#deleteWhenZeroCheckbox').checked
-		});
 		TemporaryHitPoints.insert({
 			charId: this.charId,
+			name: instance.find('#nameInput').value,
 			maximum: +instance.find('#quantityInput').value,
 			deleteOnZero: !!instance.find('#deleteWhenZeroCheckbox').checked
 		});

rpg-docs/client/views/character/stats/healthCard/healthCard.html

@@ -12,7 +12,9 @@
 						  role="slider"
 						  ></paper-slider>
 			{{#each tempHitPoints}}
-				<div layout horizontal>
+				<div>
+					{{name}}
+					<div layout horizontal>
 					<paper-slider class="tempHitPointSlider"
 							  value={{left}}
 							  max={{maximum}}
@@ -24,6 +26,7 @@
 						<paper-icon-button class="deleteTHP" icon="delete"></paper-icon-button>
 					{{/unless}}{{/unless}}
 				</div>
+			</div>
 			{{/each}}
 			<div class="caption">
 				{{#if multipliers.immunities.length}} <div>Immune:     {{#each multipliers.immunities}}  {{name}} {{/each}}</div>{{/if}}