From 6515f397fe583fc36c46f28d500766b409456fa8 Mon Sep 17 00:00:00 2001
From: Thaum <stefanzermatten@gmail.com>
Date: Wed, 25 Mar 2015 12:54:22 +0000
Subject: [PATCH] Added dialog to choose temporary hitpoints

---
 .../splitStackDialog/splitStackDialog.html     |  2 +-
 .../stats/addTHPDialog/addTHPDialog.html       | 13 +++++++++++++
 .../stats/addTHPDialog/addTHPDialog.js         | 15 +++++++++++++++
 .../character/stats/healthCard/healthCard.css  |  1 +
 .../character/stats/healthCard/healthCard.html | 18 ++++++++++++------
 .../character/stats/healthCard/healthCard.js   | 15 ++++++++++-----
 rpg-docs/client/views/layout/layout.html       |  1 -
 7 files changed, 52 insertions(+), 13 deletions(-)
 create mode 100644 rpg-docs/client/views/character/stats/addTHPDialog/addTHPDialog.html
 create mode 100644 rpg-docs/client/views/character/stats/addTHPDialog/addTHPDialog.js

diff --git a/rpg-docs/client/views/character/inventory/splitStackDialog/splitStackDialog.html b/rpg-docs/client/views/character/inventory/splitStackDialog/splitStackDialog.html
index 114d91af..e640fa6a 100644
--- a/rpg-docs/client/views/character/inventory/splitStackDialog/splitStackDialog.html
+++ b/rpg-docs/client/views/character/inventory/splitStackDialog/splitStackDialog.html
@@ -2,7 +2,7 @@
 <template name="splitStackDialog">
 	<div style="width: 300px; height: 110px;">
 		<paper-input-decorator label="Quantity" floatinglabel>
-			<input id="quantityInput" type="number" value={{quantity}}>
+			<input autoFocus id="quantityInput" type="number" value={{quantity}}>
 		</paper-input-decorator>
 		<paper-button id="oneButton">  One  </paper-button>
 		<paper-button id="halfButton"> Half </paper-button>
diff --git a/rpg-docs/client/views/character/stats/addTHPDialog/addTHPDialog.html b/rpg-docs/client/views/character/stats/addTHPDialog/addTHPDialog.html
new file mode 100644
index 00000000..1719339a
--- /dev/null
+++ b/rpg-docs/client/views/character/stats/addTHPDialog/addTHPDialog.html
@@ -0,0 +1,13 @@
+<!-- data just needs charId -->
+<template name="addTHPDialog">
+	<div style="width: 200px; height: 100px;">
+		<paper-input-decorator label="Quantity" floatinglabel>
+			<input autoFocus id="quantityInput" type="number" value="10">
+		</paper-input-decorator>
+		<div layout horizontal justify-center>
+			Delete when zero <paper-checkbox id="deleteWhenZeroCheckbox" checked style="margin-left: 8px;"></paper-checkbox>
+		</div>
+	</div>
+	<paper-button id="cancelButton" affirmative> Cancel </paper-button>
+	<paper-button id="addButton"    affirmative> Add    </paper-button>
+</template>
diff --git a/rpg-docs/client/views/character/stats/addTHPDialog/addTHPDialog.js b/rpg-docs/client/views/character/stats/addTHPDialog/addTHPDialog.js
new file mode 100644
index 00000000..ceee3ac7
--- /dev/null
+++ b/rpg-docs/client/views/character/stats/addTHPDialog/addTHPDialog.js
@@ -0,0 +1,15 @@
+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,
+			maximum: +instance.find('#quantityInput').value,
+			deleteOnZero: !!instance.find('#deleteWhenZeroCheckbox').checked
+		});
+	}
+});
+
diff --git a/rpg-docs/client/views/character/stats/healthCard/healthCard.css b/rpg-docs/client/views/character/stats/healthCard/healthCard.css
index b1664340..a170d09e 100644
--- a/rpg-docs/client/views/character/stats/healthCard/healthCard.css
+++ b/rpg-docs/client/views/character/stats/healthCard/healthCard.css
@@ -1,5 +1,6 @@
 .healthCard paper-slider{
 	width: 100%;
+	margin-right: 8px;
 }
 
 /*Slider knob color*/
