Skip to content

Commit a0a0e01

Browse files
committed
Initial commit of the dashboard plugin.
0 parents  commit a0a0e01

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

74 files changed

+5685
-0
lines changed

.gitignore

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
/nbproject/
2+
.DS_Store

README.md

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

package.json

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"name": "kbase-ui-plugin-dashboard",
3+
"version": "0.0.1",
4+
"keywords": ["kbase", "plugin"],
5+
"author": "Erik Pearson",
6+
"contributors": [],
7+
"dependencies": {}
8+
}

src/plugin/config.yml

+58
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
## YAML Template.
2+
---
3+
package:
4+
author: Erik Pearson
5+
name: dashboard_panel
6+
description: The dashboard panel and associated widgets
7+
date: August 6, 2015
8+
version: 0.0.1
9+
source:
10+
## sources are relative to build/plugins/PACKAGE/source/javascript
11+
## NB: need to quote file names, otherwise
12+
modules:
13+
-
14+
module: kb_panel_dashboard
15+
file: panel
16+
-
17+
module: kb_widget_dashboard_base
18+
file: "widgets/DashboardWidget"
19+
-
20+
module: kb_widget_dashboard_apps
21+
file: "widgets/AppsWidget"
22+
-
23+
module: kb_widget_dashboard_collaborators
24+
file: "widgets/CollaboratorsWidget"
25+
-
26+
module: kb_widget_dashboard_data
27+
file: "widgets/DataWidget"
28+
-
29+
module: kb_widget_dashboard_metrics
30+
file: "widgets/MetricsWidget"
31+
-
32+
module: kb_widget_dashboard_narratives
33+
file: "widgets/NarrativesWidget"
34+
-
35+
module: kb_widget_dashboard_publicNarratives
36+
file: "widgets/PublicNarrativesWidget"
37+
-
38+
module: kb_widget_dashboard_sharedNarratives
39+
file: "widgets/SharedNarrativesWidget"
40+
-
41+
module: kb_widget_dashboard_profile
42+
file: "widgets/ProfileWidget"
43+
44+
styles:
45+
-
46+
file: styles.css
47+
install:
48+
routes:
49+
-
50+
path: ['dashboard']
51+
panelFactory: kb_panel_dashboard
52+
menu:
53+
-
54+
name: dashboard
55+
definition:
56+
path: ['dashboard']
57+
label: Dashbaord
58+
icon: dashboard

src/plugin/source/css/styles.css

