choose icon for empty state control

gui/app/components/empty-state.js

@@ -0,0 +1,30 @@
+// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
+//
+// This software (Documize Community Edition) is licensed under
+// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
+//
+// You can operate outside the AGPL restrictions by purchasing
+// Documize Enterprise Edition and obtaining a commercial license
+// by contacting <sales@documize.com>.
+//
+// https://documize.com
+
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+	icon: 'visibility',
+	glypth: '',
+
+	didReceiveAttrs() {
+		this._super(...arguments);
+
+		switch (this.get('icon')) {
+			case 'visibility':
+				this.set('glypth', 'remove_red_eye');
+				break;
+			case 'direct':
+				this.set('glypth', 'directions');
+				break;
+		}
+	}
+});

gui/app/templates/components/empty-state.hbs

@@ -1,4 +1,4 @@
 <div class="empty-state">
-	<i class="material-icons">directions</i>
+	<i class="material-icons">{{glypth}}</i>
 	<p>{{message}}</p>
 </div>

gui/app/templates/components/folder/documents-list.hbs

@@ -25,9 +25,9 @@
 {{/if}}
 
 {{#if showAdd}}
-	{{empty-state message="You can create new documents via the green + button"}}
+	{{empty-state icon="direct" message="You can create new documents via the green + button"}}
 {{/if}}
 
 {{#if showLockout}}
-	{{empty-state message="It looks like space permissions are preventing you from viewing and creating documents"}}
+	{{empty-state icon="visibility" message="It looks like space permissions are preventing you from viewing and creating documents"}}
 {{/if}}