Dash top widgets almost done.

Author: smartapant

src/app/modules/dashboard/dashboard.html

@@ -1,8 +1,11 @@
 <div class="row">
-    <div posts-total class="col-md-3 col-sm-6 col-xs-12"></div>
-    <div posts-today class="col-md-3 col-sm-6 col-xs-12"></div>
-    <div posts-this-month class="col-md-3 col-sm-6 col-xs-12"></div>
-    <div last-edited class="col-md-3 col-sm-6 col-xs-12"></div>
+    <div posts-list-dash-widget class="col-md-3 col-sm-6 col-xs-12"
+            description="total" widget-class="posts-total" icon-class="glyphicon glyphicon-globe"></div>
+    <div posts-list-dash-widget class="col-md-3 col-sm-6 col-xs-12"
+         description="today" widget-class="posts-today" icon-class="glyphicon glyphicon-hourglass" interval="1"></div>
+    <div posts-list-dash-widget class="col-md-3 col-sm-6 col-xs-12"
+        description="this month" widget-class="posts-this-month" icon-class="glyphicon glyphicon-calendar" interval="30"></div>
+    <div last-edited-dash-widget class="col-md-3 col-sm-6 col-xs-12"></div>
 </div>
 </div>
 

src/app/modules/dashboard/top_widget/widget.html

@@ -0,0 +1,15 @@
+<div class="widget dash-top-widget last-edited">
+    <div class="row">
+        <div class="col-xs-12 widget-info">
+            <i class="widget-icon glyphicon glyphicon-pencil"></i>
+            <div class="text-right widget-text">
+                <div ><span class="huge">fresh</span> <span class="tiny">post</span></div>
+                <div><span class="large">last edited</span></div>
+            </div>
+        </div>
+    </div>
+        <span class="widget-action" ng-click="action()">
+            Show
+            <span class="glyphicon glyphicon-menu-right"></span>
+        </span>
+</div>

src/app/modules/dashboard/top_widget/widget.js

@@ -0,0 +1,15 @@
+<div class="widget dash-top-widget {{widgetClass}}">
+    <div class="row">
+        <div class="col-xs-12 widget-info">
+            <i class="widget-icon {{iconClass}}"></i>
+            <div class="text-right widget-text">
+                <div ><span class="huge">{{number}}</span> <span class="tiny">posts</span></div>
+                <div><span class="large">{{description}}</span></div>
+            </div>
+        </div>
+    </div>
+        <span class="widget-action" ng-click="action()">
+            View all
+            <span class="glyphicon glyphicon-menu-right"></span>
+        </span>
+</div>

src/app/modules/dashboard/top_widgets/last_edited.html

@@ -0,0 +1,52 @@
+(function() {
+  'use strict';
+
+  angular.module('app.dashboard')
+    .directive('postsListDashWidget', postsListDashWidget)
+    .directive('lastEditedDashWidget', lastEditedDashWidget);
+
+  function lastEditedDashWidget() {
+    return {
+      restrict: 'EA',
+      scope: {},
+      controller: ['$scope', '$state', 'postsUtils', function ($scope, $state, postsUtils) {
+        $scope.lastEdited;
+
+        postsUtils.lastEdited().then(function(lastEdited) {
+          $scope.lastEdited = lastEdited;
+        });
+
+        vm.action = function() {
+          $state.go('app.editPost', {id: vm.lastEdited.id})
+        }
+      }],
+      templateUrl: 'app/modules/dashboard/top_widgets/last_edited.html'
+    }
+  }
+
+  function postsListDashWidget() {
+    return {
+      restrict: 'EA',
+      scope: {
+        'widgetClass': '@',
+        'iconClass': '@',
+        'description': '@',
+        'interval': '@'
+      },
+      controller: ['$scope', '$state', 'postsUtils', function($scope, $state, postsUtils) {
+        var utilsMethod = $scope.interval ? 'postsDuringInterval' : 'total';
+
+        postsUtils[utilsMethod]($scope.interval).then(function(posts) {
+          $scope.number = posts.length;
+        });
+
+        $scope.action = function() {
+          $state.go('app.posts', {interval: $scope.interval})
+        }
+
+      }],
+      templateUrl: 'app/modules/dashboard/top_widgets/posts_list_widget.html'
+    }
+  }
+
+})();

src/app/modules/dashboard/top_widgets/posts_list_widget.html

@@ -63,7 +63,7 @@
 
 <script src="app/modules/dashboard/dashboard.module.js"></script>
 
-<script src="app/modules/dashboard/top_widget/widget.js"></script>
+<script src="app/modules/dashboard/top_widgets/widget.js"></script>
 
 <script src="app/modules/dashboard/recently_published/recently_published.js"></script>
 
@@ -77,12 +77,12 @@
 
 <script src="app/modules/post/delete_post_modal.js"></script>
 
+<script src="app/modules/dashboard/dashboard.js"></script>
+
 <script src="app/modules/data/data.module.js"></script>
 
 <script src="app/modules/data/posts.js"></script>
 
-<script src="app/modules/dashboard/dashboard.js"></script>
-
 <script src="app/modules/core/core.js"></script>
 
 <script src="app/modules/core/config.js"></script>