Implemented Feature editing UI

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

@@ -1,32 +1,22 @@
 <template name="features">
-	<div class="statsFlex"><!--resources-->
-		{{#if attributeBase "rages"}}
-			{{#statCard id="rages" type="attribute" title="Rages"}}
-				{{attributeValue "rages"}}
-			{{/statCard}}
-		{{/if}}
-		{{#if canCast}}
-			{{#statCard id="spellSlots" type="attribute" title="Spell Slots"}}
-				<h1>{{> spellSlots}}</h1>
-			{{/statCard}}
-		{{/if}}
-		{{#if attributeBase "sorceryPoints"}}
-			{{#statCard id="sorceryPoints" type="attribute" title="Sorcery Points"}}
-				{{attributeValue "sorceryPoints"}}
-			{{/statCard}}
-		{{/if}}
-		{{#if attributeBase "expertiseDice"}}
-			{{#statCard id="expertiseDice" type="attribute" title="Expertise Dice"}}
-				{{attributeValue "expertiseDice"}}
-			{{/statCard}}
-		{{/if}}
-		{{#if attributeBase "superiorityDice"}}
-			{{#statCard id="superiorityDice" type="attribute" title="Superiority Dice"}}
-				{{attributeValue "superiorityDice"}}
-			{{/statCard}}
-		{{/if}}	
-	</div>
-	<div class="actionsFlex">
+	<div class="resources"><!--resources-->
 		
 	</div>
+	<div class="actions">
+		
+	</div>
+	<div class="features">
+		{{#each features}}
+			<paper-shadow class="featureCard">
+				<div class="featureCardTop">
+					<h1>{{name}}</h1>
+				</div>
+				<div class="featureCardBottom">
+					<p>{{description}}</p>
+				</div>
+				<paper-ripple fit></paper-ripple>
+			</paper-shadow>
+		{{/each}}
+	</div>
+	<paper-fab id="addFeature" icon="add" title="Add" role="button" tabindex="0" aria-label="Add"></paper-fab>
 </template>