refactor/gui-v2-user-management-invite-added-feedback-form

packages/nc-gui-v2/components/dashboard/settings/UserManagement.vue

@@ -17,6 +17,7 @@ import MdiEmailSendIcon from '~icons/mdi/email-arrow-right-outline'
 import RolesIcon from '~icons/mdi/drama-masks'
 import { User } from '~~/lib/types'
 import { useToast } from 'vue-toastification'
+import FeedbackForm from './userManagement/FeedbackForm.vue'
 const toast = useToast()
 
 const { $api, $e } = useNuxtApp()
@@ -277,6 +278,7 @@ watch(
         show-less-items
         @change="loadUsers"
       />
+      <FeedbackForm />
     </div>
   </div>
 </template>

packages/nc-gui-v2/components/dashboard/settings/userManagement/FeedbackForm.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import CloseIcon from '~icons/material-symbols/close-rounded'
+
+const { feedbackForm } = $(useGlobalState())
+</script>
+
+<template>
+  <div v-if="feedbackForm && !feedbackForm.isHidden" class="nc-feedback-form-wrapper mt-6">
+    <CloseIcon class="nc-close-icon" @click="feedbackForm.isHidden = true" />
+
+    <iframe :src="feedbackForm.url" width="100%" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading… </iframe>
+  </div>
+  <div v-else />
+</template>
+
+<style scoped lang="scss">
+.nc-feedback-form-wrapper {
+  width: 100%;
+  position: relative;
+
+  iframe {
+    margin: 0 auto;
+  }
+
+  .nc-close-icon {
+    position: absolute;
+    top: 5px;
+    right: 10px;
+  }
+}
+</style>