Merge pull request #32 from rschuchmann/update-readme

Update readme and minor other changes

conf_times_miro/times_miro.json

@@ -1,5 +1,6 @@
 {
   "theme": "browser",
+  "customCss": true, 
   "excelIncludeMeta": true,
   "excelIncludeEmptySheets": true,
   "autoGenInputGraphs": true,
@@ -236,7 +237,7 @@
       "newHeaders": ["Attribute", "Sow", "Commodity", "Process", "Period", "Region", "Vintage", "Time Slice", "User Constraint", "value"]
     }
   },
-  "extraClArgs": ["debug=1492", "--gmsrunopt=local", "--DDPREFIX=dd_files/"],
+  "extraClArgs": ["--gmsrunopt=local", "--DDPREFIX=dd_files/"],
   "readme": {
     "tabTitle": "Readme",
     "filename": "app_README.md",

renderer_times_miro/mirowidget_scenddmap.R

@@ -194,7 +194,7 @@ mirowidget_scenddmapOutput <- function(id, height = NULL, options = NULL, path =
                            )
 
                   ),
-                  tabPanel("Create input data", value = "create", 
+                  tabPanel("Create new TIMES MIRO scenario", value = "create", 
                            fluidRow(
                              column(3,
                                     tags$h4("Upload DD files and runfile here", class="highlight-block"),

static_times_miro/custom.css

@@ -0,0 +1,212 @@
+/* Input widget */
+.table-styles {
+    margin-bottom: 15px;
+}
+.table-header {
+    display: inline-block;
+}
+.box-custom {
+    height: 450px;
+    margin-bottom: 25px;
+}
+.add-row-btn-wrapper {
+    display: inline-block;
+}
+.add-row-btn {
+    border: none;
+    box-shadow: none;
+    color: #60ce60;
+    font-size: 18px;
+}
+.info-label-nowrap {
+    white-space: nowrap;
+}
+@media only screen and (max-width: 1199px) {
+    .custom-2 {
+        width: 100%;
+    }
+    .custom-2.box-custom {
+        height: unset;
+        margin-bottom: 0px;
+    }
+    .outer-height{
+        height: 475px;
+    }
+}
+@media only screen and (min-width: 768px) and (max-width: 1199px) {
+    .reverse-custom {
+        display: flex;
+        flex-flow: row-reverse;
+    }
+}
+@media only screen and (min-width: 1200px) {
+    .custom-4 {
+        width: 33.33333333%;
+    }
+    .custom-8 {
+        width: 66.66666667%;
+    }
+}
+@media only screen and (min-width: 1200px) and (max-width: 1399px) {
+    .custom-2 {
+        width: 100%
+    }
+    .custom-2.box-custom {
+        height: unset;
+        margin-bottom: 0px;
+    }
+    .outer-height{
+        height: 475px;
+    }
+    .custom-4 {
+        width: 25%;
+    }
+    .custom-8 {
+        width: 75%;
+    }
+}
+/* RES network */
+.custom-css .row-custom {
+      margin-left: 0;
+      margin-right: 0;
+}
+.custom-css .align-items-center {
+      display: flex;
+      -webkit-box-align: center!important;
+      -ms-flex-align: center!important;
+      align-items: center!important;
+}
+.custom-css .align-items-center .col-sm-2,
+.custom-css .align-items-center .col-sm-3 {
+    flex-basis: 0;
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+}
+.custom-css .flow-chart {
+    min-height:250px;
+}
+.custom-css .flow-chart-outer {
+    margin: 10px 25pt 30pt 0;
+    padding-left: 50px;
+    padding-right: 50px;
+    background-color: #f1f1f18f;
+    box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 10%);
+}
+.custom-css .side-padding{
+    padding-left: 15px;
+    padding-right: 15px;
+}
+.custom-css .com-proc-item {
+  line-height: 16px;
+  font-size: 12px;
+  text-align: center;
+  border-radius: 20px;
+  padding: 5px;
+  display: block;
+  box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
+  margin: 4px 3px;
+  border: 1px solid;
+  cursor: pointer;
+  color: #1d2121;
+  overflow-wrap: break-word;
+}
+.node-el {
+   border: 2px solid black;
+   padding: 5px;
+   text-align: center;
+   background-color: #fff;
+   overflow-wrap: break-word;
+}
+.node-column {    
+   padding-left: 8px;
+   padding-right: 8px;
+
+}
+.flow-arrow {
+    text-align: center;
+    font-size:40px;
+    padding-left: 0;
+    padding-right: 0;
+}
+.flow-arrow-small {
+    font-size:30px;
+}
+@media (prefers-color-scheme:dark){
+    .custom-css .com-proc-item,
+    .node-el {
+        background-color: #393e46;
+    }
+    .custom-css .flow-chart {
+        background-color: #4e545d;
+    }
+    .custom-css .flow-chart-outer {
+        background-color: #4e545d;
+    }
+    .flow-arrow {
+        color: #1d2121;
+    }
+    .pvtAxisContainer, .pvtVals {
+      background: #4e545d;
+    }
+    table.pvtTable tbody tr td {
+      color: #eee;
+      background-color: #393e46;
+    }
+    table.pvtTable tbody tr th, 
+    table.pvtTable thead tr th {
+      background-color: #292d33;
+    }
+    .pvtAxisContainer li span.pvtAttr {
+      background-color: #393e46;
+      border-color: #292d33;
+    }
+    .pvtUi {
+      color: #eee;
+    }
+}
+.custom-css .com-proc-item:hover {
+    background-color: #e7e7e7;
+    border-color: #adadad;
+    color: #1d2121;
+    transition: all .5s ease;
+}
+.flow-item-list {
+    padding: 5px;
+}
+.custom-list {
+  margin: 0;
+  padding: 0;
+}
+.flow-row {
+  margin: 10pt 0 35pt 0;
+}
+.legend-row {
+  padding-top: 25pt;
+  text-align: center;
+}
+.legend-row ul {
+  display: inline;
+  padding-left: 0;
+}
+.legend-row .legend-item {
+  line-height: 10px;
+  cursor: auto;
+  padding: 5px 15px;
+  display: inline-block;
+}
+.float-lg {
+    float:right;
+}
+@media only screen and (max-width: 1199px){
+    .custom-css .flow-chart-outer {
+        margin-right: 0;
+    }
+    .float-lg {
+        float:unset;
+    }
+}
+img + em {
+    display: block; 
+}