diff --git a/cms/static/css/dashboard.css b/cms/static/css/dashboard.css
index dbb3c27..2e627e9 100644
--- a/cms/static/css/dashboard.css
+++ b/cms/static/css/dashboard.css
@@ -12,8 +12,19 @@
background-image: linear-gradient(to bottom, #ffffff, #f3f3f3);
}
+.dashboard .basic-board {
+ display:grid;
+ grid-template-rows: 60px calc(100% - 60px);
+ grid-template-columns: 100%;
+ gap: 10px;
+
+
+
+ padding:8px;
+ align-content: center;
+}
.dashboard .scalar {
- display:grid; grid-template-rows:auto auto; gap:4px; align-items: center; align-content: center;}
+ display:grid; grid-template-rows:auto auto; gap: 10px; align-items: center; align-content: center;}
.dashboard .scalar .value {font-size:40px; font-family: courier; font-weight: bold;}
.dashboard .scalar .label {font-size:10px; text-transform: uppercase;}
@@ -21,16 +32,16 @@
.apexcharts-title-text {
text-transform: capitalize;
}
-.dashboard .title {grid-column:1 / span 4; text-transform:capitalize; padding:4px;}
+.dashboard .board-title {grid-column:1 / span 4; text-transform:capitalize; padding:4px;}
.scalar-pane { text-align: center;
;}
.board-10{
display:grid;
- grid-template-columns: calc(100% - 150px) 150px; gap:4px;
+ grid-template-columns: calc(100% - 125px) 125px; gap: 10px;
}
-.board-10 .scalar-pane { display:grid; gap:4px;
+.board-10 .scalar-pane { display:grid; gap: 10px;
}
.board-10 .scalar-pane .scalar {border-top:1px solid #d3d3d3}
@@ -44,32 +55,32 @@
.board-110 {
display:grid;
grid-template-columns: 2fr 2fr 150px;
- gap:4px;
+ gap: 10px;
}
.board-110 .scalar-pane{display:grid;}
.board-110-2 {
display:grid;
grid-template-columns: 2fr 2fr;
- gap:4px;
+ gap: 10px;
}
.board-110-2 .scalar-pane {grid-row:3; grid-column: 2;
display: grid;
- grid-template-columns: 50% 50%; gap:4px;}
+ grid-template-columns: 50% 50%; gap: 10px;}
.board-110-2 .scalar-pane > :nth-child(even){ border-left:1px solid #d3d3d3;}
.board-100 {
display:grid;
- grid-template-columns: 2fr 1fr 1fr; gap:4px;
+ grid-template-columns: 2fr 1fr 1fr; gap: 10px;
}
.board-100-2 {
display:grid;
- grid-template-columns: 2fr 1fr ; gap:4px;
+ grid-template-columns: 2fr 1fr ; gap: 10px;
}
-.board-100,.board-100-2 .scalar-pane {display:grid; gap:4px;}
-.board-100-2 > :nth-child(2){grid-row:2 / span 3}
-/* .board-100-2 :nth-child(3){grid-row:2; grid-column:2} */
-.board-100-2 .scalar-pane {grid-row:3; grid-column: 2 ; display:grid; grid-template-columns: repeat(2, 1fr); }
+.board-100,.board-100-2 .scalar-pane {display:grid; gap: 10px;}
+.board-100-2 > :nth-child(1){grid-row:1 / span 2}
+.board-100-2 > :nth-child(2){grid-row:1; grid-column:2}
+.board-100-2 .scalar-pane {grid-row:2; grid-column: 2 ; display:grid; grid-template-columns: repeat(2, 1fr); }
.board-100-2 .scalar-pane > :nth-child(even){ border-left:1px solid #d3d3d3;}
\ No newline at end of file
diff --git a/cms/static/js/bootup.js b/cms/static/js/bootup.js
index a095270..b61f2e9 100644
--- a/cms/static/js/bootup.js
+++ b/cms/static/js/bootup.js
@@ -5,7 +5,8 @@
var bootup = {}
//
// We implement this function using an observer design pattern
-bootup.CMSObserver = function(_sysId,_domId,_fileURI){
+bootup.CMSObserver = function(_context,_domId,_fileURI){
+ this._context = _context
this._domId = _domId
this._fileURI = _fileURI
this.apply = function (_caller){
@@ -14,8 +15,8 @@ bootup.CMSObserver = function(_sysId,_domId,_fileURI){
uri = '/page'
- if (_sysId != '' && sysId != null) {
- uri = sysId + uri
+ if (this._context != '' && this._context != null) {
+ uri = this._context + uri
}
if (window.location.pathname != '/'){
uri = ([window.location.pathname,'page']).join('/')
diff --git a/cms/templates/index.html b/cms/templates/index.html
index 5b134ad..347d440 100644
--- a/cms/templates/index.html
+++ b/cms/templates/index.html
@@ -54,7 +54,7 @@ Vanderbilt University Medical Center
-
+