A welcome page

dashed/__init__.py

@@ -28,7 +28,7 @@
 class MyIndexView(IndexView):
     @expose('/')
     def index(self):
-        return redirect('/dashed/featured')
+        return redirect('/dashed/welcome')
 
 appbuilder = AppBuilder(
     app, db.session,

dashed/assets/.eslintrc

@@ -57,7 +57,7 @@
     }],
     "max-depth": [2, 5],
     "max-len": [0, 80, 4],
-    "max-nested-callbacks": [1, 2],
+    "max-nested-callbacks": [1, 3],
     "max-params": [1, 4],
     "new-parens": [2],
     "newline-after-var": [0],

dashed/assets/javascripts/welcome.js

@@ -0,0 +1,48 @@
+var $ = window.$ = require('jquery');
+var jQuery = window.jQuery = $;
+
+require('../stylesheets/dashed.css');
+require('../stylesheets/welcome.css');
+require('bootstrap');
+require('datatables');
+require('../node_modules/cal-heatmap/cal-heatmap.css');
+
+var CalHeatMap = require('cal-heatmap');
+
+function modelViewTable(selector, modelEndpoint, ordering) {
+  // Builds a dataTable from a flask appbuilder api endpoint
+  $.getJSON(modelEndpoint + '/api/read', function (data) {
+    var tableData = jQuery.map(data.result, function (el, i) {
+        var row = $.map(data.list_columns, function (col, i) {
+          return el[col];
+        });
+        return [row];
+    });
+    var cols = jQuery.map(data.list_columns, function (col, i) {
+      return { sTitle: data.label_columns[col] };
+    });
+    $(selector).DataTable({
+      aaData: tableData,
+      aoColumns: cols,
+      bPaginate: false,
+      order: ordering,
+      searching: false
+    });
+    $('[data-toggle="tooltip"]').tooltip({ container: 'body' });
+  });
+}
+
+$(document).ready(function () {
+  var cal = new CalHeatMap();
+  cal.init({
+    start: new Date().setFullYear(new Date().getFullYear() - 1),
+    range: 13,
+    data: '/dashed/activity_per_day',
+    domain: "month",
+    subDomain: "day",
+    itemName: "action",
+    tooltip: true
+  });
+  modelViewTable('#dash_table', '/dashboardmodelviewasync');
+  modelViewTable('#slice_table', '/sliceasync');
+});

dashed/assets/package.json

@@ -43,6 +43,7 @@
     "bootstrap-datepicker": "^1.6.0",
     "bootstrap-toggle": "^2.2.1",
     "brace": "^0.7.0",
+    "cal-heatmap": "3.5.4",
     "css-loader": "^0.23.1",
     "d3": "^3.5.14",
     "d3-cloud": "^1.2.1",

dashed/assets/stylesheets/dashed.css

@@ -9,6 +9,10 @@ body {
     font-size: 100%;
 }
 
+.no-wrap {
+    white-space: nowrap;
+}
+
 input.form-control {
     background-color: white;
 }
