Provide icon rendering framework

gui/app/pods/folders/template.hbs

@@ -1,4 +1,33 @@
 {{#layout/master-sidebar selectedItem="spaces"}}
+
+	{{#unless session.isMobile}}
+		{{ui/ui-spacer size=300}}
+	{{/unless}}
+
+	<div class="section">
+		<div class="title">filter</div>
+		<div class="list">
+			<div class="item {{if (eq selectedView "all") "selected"}}" {{action 'onSelect' 'all'}}>
+				<i class={{concat "dicon " constants.Icon.All}} />
+				<div class="name">All ({{model.length}})</div>
+			</div>
+			<div class="item {{if (eq selectedView "public") "selected"}}" {{action 'onSelect' 'public'}}>
+				<i class={{concat "dicon " constants.Icon.World}} />
+				<div class="name">Public ({{publicSpaces.length}})</div>
+			</div>
+			{{#if session.authenticated}}
+				<div class="item {{if (eq selectedView "protected") "selected"}}" {{action 'onSelect' 'protected'}}>
+					<i class={{concat "dicon " constants.Icon.People}} />
+					<div class="name">Protected ({{protectedSpaces.length}})</div>
+				</div>
+				<div class="item {{if (eq selectedView "personal") "selected"}}" {{action 'onSelect' 'personal'}}>
+					<i class={{concat "dicon " constants.Icon.Person}} />
+					<div class="name">Personal ({{personalSpaces.length}})</div>
+				</div>
+			{{/if}}
+		</div>
+	</div>
+
 {{/layout/master-sidebar}}
 
 {{#layout/master-content}}
@@ -7,7 +36,7 @@
 			{{layout/page-heading title=appMeta.title}}
 			{{layout/page-desc desc=appMeta.message}}
 		</div>
-		<div class="grid-cell-2">
+		<div class="grid-cell-2 grid-cell-right">
 			{{#if (or session.isEditor session.isAdmin)}}
 				{{#ui/ui-toolbar dark=false light=true raised=true large=true bordered=true}}
 					{{#if session.isEditor}}
@@ -21,8 +50,9 @@
 		</div>
 	</div>
 
+	{{ui/ui-spacer size=400}}
 
-	{{spaces/space-list spaces=model}}
+	{{spaces/space-list spaces=selectedSpaces}}
 
 	<div class="modal" tabindex="-1" role="dialog" id="add-space-modal">
 		<div class="modal-dialog" role="document">