From 9a077c5c90178dcfe3ca343128468d3773b53f34 Mon Sep 17 00:00:00 2001
From: Pranav C <61551451+pranavxc@users.noreply.github.com>
Date: Wed, 21 Jul 2021 19:40:08 +0530
Subject: [PATCH] feat: feedback form

Signed-off-by: Pranav C <61551451+pranavxc@users.noreply.github.com>
---
 .../nc-gui/components/auth/userManagement.vue | 11 +++++++---
 packages/nc-gui/components/feedbackForm.vue   | 21 +++++++++++++++++++
 2 files changed, 29 insertions(+), 3 deletions(-)
 create mode 100644 packages/nc-gui/components/feedbackForm.vue

diff --git a/packages/nc-gui/components/auth/userManagement.vue b/packages/nc-gui/components/auth/userManagement.vue
index abbc3fca5b..3ad9271132 100644
--- a/packages/nc-gui/components/auth/userManagement.vue
+++ b/packages/nc-gui/components/auth/userManagement.vue
@@ -60,7 +60,7 @@
           <v-col cols="12" class="h-100">
             <v-card class="h-100 elevation-0">
               <v-row style="height:100%">
-                <v-col offset="2" :cols="8" class="h-100">
+                <v-col offset="2" :cols="8" class="h-100" style="overflow-y: auto">
                   <!--                  <v-card class="h-100 px-4 py-2">-->
 
                   <!--                <v-row>
@@ -218,6 +218,9 @@
                       New User
                     </x-btn>
                   </div>
+
+                  <feedback-form class="mx-auto mt-6" />
+
                   <!--                  </v-card>-->
                 </v-col>
 
@@ -436,7 +439,8 @@
           <p class="caption grey--text mt-3">
             Looks like you have not configured mailer yet! <br>Please copy above
             invite
-            link and send it to {{ invite_token && (invite_token.email || invite_token.emails && invite_token.emails.join(', ')) }}.
+            link and send it to
+            {{ invite_token && (invite_token.email || invite_token.emails && invite_token.emails.join(', ')) }}.
           </p>
 
           <!--          todo: show error message if failed-->
@@ -502,6 +506,7 @@
 </template>
 
 <script>
+import FeedbackForm from '@/components/feedbackForm'
 import SetListCheckboxCell from '@/components/project/spreadsheet/components/editableCell/setListCheckboxCell'
 import { enumColor } from '@/components/project/spreadsheet/helpers/colors'
 import DlgLabelSubmitCancel from '@/components/utils/dlgLabelSubmitCancel'
@@ -509,7 +514,7 @@ import { isEmail } from '@/helpers'
 
 export default {
   name: 'UserManagement',
-  components: { DlgLabelSubmitCancel, SetListCheckboxCell },
+  components: { FeedbackForm, DlgLabelSubmitCancel, SetListCheckboxCell },
   data: () => ({
     deleteItem: null,
     invite_token: null,
diff --git a/packages/nc-gui/components/feedbackForm.vue b/packages/nc-gui/components/feedbackForm.vue
new file mode 100644
index 0000000000..70671028cd
--- /dev/null
+++ b/packages/nc-gui/components/feedbackForm.vue
@@ -0,0 +1,21 @@
+<template>
+  <iframe
+    src="https://docs.google.com/forms/d/e/1FAIpQLSeTlAfZjszgr53lArz3NvUEnJGOT9JtG9NAU5d0oQwunDS2Pw/viewform?embedded=true"
+    width="100%"
+    height="500"
+    frameborder="0"
+    marginheight="0"
+    marginwidth="0"
+  >Loading…
+  </iframe>
+</template>
+
+<script>
+export default {
+  name: 'FeedbackForm'
+}
+</script>
+
+<style scoped>
+
+</style>