Added a side list for characters

rpg-docs/client/views/characterList/characterSideList.css

@@ -0,0 +1,11 @@
+.singleLineItem {
+	color: black;
+	color: rgba(0, 0, 0, 0.870588);
+	cursor: pointer;
+	font-size: 16px;
+	height: 40px;
+	overflow: hidden;
+	padding: 12px 0 12px 0;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}

rpg-docs/client/views/characterList/characterSideList.html

@@ -0,0 +1,10 @@
+<template name="characterSideList">
+	{{#if characters.count}}
+		<div class="list-subhead">Characters</div>
+		<div>
+			{{#each characters}}
+				<div class="singleLineItem">{{name}}</div>
+			{{/each}}
+		</div>
+	{{/if}}
+</template>

rpg-docs/client/views/characterList/characterSideList.js

@@ -0,0 +1,25 @@
+Template.characterSideList.onCreated(function() {
+	this.subscribe("characterList");
+});
+
+Template.characterSideList.helpers({
+	characters: function() {
+		var userId = Meteor.userId();
+		return Characters.find(
+			{
+				$or: [
+					{readers: userId},
+					{writers: userId},
+					{owner: userId},
+				]
+			},
+			{fields: {name: 1}}
+		);
+	}
+});
+
+Template.characterSideList.events({
+	"tap .singleLineItem": function(event, instance) {
+		Router.go("characterSheet", {_id: this._id});
+	}
+});

rpg-docs/client/views/layout/layout.css

@@ -1,5 +1,5 @@
 #accountSummary {
-	padding-top: 32px;
+	padding: 16px;
 	min-height: 146px;
 	background-image: url(/png/paper-dice-crown.png);
   	background-repeat: no-repeat;
@@ -11,3 +11,7 @@
 #mainContentSection {
 	display: initial !important;
 }
+
+#navPanel {
+	padding: 16px;
+}

rpg-docs/client/views/layout/layout.html

@@ -10,7 +10,9 @@
 					</div>
 				{{/if}}
 			</div>
-			<paper-item id="charactersMenuButton">Characters</paper-item>
+			<div id="navPanel">
+				{{> characterSideList}}
+			</div>
 		</core-header-panel>
 		<core-animated-pages main 
 							 navigation 

rpg-docs/server/publications/characterList.js

@@ -1,4 +1,5 @@
-Meteor.publish("characterList", function(userId){
+Meteor.publish("characterList", function(){
+	var userId = this.userId;
 	if (!userId) {
 		this.ready();
 		return;