Beginnings of the empty app list

mattttt · mattttt · commit 1e2dba366950 · 2016-01-13T17:47:36.000-05:00
diff --git a/public/app/features/apps/partials/list.html b/public/app/features/apps/partials/list.html
@@ -8,8 +8,12 @@
   <div class="page-wide" ng-init="ctrl.init()">
     <h2>Apps</h2>
 
-		<div ng-if="!ctrl.apps">
-			<em>No apps defined</em>
+<!--	<div ng-if="!ctrl.apps">-->
+		<div class="filter-list-empty-message">
+			<p>There are no apps available yet, but you could be the first to know.</p>
+			<p style="margin-bottom: 25px;">Grafana.net will be an online marketplace to <strong>discover, share and create</strong> open source apps for Grafana. All in addition to killer features like instance <strong>performance monitoring</strong>, <strong>dashboard backups</strong> and exclusive access to the new <strong>raintank hosted metrics platform</strong>.</p>
+			 <button type="submit" class="btn btn-primary btn-large" ng-click="">
+    		<i class="fa fa-grafana"></i> Get Early Access</button>
 		</div>
 
 		<ul class="filter-list">
diff --git a/public/less/filter-list.less b/public/less/filter-list.less
@@ -23,6 +23,21 @@
   }
 }
 
+.filter-list-empty-message {
+  text-align: center;
+  padding-top: 50px;
+  min-height: 220px;
+  max-width: 600px;
+  min-width: 400px;
+  margin: 0 auto;
+
+  strong {
+    color: @headingsColor;
+    font-weight: 500;
+    letter-spacing: 0.2px;
+  }
+}
+
 
 
 // Card
