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/dashboard/modules/widget-preview/components/Widget.vue
+49 -49
View File
@@ -1,52 +1,3 @@
<template>
<div class="widget-preview-container">
<div v-if="isWidgetVisible" class="screen-selector">
<input-radio-group
name="widget-screen"
:items="widgetScreens"
:action="handleScreenChange"
/>
</div>
<div v-if="isWidgetVisible" class="widget-wrapper">
<WidgetHead :config="getWidgetHeadConfig" />
<div>
<WidgetBody :config="getWidgetBodyConfig" />
<WidgetFooter :config="getWidgetFooterConfig" />
<div class="branding">
<a class="branding-link">
<img class="branding-image" :src="globalConfig.logoThumbnail" />
<span>
{{
useInstallationName(
$t('INBOX_MGMT.WIDGET_BUILDER.BRANDING_TEXT'),
globalConfig.installationName
)
}}
</span>
</a>
</div>
</div>
</div>
<div class="widget-bubble" :style="getBubblePositionStyle">
<button
class="bubble"
:class="getBubbleTypeClass"
:style="{ background: color }"
@click="toggleWidget"
>
<img
v-if="!isWidgetVisible"
src="~dashboard/assets/images/bubble-logo.svg"
alt=""
/>
<div>
{{ getWidgetBubbleLauncherTitle }}
</div>
</button>
</div>
</div>
</template>
<script>
import WidgetHead from './WidgetHead.vue';
import WidgetBody from './WidgetBody.vue';
@@ -198,6 +149,55 @@ export default {
};
</script>
<template>
<div class="widget-preview-container">
<div v-if="isWidgetVisible" class="screen-selector">
<input-radio-group
name="widget-screen"
:items="widgetScreens"
:action="handleScreenChange"
/>
</div>
<div v-if="isWidgetVisible" class="widget-wrapper">
<WidgetHead :config="getWidgetHeadConfig" />
<div>
<WidgetBody :config="getWidgetBodyConfig" />
<WidgetFooter :config="getWidgetFooterConfig" />
<div class="branding">
<a class="branding-link">
<img class="branding-image" :src="globalConfig.logoThumbnail" />
<span>
{{
useInstallationName(
$t('INBOX_MGMT.WIDGET_BUILDER.BRANDING_TEXT'),
globalConfig.installationName
)
}}
</span>
</a>
</div>
</div>
</div>
<div class="widget-bubble" :style="getBubblePositionStyle">
<button
class="bubble"
:class="getBubbleTypeClass"
:style="{ background: color }"
@click="toggleWidget"
>
<img
v-if="!isWidgetVisible"
src="~dashboard/assets/images/bubble-logo.svg"
alt=""
/>
<div>
{{ getWidgetBubbleLauncherTitle }}
</div>
</button>
</div>
</div>
</template>
<style lang="scss" scoped>
.screen-selector {
display: flex;