@@ -68,6 +72,10 @@ form div {
 }
 .navbar-brand a {
   color: white;
+  text-decoration: none;
+}
+.navbar-brand a:hover {
+  color: white;
 }
 
 .header span {

dashed/assets/stylesheets/welcome.css

@@ -0,0 +1,21 @@
+.welcome .widget{
+  border-radius: 0;
+  border: 1px solid #ccc;
+  box-shadow: 2px 1px 5px -2px #aaa;
+  background-color: #fff;
+}
+
+.welcome .widget .header {
+  background-color: #f1f1f1;
+  text-align: center;
+}
+
+.welcome .widget>div {
+  padding: 3px;
+  overflow: auto;
+  max-height: 500px;
+}
+
+.table i {
+  padding-top: 6px;
+}

dashed/assets/webpack.config.js

@@ -8,7 +8,7 @@ var config = {
     'css-theme': APP_DIR + '/javascripts/css-theme.js',
     dashboard: APP_DIR + '/javascripts/dashboard.js',
     explore: APP_DIR + '/javascripts/explore.js',
-    featured: APP_DIR + '/javascripts/featured.js',
+    welcome: APP_DIR + '/javascripts/welcome.js',
     sql: APP_DIR + '/javascripts/sql.js',
     standalone: APP_DIR + '/javascripts/standalone.js'
   },

dashed/migrations/versions/1d2ddd543133_log_dt.py

@@ -0,0 +1,22 @@
+"""log dt
+
+Revision ID: 1d2ddd543133
+Revises: d2424a248d63
+Create Date: 2016-03-25 14:35:44.642576
+
+"""
+
+# revision identifiers, used by Alembic.
+revision = '1d2ddd543133'
+down_revision = 'd2424a248d63'
+
+from alembic import op
+import sqlalchemy as sa
+
+
+def upgrade():
+    op.add_column('logs', sa.Column('dt', sa.Date(), nullable=True))
+
+
+def downgrade():
+    op.drop_column('logs', 'dt')

dashed/models.py

@@ -2,7 +2,7 @@
 
 from copy import deepcopy, copy
 from collections import namedtuple
-from datetime import timedelta, datetime
+from datetime import timedelta, datetime, date
 import functools
 import json
 import logging
@@ -15,12 +15,13 @@
 from flask.ext.appbuilder import Model
 from flask.ext.appbuilder.models.mixins import AuditMixin
 import pandas as pd
+import humanize
 from pydruid import client
 from pydruid.utils.filters import Dimension, Filter
 
 import sqlalchemy as sqla
 from sqlalchemy import (
-    Column, Integer, String, ForeignKey, Text, Boolean, DateTime,
+    Column, Integer, String, ForeignKey, Text, Boolean, DateTime, Date,
     Table, create_engine, MetaData, desc, select, and_, func)
 from sqlalchemy.engine import reflection
 from sqlalchemy.orm import relationship
@@ -68,6 +69,22 @@ def created_by_(self):
     def changed_by_(self):
         return '{}'.format(self.changed_by or '')
 
+    @property
+    def modified(self):
+        s = humanize.naturaltime(datetime.now() - self.changed_on)
+        return '<span class="no-wrap">{}</nobr>'.format(s)
+
+    @property
+    def icons(self):
+        return """
+        <a
+                href="{self.datasource_edit_url}"
+                data-toggle="tooltip"
+                title="{self.datasource}">
+            <i class="fa fa-database"></i>
+        </a>
+        """.format(**locals())
+
 
 class Url(Model, AuditMixinNullable):
 
@@ -123,6 +140,13 @@ def datasource_link(self):
         elif self.druid_datasource:
             return self.druid_datasource.link
 
+    @property
+    def datasource_edit_url(self):
+        if self.table:
+            return self.table.url
+        elif self.druid_datasource:
+            return self.druid_datasource.url
+
     @property
     @utils.memoized
     def viz(self):
@@ -1057,6 +1081,7 @@ class Log(Model):
     json = Column(Text)
     user = relationship('User', backref='logs', foreign_keys=[user_id])
     dttm = Column(DateTime, default=func.now())
+    dt = Column(Date, default=date.today())
 
     @classmethod
     def log_this(cls, f):

dashed/templates/dashed/welcome.html

@@ -0,0 +1,39 @@
+{% extends "dashed/basic.html" %}
+
+{% block head_js %}
+{{ super() }}
+<script src="/static/assets/javascripts/dist/welcome.entry.js"></script>
+{% endblock %}
+
+{% block title %}Welcome!{% endblock %}
+
+{% block body %}
+<div class="container welcome">
+  <div class="header">
+    <h3><i class='fa fa-star'></i> Welcome!</h3>
+  </div>
+  <hr/>
+  <div id="cal-heatmap"></div>
+  <hr/>
+  <div class="row">
+    <div class="col-md-6">
+      <div class="widget">
+        <div class="header"><h4><i class="fa fa-dashboard"></i> Dashboards</h4></div>
+        <div>
+          <table id="dash_table" class="table"></table>
+        </div>
+      </div>
+    </div>
+    <div class="col-md-6">
+      <div class="widget">
+        <div class="header"><h4><i class="fa fa-bar-chart"></i> Slices</h4></div>
+        <div>
+          <table id="slice_table" class="table"></table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+ <hr/>
+{% endblock %}
+

dashed/utils.py

@@ -183,15 +183,15 @@ def init(dashed):
     for perm in perms:
         if perm.permission.name == 'datasource_access':
             continue
-        if perm.view_menu.name not in (
+        if perm.view_menu and perm.view_menu.name not in (
                 'UserDBModelView', 'RoleModelView', 'ResetPasswordView',
                 'Security'):
             sm.add_permission_role(alpha, perm)
         sm.add_permission_role(admin, perm)
     gamma = sm.add_role("Gamma")
     for perm in perms:
         if(
-                perm.view_menu.name not in (
+                perm.view_menu and perm.view_menu.name not in (
                     'ResetPasswordView',
                     'RoleModelView',
                     'UserDBModelView',