+193
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,193 @@
1+
/*
2+
To change this license header, choose License Headers in Project Properties.
3+
To change this template file, choose Tools | Templates
4+
and open the template in the editor.
5+
*/
6+
/*
7+
Created on : Jun 24, 2015, Jun 24, 2015 11:49:44 AM
8+
Author : erik
9+
*/
10+
11+
.kbase-dashboard-view {
12+
padding: 15px 0 0 0;
13+
}
14+
15+
.kb-row {}
16+
17+
.-col {
18+
display: inline-block;
19+
}
20+
21+
.-col.-span-8 {
22+
width: 66.6666%;
23+
}
24+
25+
.-col.-span-4 {
26+
width: 33.3333%;
27+
}
28+
29+
.kbase-dashboard-view .table td.number,
30+
.kbase-dashboard-view .table th.number {
31+
text-align: right;
32+
padding-right: 2em;
33+
}
34+
35+
.kbase-dashboard-view .table td.date,
36+
.kbase-dashboard-view .table th.date {
37+
text-align: right;
38+
padding-right: 2em;
39+
}
40+
41+
.kbase-dashboard-view .kbase-widget .btn {
42+
}
43+
44+
.kbase-dashboard-view .slider {
45+
width: 100%;
46+
overflow-x: auto;
47+
white-space: nowrap;
48+
}
49+
.kbase-dashboard-view .slider::-webkit-scrollbar {
50+
visibility: hidden;
51+
}
52+
.kbase-dashboard-view .slider.-autoOverflow::-webkit-scrollbar {
53+
visibility: visible;
54+
}
55+
56+
.kbase-dashboard-view .slider .-card {
57+
display: inline-block;
58+
position: relative;
59+
vertical-align: top;
60+
margin: 4px 16px 12px 4px;
61+
62+
height: 250px;
63+
width: 250px;
64+
65+
66+
padding: 4px;
67+
68+
}
69+
.slider .-card .-inner {
70+
position: relative;
71+
}
72+
73+
.kbase-dashboard-view .slider .-card .-title {
74+
position: absolute;
75+
top: 0;
76+
left: 0;
77+
height: 30px;
78+
width: 250px;
79+
font-weight: bold;
80+
padding: 5px;
81+
overflow: hidden;
82+
}
83+
.kbase-dashboard-view .slider .-card .-body {
84+
position: absolute;
85+
top: 30px;
86+
left: 0;
87+
height: 150px;
88+
width: 250px;
89+
background-color: #FFF;
90+
box-shadow: 1px 1px 1px #ccc;
91+
overflow: hidden;
92+
padding: 3px;
93+
}
94+
.slider .-card .-body.-active {
95+
box-shadow: inset 1px 1px 1px #ccc;
96+
}
97+
.slider .-card .-body.-autoOverflow {
98+
overflow:auto;
99+
}
100+
.kbase-dashboard-view .slider .-card .-box {
101+
position: absolute;
102+
top: 25px;
103+
left: 0;
104+
height: 200px;
105+
width: 250px;
106+
background-color: #FFF;
107+
box-shadow: 1px 1px 1px #ccc;
108+
overflow: hidden;
109+
padding: 3px;
110+
}
111+
.kbase-dashboard-view .slider .-card .-message {
112+
position: absolute;
113+
top: 25px;
114+
left: 0;
115+
height: 200px;
116+
width: 250px;
117+
background-color: #FFF;
118+
box-shadow: 1px 1px 1px #ccc;
119+
overflow: hidden;
120+
padding: 3px;
121+
}
122+
.kbase-dashboard-view .slider .-card .-message p {
123+
white-space: normal;
124+
padding: 3px;
125+
overflow: none;
126+
}
127+
.kbase-dashboard-view .slider .-card .-saved {
128+
position: absolute;
129+
top: 210px;
130+
left: 0;
131+
height: 20px;
132+
width: 250px;
133+
text-align: center;
134+
}
135+
.kbase-dashboard-view .slider .-card .-footer {
136+
position: absolute;
137+
top: 190px;
138+
left: 0;
139+
height: 20px;
140+
width: 250px;
141+
}
142+
143+
.kbase-dashboard-view .slider .-card table {
144+
height: 100%;
145+
width: 100%;
146+
}
147+
148+
149+
.kbase-dashboard-view .kbtn {
150+
background-color: #337ab7;
151+
border: 1px solid #2e6da4;
152+
border-radius: 2px;
153+
color: #FFF;
154+
width: 100%;
155+
height: 100%;
156+
text-align: center;
157+
}
158+
159+
.navbar-group {
160+
display: inline-block;
161+
}
162+
.navbar-group.navbar-form {
163+
margin: 0;
164+
}
165+
166+
/* Disable these. Widgets use a different
167+
arrow than other collapsibles
168+
169+
.kbase-dashboard-view [data-toggle="collapse"]::after {
170+
margin-left: 6px;
171+
font-family: "FontAwesome";
172+
font-style: normal;
173+
font-weight: normal;
174+
font-size: 90%;
175+
width: 12px;
176+
color: silver;
177+
line-height: 1;
178+
vertical-align: baseline;
179+
content: "\f078 ";
180+
}
181+
.kbase-dashboard-view [data-toggle="collapse"].collapsed::after {
182+
content: "\f054 ";
183+
}
184+
*/
185+
186+
.kbase-dashboard-view [data-toggle="collapse"]::before {
187+
display: inline-block;
188+
width: 1.2em;
189+
}
190+
.kbase-dashboard-view [data-toggle="collapse"].collapsed::before {
191+
display: inline-block;
192+
width: 1.2em;
193+
}

0 commit comments

Comments
 (0)