add headerButtonsUI

DESCRIPTION

@@ -16,4 +16,5 @@ Imports:
   futile.logger,
   jsonlite,
   shiny,
-  shinysurveys
+  shinysurveys,
+  shinyTools

inst/app/server.R

@@ -50,6 +50,7 @@ shinyServer(function(input, output, session) {
   observe({
     if (!is.null(survey_data())) {
       shinyjs::enable("downloadData", asis = TRUE)
+    } else {
       shinyjs::disable("downloadData", asis = TRUE)
     }
   })

inst/app/ui.R

@@ -40,6 +40,7 @@ tagList(
       )
     )
   ),
+  shinyTools::headerButtonsUI(id = "header", help_link = "https://pandora-isomemo.github.io/InquiryR/"),
   tags$head(
     tags$link(rel = "stylesheet", type = "text/css", href = "custom.css")
   ),

inst/app/www/custom.css

@@ -4,6 +4,124 @@ body {
 
 .grViz { overflow: hidden !important; }
 
+body {
+    padding-top: 80px;
+}
+
+* {
+    box-sizing: border-box;
+}
+
+.shiny-table {
+    background-color: #ecf0f1;
+    margin-left:auto;
+    margin-right:auto;
+    border: 1px solid #cccccc;
+}
+
+hr {
+  border-top: 1px solid #000000;
+
+}
+
+.help-block {
+  font-size: .75em;
+  color: gray;
+}
+
+.form-group {
+  margin-bottom: 0;
+}
+
+h4 {
+  font-weight: 700;
+}
+
+h5 {
+  font-weight: 700;
+  font-size: 1.1em;
+}
+
+.control-label {
+  color: gray;
+  font-weight: 500;
+}
+
+.btn:hover {
+  background-color: #20c997;
+}
+
+.filter-option-inner-inner {
+  color: black;
+}
+
+.well {
+  margin-right: 20px;
+}
+
+#header-right {
+    position: fixed;
+    top: 5px;
+    right:14px;
+    white-space: nowrap;
+    z-index: 9999;
+    overflow: hidden;
+    display: inline;
+}
+
+#help {
+    display:inline;
+}
+
+#logo-isomemo, #logo-mpi {
+    display: inline;
+    width: 150px;
+    height: 130px;
+    margin-right: 10px;
+}
+
+#logo-isomemo img {
+    height: 50px;
+    width: 75px;
+    border-radius: 2px;
+}
+
+#logo-mpi img {
+    height: 50px;
+    width: 57px;
+    border-radius: 2px;
+}
+
+#further-help {
+    display: inline;
+}
+
+#help button, #further-help button {
+    padding: 3px 10px;
+    background-color: #18bc9c;
+    border-color: #0f7864;
+    color: white;
+    border-radius: 4px;
+    border-width: 2px;
+}
+
+.navbar-brand:hover {
+    color: white;
+}
+
+.matrix-input {
+    overflow-x: auto;
+}
+
+.matrix-input-table {
+    table-layout: fixed;
+    width: auto;
+}
+
+.matrix-input-table td {
+    min-width: 70px;
+}
+
 .shiny-notification {
   position: fixed;
   top: 80px;