Browse Source

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

pull/2854/head
Muhammed Mustafa 2 years ago
parent
commit
663d2ef1de
  1. 2
      packages/nc-gui-v2/components/dashboard/settings/UserManagement.vue
  2. 31
      packages/nc-gui-v2/components/dashboard/settings/userManagement/FeedbackForm.vue

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

31
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>
Loading…
Cancel
Save