diff --git a/rpg-docs/client/views/character/stats/healthCard/healthCard.html b/rpg-docs/client/views/character/stats/healthCard/healthCard.html
index 90943fc0..c404f81c 100644
--- a/rpg-docs/client/views/character/stats/healthCard/healthCard.html
+++ b/rpg-docs/client/views/character/stats/healthCard/healthCard.html
@@ -12,12 +12,18 @@
 						  role="slider"
 						  ></paper-slider>
 			{{#each tempHitPoints}}
-				<paper-slider class="tempHitPointSlider"
-						  value={{left}}
-						  max={{maximum}} 
-						  editable pin
-						  role="slider"
-						  ></paper-slider>
+				<div layout horizontal>
+					<paper-slider class="tempHitPointSlider"
+							  value={{left}}
+							  max={{maximum}}
+							  editable pin
+							  role="slider"
+							  flex
+							  ></paper-slider>
+					{{#unless left}}{{#unless deleteOnZero}}
+						<paper-icon-button class="deleteTHP" icon="delete"></paper-icon-button>
+					{{/unless}}{{/unless}}
+				</div>
 			{{/each}}
 			<div class="caption">
 				{{#if multipliers.immunities.length}} <div>Immune:     {{#each multipliers.immunities}}  {{name}} {{/each}}</div>{{/if}}
diff --git a/rpg-docs/client/views/character/stats/healthCard/healthCard.js b/rpg-docs/client/views/character/stats/healthCard/healthCard.js
index 730279c4..ee9ccf96 100644
--- a/rpg-docs/client/views/character/stats/healthCard/healthCard.js
+++ b/rpg-docs/client/views/character/stats/healthCard/healthCard.js
@@ -18,10 +18,10 @@ Template.healthCard.helpers({
 		else return "radio-button-off";
 	},
 	failDisabled: function(num){
-		return !(num === this.fail || num - 1 === this.fail)
+		return !(num === this.fail || num - 1 === this.fail);
 	},
 	passDisabled: function(num){
-		return !(num === this.pass || num - 1 === this.pass)
+		return !(num === this.pass || num - 1 === this.pass);
 	},
 	dead: function(){
 		return this.fail >= 3;
@@ -50,7 +50,7 @@ Template.healthCard.helpers({
 			"weaknesses": multipliers["2"] || []
 		};
 	}
-})
+});
 
 Template.healthCard.events({
 	"change #hitPointSlider": function(event){
@@ -63,9 +63,14 @@ Template.healthCard.events({
 		var used = this.maximum - value;
 		TemporaryHitPoints.update(this._id, {$set: {"used": used}});
 	},
+	"tap .deleteTHP": function(event){
+		TemporaryHitPoints.remove(this._id);
+	},
 	"tap #addTempHP": function(event){
-		var max = prompt("Add temporary hitpoints", "10");
-		TemporaryHitPoints.insert({charId: this._id, maximum: max, used: 0});
+		GlobalUI.showDialog({
+				template: "addTHPDialog",
+				data: {charId: this._id}
+			});
 	},
 	"tap .failBubble": function(event){
 		if(event.currentTarget.disabled) return;
diff --git a/rpg-docs/client/views/layout/layout.html b/rpg-docs/client/views/layout/layout.html
index e29264da..6850c6e4 100644
--- a/rpg-docs/client/views/layout/layout.html
+++ b/rpg-docs/client/views/layout/layout.html
@@ -70,7 +70,6 @@
 	<paper-action-dialog global-dialog backdrop
 						 transition="core-transition-center"
 						 class="scrolling {{#if globalDialogFullOnMobile}}full-on-mobile{{/if}}"
-						 autoclosedisabled
 						 heading={{globalDialogHeader}}
 						 layered>
 		{{#if globalDialogTemplate}}