bug fix

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,.board-100-2 .scalar-pane {display:grid; gap: 10px;}
-.board-100-2 > :nth-child(2){grid-row:2 / span 3}
+.board-100-2 > :nth-child(1){grid-row:1 / span 2}
-/* .board-100-2 :nth-child(3){grid-row:2; grid-column:2} */
+.board-100-2 > :nth-child(2){grid-row:1; grid-column:2}
-.board-100-2 .scalar-pane {grid-row:3; grid-column: 2 ; display:grid; grid-template-columns: repeat(2, 1fr); }
+.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;}

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) {
+            if (this._context != '' && this._context != null) {
-                uri = sysId + uri
+                uri = this._context + uri
             }
             if (window.location.pathname != '/'){
                 uri = ([window.location.pathname,'page']).join('/')

cms/templates/index.html

@@ -54,7 +54,7 @@ Vanderbilt University Medical Center
         <meta property="og:description" content="{{layout.header.title}}; {{layout.header.subtitle}}, version {{system.version}}" />
         <meta property="og:site_name" content="{{layout.header.title}}" />
 
-        
+        <script src="{{system.parentContext}}/static/js/dashboard.js"></script>
         <script src="{{system.parentContext}}/static/js/jx/dom.js"></script>
         <script src="{{system.parentContext}}/static/js/jx/utils.js"></script>
         <script src="{{system.parentContext}}/static/js/jx/rpc.js"></script>