Began implementing spellbooks

rpg-docs/client/views/character/spells/spells.css

@@ -0,0 +1,3 @@
+#spells {
+	padding: 4px;
+}

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

@@ -0,0 +1,30 @@
+<template name="spells">
+	<div fit>
+		<div id="spells" class="scroll-y" fit>
+			<div class="containers">
+				{{#each spellLevels}}
+					<paper-shadow class="card container"  hero-id="main" {{detailHero}}>
+						<div class="containerTop green white-text" hero-id="toolbar" layout horizontal center {{detailHero}}>
+							<div class="containerName title" hero-id="title" flex {{detailHero}}>{{name}}</div>
+							{{#if attribute}}<div class="subhead">{{../attributeValue attribute}} / {{../attributeBase attribute}}</div>{{/if}}
+						</div>
+						<div flex class="containerMain">
+							{{#each spellsAtLevel}}
+								<div class="itemSlot">
+									<paper-item class="inventoryItem" hero-id="main" {{detailHero}}>
+										{{name}}
+									</paper-item>
+								</div>
+							{{/each}}
+						</div>
+					</paper-shadow>
+				{{/each}}
+				<div class="fab-buffer"></div>
+			</div>
+		</div>
+	</div>
+	<paper-fab-menu id="inventoryAddMenu" icon="add" closeIcon="close" duration="0.3">
+		<paper-fab-menu-item id="addSpell" icon="note-add" color="#d23f31" tooltip="Spell"></paper-fab-menu-item>
+		<paper-fab-menu-item id="addSpellList" icon="work" color="#d23f31" tooltip="Spell List"></paper-fab-menu-item>
+	</paper-fab-menu>
+</template>

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

@@ -0,0 +1,21 @@
+var spellLevels = [
+    { name: "Cantrips", level: 0 },
+    { name: "Level 1", level: 1, attribute: "level1SpellSlots" },
+    { name: "Level 2", level: 2, attribute: "level2SpellSlots" },
+    { name: "Level 3", level: 3, attribute: "level3SpellSlots" },
+    { name: "Level 4", level: 4, attribute: "level4SpellSlots" },
+    { name: "Level 5", level: 5, attribute: "level5SpellSlots" },
+    { name: "Level 6", level: 6, attribute: "level6SpellSlots" },
+    { name: "Level 7", level: 7, attribute: "level7SpellSlots" },
+    { name: "Level 8", level: 8, attribute: "level8SpellSlots" },
+    { name: "Level 9", level: 9, attribute: "level9SpellSlots" },
+];
+
+Template.spells.helpers({
+    spellLevels: function(){
+        return spellLevels;
+    },
+    spellsAtLevel: function(){
+        return Spells.find( {charId: Template.parentData()._id, level: this.level} )
+    }
+})