akadmin/chatwoot
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: apply ESLint rule vue/component-tags-order

Browse Source
This commit is contained in:
iamsivin
2024-07-25 19:33:28 +05:30
parent fede03ebe8
commit 0008fca511
544 changed files with 21263 additions and 21256 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/survey/App.vue
+6 -6
View File
@@ -1,9 +1,3 @@
<template>
<div id="app" class="woot-survey-wrap">
<response />
</div>
</template>
<script>
import Response from './views/Response.vue';
@@ -15,6 +9,12 @@ export default {
};
</script>
<template>
<div id="app" class="woot-survey-wrap">
<response />
</div>
</template>
<style lang="scss">
@import '~survey/assets/scss/woot.scss';
</style>
app/javascript/survey/components/Banner.vue
+13 -13
View File
@@ -1,16 +1,3 @@
<template>
<div class="flex items-center">
<i
v-if="showSuccess"
class="ion-checkmark-circled text-3xl text-green-500 mr-1"
/>
<i v-if="showError" class="ion-android-alert text-3xl text-red-600 mr-1" />
<label class="text-base font-medium text-black-800 mt-4 mb-4">
{{ message }}
</label>
</div>
</template>
<script>
export default {
props: {
@@ -29,3 +16,16 @@ export default {
},
};
</script>
<template>
<div class="flex items-center">
<i
v-if="showSuccess"
class="ion-checkmark-circled text-3xl text-green-500 mr-1"
/>
<i v-if="showError" class="ion-android-alert text-3xl text-red-600 mr-1" />
<label class="text-base font-medium text-black-800 mt-4 mb-4">
{{ message }}
</label>
</div>
</template>
app/javascript/survey/components/Feedback.vue
+19 -19
View File
@@ -1,22 +1,3 @@
<template>
<div class="mt-6">
<label class="text-base font-medium text-black-800">
{{ $t('SURVEY.FEEDBACK.LABEL') }}
</label>
<text-area
v-model="feedback"
class="my-5"
:placeholder="$t('SURVEY.FEEDBACK.PLACEHOLDER')"
/>
<div class="flex items-center font-medium float-right">
<custom-button @click="onClick">
<spinner v-if="feedback" class="p-0" />
{{ $t('SURVEY.FEEDBACK.BUTTON_TEXT') }}
</custom-button>
</div>
</div>
</template>
<script>
import CustomButton from 'shared/components/Button.vue';
import TextArea from 'shared/components/TextArea.vue';
@@ -52,3 +33,22 @@ export default {
},
};
</script>
<template>
<div class="mt-6">
<label class="text-base font-medium text-black-800">
{{ $t('SURVEY.FEEDBACK.LABEL') }}
</label>
<text-area
v-model="feedback"
class="my-5"
:placeholder="$t('SURVEY.FEEDBACK.PLACEHOLDER')"
/>
<div class="flex items-center font-medium float-right">
<custom-button @click="onClick">
<spinner v-if="feedback" class="p-0" />
{{ $t('SURVEY.FEEDBACK.BUTTON_TEXT') }}
</custom-button>
</div>
</div>
</template>
app/javascript/survey/components/Rating.vue
+15 -15
View File
@@ -1,18 +1,3 @@
<template>
<div class="customer-satisfcation mb-2">
<div class="ratings flex py-5 px-0">
<button
v-for="rating in ratings"
:key="rating.key"
:class="buttonClass(rating)"
@click="onClick(rating)"
>
{{ rating.emoji }}
</button>
</div>
</div>
</template>
<script>
import { CSAT_RATINGS } from 'shared/constants/messages';
@@ -45,6 +30,21 @@ export default {
};
</script>
<template>
<div class="customer-satisfcation mb-2">
<div class="ratings flex py-5 px-0">
<button
v-for="rating in ratings"
:key="rating.key"
:class="buttonClass(rating)"
@click="onClick(rating)"
>
{{ rating.emoji }}
</button>
</div>
</div>
</template>
<style lang="scss" scoped>
.emoji-button {
filter: grayscale(100%);
app/javascript/survey/views/Response.vue
+53 -53
View File
@@ -1,56 +1,3 @@
<template>
<div
v-if="isLoading"
class="flex items-center justify-center flex-1 h-full bg-black-25"
>
<spinner size="" />
</div>
<div
v-else
class="flex items-center justify-center w-full h-full overflow-auto bg-slate-50"
>
<div
class="flex flex-col w-full h-full bg-white rounded-lg shadow-lg lg:w-2/5 lg:h-auto"
>
<div class="w-full px-12 pt-12 pb-6 m-auto my-0">
<img v-if="logo" :src="logo" alt="Chatwoot logo" class="mb-6 logo" />
<p
v-if="!isRatingSubmitted"
class="mb-8 text-lg leading-relaxed text-black-700"
>
{{ $t('SURVEY.DESCRIPTION', { inboxName }) }}
</p>
<banner
v-if="shouldShowBanner"
:show-success="shouldShowSuccessMesage"
:show-error="shouldShowErrorMesage"
:message="message"
/>
<label
v-if="!isRatingSubmitted"
class="mb-4 text-base font-medium text-black-800"
>
{{ $t('SURVEY.RATING.LABEL') }}
</label>
<rating
:selected-rating="selectedRating"
@selectRating="selectRating"
/>
<feedback
v-if="enableFeedbackForm"
:is-updating="isUpdating"
:is-button-disabled="isButtonDisabled"
:selected-rating="selectedRating"
@sendFeedback="sendFeedback"
/>
</div>
<div class="mb-3">
<branding />
</div>
</div>
</div>
</template>
<script>
import { useAlert } from 'dashboard/composables';
import Branding from 'shared/components/Branding.vue';
@@ -188,6 +135,59 @@ export default {
};
</script>
<template>
<div
v-if="isLoading"
class="flex items-center justify-center flex-1 h-full bg-black-25"
>
<spinner size="" />
</div>
<div
v-else
class="flex items-center justify-center w-full h-full overflow-auto bg-slate-50"
>
<div
class="flex flex-col w-full h-full bg-white rounded-lg shadow-lg lg:w-2/5 lg:h-auto"
>
<div class="w-full px-12 pt-12 pb-6 m-auto my-0">
<img v-if="logo" :src="logo" alt="Chatwoot logo" class="mb-6 logo" />
<p
v-if="!isRatingSubmitted"
class="mb-8 text-lg leading-relaxed text-black-700"
>
{{ $t('SURVEY.DESCRIPTION', { inboxName }) }}
</p>
<banner
v-if="shouldShowBanner"
:show-success="shouldShowSuccessMesage"
:show-error="shouldShowErrorMesage"
:message="message"
/>
<label
v-if="!isRatingSubmitted"
class="mb-4 text-base font-medium text-black-800"
>
{{ $t('SURVEY.RATING.LABEL') }}
</label>
<rating
:selected-rating="selectedRating"
@selectRating="selectRating"
/>
<feedback
v-if="enableFeedbackForm"
:is-updating="isUpdating"
:is-button-disabled="isButtonDisabled"
:selected-rating="selectedRating"
@sendFeedback="sendFeedback"
/>
</div>
<div class="mb-3">
<branding />
</div>
</div>
</div>
</template>
<style scoped lang="scss">
@import '~widget/assets/scss/variables.scss';