Add feedback form (#111)

gbv · Aug 15, 2018 · 72b98d9 · 72b98d9
1 parent c3c27f0
commit 72b98d9
Show file tree

Hide file tree

Showing 5 changed files with 65 additions and 4 deletions.
diff --git a/config/cocoda.default.json b/config/cocoda.default.json
@@ -72,5 +72,6 @@
       "url": "https://coli-conc.gbv.de",
       "alt": "coli-conc"
     }
-  ]
+  ],
+  "feedbackUrl": "https://docs.google.com/forms/d/e/1FAIpQLSdwJrYIL6oj7LLFA9qCZb7SwZImp72Bi_1iIL1d_h1Pbu8_vg/viewform"
 }
diff --git a/config/cocoda.dev.json b/config/cocoda.dev.json
@@ -72,5 +72,6 @@
       "url": "https://coli-conc.gbv.de",
       "alt": "coli-conc"
     }
-  ]
+  ],
+  "feedbackUrl": "https://docs.google.com/forms/d/e/1FAIpQLSdwJrYIL6oj7LLFA9qCZb7SwZImp72Bi_1iIL1d_h1Pbu8_vg/viewform"
 }
diff --git a/config/cocoda.master.json b/config/cocoda.master.json
@@ -72,5 +72,6 @@
       "url": "https://coli-conc.gbv.de",
       "alt": "coli-conc"
     }
-  ]
+  ],
+  "feedbackUrl": "https://docs.google.com/forms/d/e/1FAIpQLSdwJrYIL6oj7LLFA9qCZb7SwZImp72Bi_1iIL1d_h1Pbu8_vg/viewform"
 }
diff --git a/src/App.vue b/src/App.vue
@@ -160,6 +160,14 @@
                     href="https://github.com/gbv/cocoda"
                     target="_blank">GitHub</a>
                 </p>
+                <p v-if="config.feedbackUrl">
+                  <br>
+                  If you have any feedback, please use
+                  <a
+                    :href="config.feedbackUrl"
+                    target="_blank">this form</a>
+                  to submit it to us. Thank you!
+                </p>
               </div>
             </div>
           </div>

diff --git a/src/components/TheNavbar.vue b/src/components/TheNavbar.vue
@@ -33,6 +33,13 @@
         <font-awesome-icon :icon="['fab', 'github']" />
         GitHub
       </b-nav-item>
+      <!-- Feedback button -->
+      <b-nav-item
+        v-if="config.feedbackUrl"
+        class="feedbackButton"
+        @click="$refs.feedback.show()">
+        Feedback
+      </b-nav-item>
       <!-- Help button (links to documentation) -->
       <b-nav-item
         v-if="help"
@@ -46,6 +53,23 @@
       </b-nav-item>
       <!-- Settings modal -->
       <the-settings ref="settings" />
+      <!-- Feedback modal -->
+      <b-modal
+        v-if="config.feedbackUrl"
+        ref="feedback"
+        centered
+        class="feedbackModal"
+        hide-footer
+        size="lg"
+        title="Feedback" >
+        <iframe
+          :src="config.feedbackUrl + '?embedded=true'"
+          frameborder="0"
+          marginheight="0"
+          marginwidth="0">
+          Loading...
+        </iframe>
+      </b-modal>
     </b-navbar-nav>
   </b-navbar>
 </template>
@@ -83,10 +107,36 @@ nav.navbar {
   background-color: @color-primary-0;
   box-shadow: 0 1px 2px 0 @color-shadow;
 }
-.navbar-dark .navbar-nav .nav-link, .btn-link, .navbar-brand {
+.navbar-dark .navbar-nav .nav-link, .btn-link {
+  color: @color--theNavbar-text;
+}
+.navbar-brand {
   color: @color--theNavbar-text !important;
 }
+.feedbackButton a.nav-link {
+  color: @color-complement-3 !important;
+}
 .btn-link:disabled, .btn-link.disabled {
   text-decoration: line-through;
+  color: @color--theNavbar-text;
+}
+</style>
+
+<style>
+.feedbackModal .modal-dialog {
+  height: 90%;
+}
+.feedbackModal .modal-content {
+  height: 100%;
+}
+.feedbackModal iframe {
+  overflow:hidden;
+  position:absolute;
+  height:100%;
+  width:100%;
+  top:0;
+  bottom:0;
+  left:0;
+  right:0;
 }
 </style>