Made hero attribute reactive and iterated inventory UI

rpg-docs/client/views/character/features/features.html

@@ -9,8 +9,8 @@
 			</div>
 			<div class="features">
 				{{#each features}}
-				<paper-shadow class="featureCard" hero-id="main" animated>
-					<div hero-id="toolbar"></div>
+				<paper-shadow class="featureCard" hero-id="main" {{detailHero}} animated>
+					<div hero-id="toolbar" {{detailHero}}></div>
 					<div class="featureCardTop">
 						<h2>{{name}}</h2>
 					</div>

rpg-docs/client/views/character/features/features.js

@@ -11,7 +11,7 @@ Template.features.events({
 		GlobalUI.setDetail({
 			template: "featureDialog",
 			data:     {featureId: featureId, charId: this._id},
-			hero:     $(event.currentTarget)
+			heroId:   featureId
 		})
 	},
 	"tap .featureCard": function(event){
@@ -20,7 +20,7 @@ Template.features.events({
 		GlobalUI.setDetail({
 			template: "featureDialog",
 			data:     {featureId: featureId, charId: charId},
-			hero:     $(event.currentTarget)
+			heroId:   featureId
 		});
 	}
 });