Add dashboard

Author: edokeh

app/assets/javascripts/admin/app.js

@@ -36,6 +36,7 @@ define(function(require, exports, module) {
         var comment = SeajsLazyAngular.createLazyStub(ADMIN_PATH + '/comment/index');
         var page = SeajsLazyAngular.createLazyStub(ADMIN_PATH + '/page/index');
         var setting = SeajsLazyAngular.createLazyStub(ADMIN_PATH + '/setting/index');
+        var dashboard = SeajsLazyAngular.createLazyStub(ADMIN_PATH + '/dashboard/index');
 
         $routeProvider
             .when('/blog', blog.createRoute('./controller/index'))
@@ -52,6 +53,8 @@ define(function(require, exports, module) {
             .when('/setting/password', setting.createRoute('./controller/password'))
             .when('/setting/disqus', setting.createRoute('./controller/disqus'))
             .when('/setting/attach', setting.createRoute('./controller/attach', {reloadOnSearch: false}))
+
+            .when('/dashboard', dashboard.createRoute('./controller/index'))
             .otherwise({redirectTo: '/blog'});
     }]);
 

app/assets/javascripts/admin/dashboard/controller/index.js

@@ -0,0 +1,19 @@
+/**
+ * Dashboard
+ */
+define(function(require, exports, module) {
+
+    var IndexController = ['$scope', '$http', function($scope, $http) {
+        $http.get('/admin/dashboard').then(function(resp) {
+            $scope.dashboard = resp.data;
+        });
+
+        $http.get('/admin/dashboard/hot_blogs').then(function(resp) {
+            $scope.hotBlogs = resp.data;
+        });
+    }];
+
+    IndexController.title = 'Dashboard';
+
+    module.exports = IndexController;
+});

app/assets/javascripts/admin/dashboard/factory/dashboard.js

@@ -0,0 +1,15 @@
+/**
+ * Dashboard HTTP 接口
+ */
+define(function(require, exports, module) {
+
+    module.exports = {
+        'Dashboard': ['$http', function($http) {
+            var Dashboard = {
+
+            };
+
+            return Dashboard;
+        }]
+    };
+});

app/assets/javascripts/admin/dashboard/index.js

@@ -0,0 +1,15 @@
+/**
+ * 设置模块
+ */
+define(function(require, exports, module) {
+    var angular = require('angularjs');
+
+    var dashboard = angular.module('dashboard', []);
+
+    dashboard.seajsController(require('./controller/index'));
+
+    dashboard.factory(require('./factory/dashboard'));
+
+
+    module.exports = dashboard;
+});

app/assets/javascripts/admin/dashboard/template/index.html

@@ -0,0 +1,54 @@
+<div class="row full-height">
+    <div class="col-md-4">
+        <div class="panel panel-blue">
+            <div class="panel-heading clearfix">
+                <h2>统计</h2>
+            </div>
+            <div>
+                <ul>
+                    <li>
+                        文章 <strong>{{ dashboard.blog.publish }}</strong> 篇，
+                        草稿 <strong>{{ dashboard.blog.draft }}</strong> 篇
+                    </li>
+                    <li>评论 <strong>{{ dashboard.comment }}</strong> 条</li>
+                    <li>分类 <strong>{{ dashboard.category }}</strong> 个</li>
+                    <li>附件 <strong>{{ dashboard.attach.count }}</strong> 个，占用 <strong>{{ dashboard.attach.size
+                        }}</strong></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    <div class="col-md-4">
+        <div class="panel panel-blue">
+            <div class="panel-heading clearfix">
+                <h2>最热 Blog</h2>
+            </div>
+            <div>
+                <ul>
+                    <li ng-repeat="blog in hotBlogs">
+                        <a ng-href="/blog/{{blog.slug}}.html" target="_blank">{{ blog.title }}</a>
+                        <span><i class="fa fa-comments"></i> {{ blog.comment_count}}</span>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="col-md-4">
+    <div class="panel panel-blue">
+        <div class="panel-heading clearfix">
+            <h2>最热 Blog</h2>
+        </div>
+        <div>
+            <ul>
+                <li ng-repeat="blog in hotBlogs">
+                    <a ng-href="/blog/{{blog.slug}}.html" target="_blank">{{ blog.title }}</a>
+                    <span><i class="fa fa-comments"></i> {{ blog.comment_count}}</span>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
+</div>

app/controllers/admin/dashboard_controller.rb

@@ -0,0 +1,24 @@
+# 统计
+class Admin::DashboardController < Admin::ApplicationController
+  def show
+    @blog_publish_count = Blog.with_status(:publish).count
+    @blog_draft_count = Blog.with_status(:draft).count
+    @comment_count = Blog.sum(:comment_count)
+    @category_count = Category.count
+    @attach_count = Attach.count
+    @attach_size = Attach.sum('file_size')
+
+    render :json => {
+        :blog => {:publish => @blog_publish_count, :draft => @blog_draft_count},
+        :comment => @comment_count,
+        :category => @category_count,
+        :attach => {:count => @attach_count, :size => view_context.number_to_human_size(@attach_size)},
+    }
+  end
+
+  def hot_blogs
+    @hot_blogs = Blog.select(:id, :title, :status, :slug, :comment_count).order('comment_count DESC').limit(5)
+
+    render :json => @hot_blogs
+  end
+end

config/routes.rb

@@ -22,6 +22,8 @@
 
   namespace :admin do
     get '/' => 'home#show'
+    get '/dashboard' => 'dashboard#show'
+    get '/dashboard/hot_blogs' => 'dashboard#hot_blogs'
 
     resource :session