Initial commit of the dashboard plugin.

.gitignore

@@ -0,0 +1,2 @@
+/nbproject/
+.DS_Store

README.md

@@ -0,0 +1,3 @@
+# KBase UI Dashboard
+
+This is a sample readme for a plugin. Please use this space to splain it.

package.json

@@ -0,0 +1,8 @@
+{
+    "name": "kbase-ui-plugin-dashboard",
+    "version": "0.0.1",
+    "keywords": ["kbase", "plugin"],
+    "author": "Erik Pearson",
+    "contributors": [],
+    "dependencies": {}
+}

src/plugin/config.yml

@@ -0,0 +1,58 @@
+## YAML Template.
+---
+package:
+    author: Erik Pearson
+    name: dashboard_panel
+    description: The dashboard panel and associated widgets
+    date: August 6, 2015
+    version: 0.0.1
+source:
+    ## sources are relative to build/plugins/PACKAGE/source/javascript
+    ## NB: need to quote file names, otherwise 
+    modules:
+        -
+            module: kb_panel_dashboard
+            file: panel
+        -
+            module: kb_widget_dashboard_base
+            file: "widgets/DashboardWidget"
+        -
+            module: kb_widget_dashboard_apps
+            file: "widgets/AppsWidget"
+        -
+            module: kb_widget_dashboard_collaborators
+            file: "widgets/CollaboratorsWidget"
+        -
+            module: kb_widget_dashboard_data
+            file: "widgets/DataWidget"
+        -
+            module: kb_widget_dashboard_metrics
+            file: "widgets/MetricsWidget"
+        -
+            module: kb_widget_dashboard_narratives
+            file: "widgets/NarrativesWidget"
+        -
+            module: kb_widget_dashboard_publicNarratives
+            file: "widgets/PublicNarrativesWidget"
+        -
+            module: kb_widget_dashboard_sharedNarratives
+            file: "widgets/SharedNarrativesWidget"
+        -
+            module: kb_widget_dashboard_profile
+            file: "widgets/ProfileWidget"
+
+    styles:
+        -
+            file: styles.css
+install:
+    routes:
+        -
+            path: ['dashboard']
+            panelFactory: kb_panel_dashboard
+    menu:
+        -
+            name: dashboard
+            definition:
+                path: ['dashboard']
+                label: Dashbaord
+                icon: dashboard

src/plugin/source/css/styles.css

@@ -0,0 +1,193 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : Jun 24, 2015, Jun 24, 2015 11:49:44 AM
+    Author     : erik
+*/
+
+.kbase-dashboard-view {
+  padding: 15px 0 0 0;
+}
+
+ .kb-row {}
+
+ .-col {
+    display: inline-block;
+ }
+
+ .-col.-span-8 {
+    width: 66.6666%;
+ }
+
+ .-col.-span-4 {
+    width: 33.3333%;
+ }
+
+ .kbase-dashboard-view .table td.number,
+ .kbase-dashboard-view .table th.number {
+    text-align: right;
+    padding-right: 2em;
+ }
+
+ .kbase-dashboard-view .table td.date,
+ .kbase-dashboard-view .table th.date {
+    text-align: right;
+    padding-right: 2em;
+ }
+
+ .kbase-dashboard-view .kbase-widget .btn {
+ }
+
+ .kbase-dashboard-view .slider {
+    width: 100%;
+    overflow-x: auto;
+    white-space: nowrap;
+ }
+.kbase-dashboard-view .slider::-webkit-scrollbar {
+   visibility: hidden;
+}
+.kbase-dashboard-view .slider.-autoOverflow::-webkit-scrollbar {
+   visibility: visible;
+}
+
+ .kbase-dashboard-view .slider .-card {
+    display: inline-block;
+    position: relative;
+    vertical-align: top;
+    margin: 4px 16px 12px 4px;
+
+    height: 250px;
+    width: 250px;
+
+
+    padding: 4px;
+
+ }
+.slider .-card .-inner {
+   position: relative;
+}
+
+.kbase-dashboard-view .slider .-card .-title {
+   position: absolute;
+   top: 0;
+   left: 0;
+   height: 30px;
+   width: 250px;
+   font-weight: bold;
+   padding: 5px;
+   overflow: hidden;
+}
+.kbase-dashboard-view .slider .-card .-body {
+   position: absolute;
+   top: 30px;
+   left: 0;
+   height: 150px;
+   width: 250px;
+   background-color: #FFF; 
+   box-shadow: 1px 1px 1px #ccc;
+   overflow: hidden;
+   padding: 3px;
+}
+ .slider .-card .-body.-active {
+   box-shadow: inset 1px 1px 1px #ccc;
+}
+.slider .-card .-body.-autoOverflow {
+   overflow:auto;
+}
+.kbase-dashboard-view .slider .-card .-box {
+   position: absolute;
+   top: 25px;
+   left: 0;
+   height: 200px;
+   width: 250px;
+   background-color: #FFF; 
+   box-shadow: 1px 1px 1px #ccc;
+   overflow: hidden;
+   padding: 3px;
+}
+.kbase-dashboard-view .slider .-card .-message {
+   position: absolute;
+   top: 25px;
+   left: 0;
+   height: 200px;
+   width: 250px;
+   background-color: #FFF; 
+   box-shadow: 1px 1px 1px #ccc;
+   overflow: hidden;
+   padding: 3px;
+}
+.kbase-dashboard-view .slider .-card .-message p {
+   white-space: normal;
+   padding: 3px;
+   overflow: none;
+}
+.kbase-dashboard-view .slider .-card .-saved {
+   position: absolute;
+   top: 210px;
+   left: 0;
+   height: 20px;
+   width: 250px;
+   text-align: center;
+}
+.kbase-dashboard-view .slider .-card .-footer {
+   position: absolute;
+   top: 190px;
+   left: 0;
+   height: 20px;
+   width: 250px;
+}
+
+.kbase-dashboard-view .slider .-card table {
+    height: 100%;
+    width: 100%;
+ }
+
+
+ .kbase-dashboard-view .kbtn {
+    background-color: #337ab7;
+    border: 1px solid #2e6da4;
+    border-radius: 2px;
+    color: #FFF;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+ }
+
+.navbar-group {
+   display: inline-block;
+}
+.navbar-group.navbar-form {
+   margin: 0;
+}
+
+/* Disable these. Widgets use a different 
+   arrow than other collapsibles
+   
+.kbase-dashboard-view [data-toggle="collapse"]::after {
+  margin-left: 6px;
+  font-family: "FontAwesome";
+  font-style: normal;
+  font-weight: normal;
+  font-size: 90%;
+  width: 12px;
+  color: silver;
+  line-height: 1;
+  vertical-align: baseline;
+  content: "\f078 ";
+}
+.kbase-dashboard-view [data-toggle="collapse"].collapsed::after {
+  content: "\f054 ";
+}
+*/
+
+.kbase-dashboard-view [data-toggle="collapse"]::before {
+    display: inline-block;
+    width: 1.2em;
+}
+.kbase-dashboard-view [data-toggle="collapse"].collapsed::before {
+    display: inline-block;
+    width: 1.2em;
+}