mirror of
https://github.com/lingble/chatwoot.git
synced 2025-10-31 19:17:48 +00:00
chore: Update self-closing tag eslint config (#4826)
* chore: Fix self-closing tag issues * Fix merge conflicts Co-authored-by: Fayaz Ahmed <15716057+fayazara@users.noreply.github.com>
This commit is contained in:
Pranav Raj S
36
.eslintrc.js
36
.eslintrc.js
@@ -19,18 +19,32 @@ module.exports = {
|
||||
'jsx-a11y/label-has-for': 'off',
|
||||
'jsx-a11y/anchor-is-valid': 'off',
|
||||
'import/no-unresolved': 'off',
|
||||
'vue/max-attributes-per-line': ['error', {
|
||||
'singleline': 20,
|
||||
'multiline': {
|
||||
'max': 1,
|
||||
'allowFirstLine': false
|
||||
'vue/max-attributes-per-line': [
|
||||
'error',
|
||||
{
|
||||
singleline: 20,
|
||||
multiline: {
|
||||
max: 1,
|
||||
allowFirstLine: false,
|
||||
},
|
||||
},
|
||||
}],
|
||||
'vue/html-self-closing': 'off',
|
||||
"vue/no-v-html": 'off',
|
||||
],
|
||||
'vue/html-self-closing': [
|
||||
'error',
|
||||
{
|
||||
html: {
|
||||
void: 'always',
|
||||
normal: 'always',
|
||||
component: 'always',
|
||||
},
|
||||
svg: 'always',
|
||||
math: 'always',
|
||||
},
|
||||
],
|
||||
'vue/no-v-html': 'off',
|
||||
'vue/singleline-html-element-content-newline': 'off',
|
||||
'import/extensions': ['off'],
|
||||
'no-console': 'error'
|
||||
'no-console': 'error',
|
||||
},
|
||||
settings: {
|
||||
'import/resolver': {
|
||||
@@ -41,12 +55,10 @@ module.exports = {
|
||||
},
|
||||
env: {
|
||||
browser: true,
|
||||
node: true,
|
||||
jest: true,
|
||||
jasmine: true
|
||||
node: true,
|
||||
},
|
||||
globals: {
|
||||
__WEBPACK_ENV__: true,
|
||||
bus: true,
|
||||
},
|
||||
};
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div v-if="!authUIFlags.isFetching" id="app" class="app-wrapper app-root">
|
||||
<update-banner :latest-chatwoot-version="latestChatwootVersion" />
|
||||
<transition name="fade" mode="out-in">
|
||||
<router-view></router-view>
|
||||
<router-view />
|
||||
</transition>
|
||||
<add-account-modal
|
||||
:show="showAddAccountModal"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="conversations-list-wrap">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
<div
|
||||
class="chat-list__top"
|
||||
:class="{ filter__applied: hasAppliedFiltersOrActiveFolders }"
|
||||
@@ -53,8 +53,7 @@
|
||||
size="small"
|
||||
class="btn-filter"
|
||||
@click="onToggleAdvanceFiltersModal"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -102,7 +101,7 @@
|
||||
/>
|
||||
|
||||
<div v-if="chatListLoading" class="text-center">
|
||||
<span class="spinner"></span>
|
||||
<span class="spinner" />
|
||||
</div>
|
||||
|
||||
<woot-button
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<p v-if="headerContent" class="small-12 column">
|
||||
{{ headerContent }}
|
||||
</p>
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -20,8 +20,7 @@
|
||||
color-scheme="warning"
|
||||
icon="dismiss-circle"
|
||||
@click="closeNotification"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
</p>
|
||||
</div>
|
||||
<div class="medium-6 small-12">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
:icon="icon"
|
||||
/>
|
||||
<spinner v-if="isLoading" />
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</button>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -30,8 +30,7 @@
|
||||
icon="dismiss-circle"
|
||||
class-names="banner-action__button"
|
||||
@click="onClickClose"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
:aria-checked="value.toString()"
|
||||
@click="onClick"
|
||||
>
|
||||
<span aria-hidden="true" :class="{ active: value }"></span>
|
||||
<span aria-hidden="true" :class="{ active: value }" />
|
||||
</button>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
:icon="icon"
|
||||
:icon-size="iconSize"
|
||||
/>
|
||||
<span v-if="$slots.default" class="button__content"><slot></slot></span>
|
||||
<span v-if="$slots.default" class="button__content"><slot /></span>
|
||||
</button>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
@@ -77,7 +77,7 @@
|
||||
rows="4"
|
||||
:placeholder="$t('AUTOMATION.ACTION.TEAM_MESSAGE_INPUT_PLACEHOLDER')"
|
||||
class="action-message"
|
||||
></textarea>
|
||||
/>
|
||||
<p
|
||||
v-if="v.action_params.$dirty && v.action_params.$error"
|
||||
class="filter-error"
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
rows="4"
|
||||
:placeholder="$t('AUTOMATION.ACTION.TEAM_MESSAGE_INPUT_PLACEHOLDER')"
|
||||
@input="updateValue"
|
||||
></textarea>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<p v-if="headerContent" class="small-12 column">
|
||||
{{ headerContent }}
|
||||
</p>
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="audio-wave-wrapper">
|
||||
<audio id="audio-wave" class="video-js vjs-fill vjs-default-skin"></audio>
|
||||
<audio id="audio-wave" class="video-js vjs-fill vjs-default-skin" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
:search-key="cannedSearchTerm"
|
||||
@click="insertCannedResponse"
|
||||
/>
|
||||
<div ref="editor"></div>
|
||||
<div ref="editor" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -32,8 +32,7 @@
|
||||
class="sidebar-toggle--button"
|
||||
:icon="isRightOrLeftIcon"
|
||||
@click="onToggleContactPanel"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</div>
|
||||
<ul class="conversation-panel">
|
||||
<transition name="slide-up">
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
rows="4"
|
||||
readonly
|
||||
class="template-input"
|
||||
></textarea>
|
||||
/>
|
||||
<div v-if="variables" class="template__variables-container">
|
||||
<p class="variables-label">
|
||||
{{ $t('WHATSAPP_TEMPLATES.PARSER.VARIABLES_LABEL') }}
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
'hide--quoted': !showQuotedContent,
|
||||
}"
|
||||
>
|
||||
<div v-dompurify-html="message" class="text-content"></div>
|
||||
<div v-dompurify-html="message" class="text-content" />
|
||||
<button
|
||||
v-if="displayQuotedButton"
|
||||
class="quoted-text--button"
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
accept="image/png, image/jpeg, image/gif"
|
||||
@change="handleImageUpload"
|
||||
/>
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</label>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
@input="onChange"
|
||||
@blur="onBlur"
|
||||
/>
|
||||
<p v-if="helpText" class="help-text"></p>
|
||||
<p v-if="helpText" class="help-text" />
|
||||
<span v-if="error" class="message">
|
||||
{{ error }}
|
||||
</span>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<modal :show.sync="show" :on-close="cancel">
|
||||
<div class="column content-box">
|
||||
<woot-modal-header :header-title="title"> </woot-modal-header>
|
||||
<woot-modal-header :header-title="title" />
|
||||
<div class="row modal-content">
|
||||
<div class="medium-12 columns">
|
||||
<p>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
color-scheme="success"
|
||||
small
|
||||
class="label--merge-warning"
|
||||
></woot-label>
|
||||
/>
|
||||
</label>
|
||||
<multiselect
|
||||
:value="primaryContact"
|
||||
@@ -46,7 +46,7 @@
|
||||
color-scheme="alert"
|
||||
small
|
||||
class="label--merge-warning"
|
||||
></woot-label>
|
||||
/>
|
||||
</label>
|
||||
<multiselect
|
||||
v-model="childContact"
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
</div>
|
||||
<div class="agent-message-wrap">
|
||||
<div class="agent-message">
|
||||
<div class="avatar-wrap"></div>
|
||||
<div class="avatar-wrap" />
|
||||
<div class="message-wrap">
|
||||
<div class="chat-bubble agent">
|
||||
<div class="message-content">
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="footer-wrap">
|
||||
<div class="input-area"></div>
|
||||
<div class="input-area" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<div v-if="!config.isExpanded">
|
||||
<div class="title-block text-base font-medium">
|
||||
<span class="mr-1">{{ config.websiteName }}</span>
|
||||
<div v-if="config.isOnline" class="online-dot"></div>
|
||||
<div v-if="config.isOnline" class="online-dot" />
|
||||
</div>
|
||||
<div class="text-xs mt-1 text-black-700">
|
||||
{{ responseTime }}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="row auth-wrap login align-center">
|
||||
<router-view></router-view>
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<loading-state :message="$t('CONFIRM_EMAIL')"></loading-state>
|
||||
<loading-state :message="$t('CONFIRM_EMAIL')" />
|
||||
</template>
|
||||
<script>
|
||||
import LoadingState from '../../components/widgets/LoadingState';
|
||||
|
||||
@@ -38,8 +38,7 @@
|
||||
:button-text="$t('SET_NEW_PASSWORD.SUBMIT')"
|
||||
:loading="newPasswordAPI.showLoading"
|
||||
button-class="expanded"
|
||||
>
|
||||
</woot-submit-button>
|
||||
/>
|
||||
<!-- <input type="submit" class="button " v-on:click.prevent="login()" v-bind:value="" > -->
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -89,9 +89,8 @@
|
||||
:button-text="$t('REGISTER.SUBMIT')"
|
||||
:loading="isSignupInProgress"
|
||||
button-class="large expanded"
|
||||
>
|
||||
</woot-submit-button>
|
||||
<p v-dompurify-html="termsLink" class="accept--terms"></p>
|
||||
/>
|
||||
<p v-dompurify-html="termsLink" class="accept--terms" />
|
||||
</form>
|
||||
<div class="column text-center sigin--footer">
|
||||
<span>{{ $t('REGISTER.HAVE_AN_ACCOUNT') }}</span>
|
||||
|
||||
@@ -8,9 +8,9 @@
|
||||
@open-key-shortcut-modal="toggleKeyShortcutModal"
|
||||
@close-key-shortcut-modal="closeKeyShortcutModal"
|
||||
@show-add-label-popup="showAddLabelPopup"
|
||||
></sidebar>
|
||||
/>
|
||||
<section class="app-content columns" :class="contentClassName">
|
||||
<router-view></router-view>
|
||||
<router-view />
|
||||
<command-bar />
|
||||
<account-selector
|
||||
:show-account-modal="showAccountModal"
|
||||
|
||||
@@ -5,8 +5,7 @@
|
||||
v-model="content"
|
||||
class="input--reminder"
|
||||
@keydown.enter.shift.exact="onAdd"
|
||||
>
|
||||
</textarea>
|
||||
/>
|
||||
<div class="select-wrap">
|
||||
<div class="select">
|
||||
<div class="input-group">
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<spinner v-else></spinner>
|
||||
<spinner v-else />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -9,9 +9,7 @@
|
||||
{{ attribute }}
|
||||
</div>
|
||||
<div>
|
||||
<span
|
||||
v-dompurify-html="valueWithLink(customAttributes[attribute])"
|
||||
></span>
|
||||
<span v-dompurify-html="valueWithLink(customAttributes[attribute])" />
|
||||
</div>
|
||||
</div>
|
||||
<p v-if="!listOfAttributes.length">
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<span class="item__title">
|
||||
{{ title }}
|
||||
</span>
|
||||
<slot name="button"></slot>
|
||||
<slot name="button" />
|
||||
</h4>
|
||||
<div v-if="value" class="conv-details--item__value">
|
||||
<slot>
|
||||
|
||||
@@ -50,8 +50,7 @@
|
||||
<conversation-info
|
||||
:conversation-attributes="conversationAdditionalAttributes"
|
||||
:contact-attributes="contactAdditionalAttributes"
|
||||
>
|
||||
</conversation-info>
|
||||
/>
|
||||
</accordion-item>
|
||||
</div>
|
||||
<div v-else-if="element.name === 'contact_attributes'">
|
||||
|
||||
@@ -14,8 +14,7 @@
|
||||
:inbox-id="inboxId"
|
||||
:is-contact-panel-open="isContactPanelOpen"
|
||||
@contact-panel-toggle="onToggleContactPanel"
|
||||
>
|
||||
</conversation-box>
|
||||
/>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<spinner v-else></spinner>
|
||||
<spinner v-else />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
</div>
|
||||
<span class="timestamp">{{ readableTime }} </span>
|
||||
</div>
|
||||
<p v-dompurify-html="prepareContent(content)" class="message-content"></p>
|
||||
<p v-dompurify-html="prepareContent(content)" class="message-content" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -64,8 +64,7 @@
|
||||
icon="chevron-left"
|
||||
:disabled="inFirstPage"
|
||||
@click="onClickPreviousPage"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</div>
|
||||
<span class="page-count"> {{ currentPage }} - {{ lastPage }} </span>
|
||||
<div class="flex-view">
|
||||
@@ -76,8 +75,7 @@
|
||||
icon="chevron-right"
|
||||
:disabled="inLastPage"
|
||||
@click="onClickNextPage"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
<woot-button
|
||||
size="medium"
|
||||
variant="clear"
|
||||
@@ -95,7 +93,7 @@
|
||||
</woot-button>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else></div>
|
||||
<div v-else />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -13,8 +13,8 @@
|
||||
<div
|
||||
v-if="!notificationItem.read_at"
|
||||
class="notification-unread--indicator"
|
||||
></div>
|
||||
<div v-else class="empty flex-view"></div>
|
||||
/>
|
||||
<div v-else class="empty flex-view" />
|
||||
<div class="notification-content--wrap w-full flex-space-between">
|
||||
<div class="flex-space-between">
|
||||
<div class="title-wrap flex-view ">
|
||||
|
||||
@@ -6,8 +6,7 @@
|
||||
:button-text="$t('NOTIFICATIONS_PAGE.MARK_ALL_DONE')"
|
||||
:loading="isUpdating"
|
||||
@click="onMarkAllDoneClick"
|
||||
>
|
||||
</woot-submit-button>
|
||||
/>
|
||||
|
||||
<table class="woot-table notifications-table">
|
||||
<tbody v-show="!isLoading">
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
<template>
|
||||
<div class="settings-header">
|
||||
<h1 class="page-title">
|
||||
<woot-sidemenu-icon></woot-sidemenu-icon>
|
||||
<woot-sidemenu-icon />
|
||||
<back-button
|
||||
v-if="showBackButton"
|
||||
:button-label="backButtonLabel"
|
||||
:back-url="backUrl"
|
||||
/>
|
||||
<fluent-icon v-if="icon" :icon="icon" :class="iconClass" />
|
||||
<slot></slot>
|
||||
<slot />
|
||||
<span>{{ headerTitle }}</span>
|
||||
</h1>
|
||||
<router-link
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<h2 class="page-sub-title">
|
||||
{{ headerTitle }}
|
||||
</h2>
|
||||
<p v-dompurify-html="headerContent" class="small-12 column"></p>
|
||||
<p v-dompurify-html="headerContent" class="small-12 column" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -10,9 +10,9 @@
|
||||
:show-new-button="showNewButton"
|
||||
/>
|
||||
<keep-alive v-if="keepAlive">
|
||||
<router-view></router-view>
|
||||
<router-view />
|
||||
</keep-alive>
|
||||
<router-view v-else></router-view>
|
||||
<router-view v-else />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -89,7 +89,7 @@
|
||||
</p>
|
||||
</div>
|
||||
<div class="columns small-9 medium-5">
|
||||
<woot-code :script="getAccountId"></woot-code>
|
||||
<woot-code :script="getAccountId" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="current-version">
|
||||
@@ -107,8 +107,7 @@
|
||||
class="button nice success button--fixed-right-top"
|
||||
:button-text="$t('GENERAL_SETTINGS.SUBMIT')"
|
||||
:loading="isUpdating"
|
||||
>
|
||||
</woot-submit-button>
|
||||
/>
|
||||
</form>
|
||||
|
||||
<woot-loading-state v-if="uiFlags.isFetchingItem" />
|
||||
|
||||
@@ -66,8 +66,7 @@
|
||||
icon="edit"
|
||||
class-names="grey-btn"
|
||||
@click="openEditPopup(agent)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
<woot-button
|
||||
v-if="showDeleteAction(agent)"
|
||||
v-tooltip.top="$t('AGENT_MGMT.DELETE.BUTTON_TEXT')"
|
||||
@@ -78,8 +77,7 @@
|
||||
class-names="grey-btn"
|
||||
:is-loading="loading[agent.id]"
|
||||
@click="openDeletePopup(agent, index)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@@ -57,8 +57,7 @@
|
||||
class-names="grey-btn"
|
||||
icon="edit"
|
||||
@click="openEditPopup(attribute)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
<woot-button
|
||||
v-tooltip.top="$t('ATTRIBUTES_MGMT.LIST.BUTTONS.DELETE')"
|
||||
variant="smooth"
|
||||
@@ -67,8 +66,7 @@
|
||||
icon="dismiss-circle"
|
||||
class-names="grey-btn"
|
||||
@click="openDelete(attribute)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -76,7 +74,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="small-4 columns">
|
||||
<span v-dompurify-html="$t('ATTRIBUTES_MGMT.SIDEBAR_TXT')"></span>
|
||||
<span v-dompurify-html="$t('ATTRIBUTES_MGMT.SIDEBAR_TXT')" />
|
||||
</div>
|
||||
<woot-modal :show.sync="showEditPopup" :on-close="hideEditPopup">
|
||||
<edit-attribute
|
||||
|
||||
@@ -50,8 +50,7 @@
|
||||
:is-loading="loading[automation.id]"
|
||||
icon="edit"
|
||||
@click="openEditPopup(automation)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
<woot-button
|
||||
v-tooltip.top="$t('AUTOMATION.CLONE.TOOLTIP')"
|
||||
variant="smooth"
|
||||
@@ -61,8 +60,7 @@
|
||||
:is-loading="loading[automation.id]"
|
||||
icon="copy"
|
||||
@click="cloneAutomation(automation.id)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
<woot-button
|
||||
v-tooltip.top="$t('AUTOMATION.FORM.DELETE')"
|
||||
variant="smooth"
|
||||
@@ -72,8 +70,7 @@
|
||||
class-names="grey-btn"
|
||||
:is-loading="loading[automation.id]"
|
||||
@click="openDeletePopup(automation, index)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -81,7 +78,7 @@
|
||||
</div>
|
||||
|
||||
<div class="small-4 columns">
|
||||
<span v-dompurify-html="$t('AUTOMATION.SIDEBAR_TXT')"></span>
|
||||
<span v-dompurify-html="$t('AUTOMATION.SIDEBAR_TXT')" />
|
||||
</div>
|
||||
</div>
|
||||
<woot-modal
|
||||
|
||||
@@ -56,8 +56,7 @@
|
||||
color-scheme="secondary"
|
||||
icon="edit"
|
||||
@click="openEditPopup(cannedItem)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
<woot-button
|
||||
v-tooltip.top="$t('CANNED_MGMT.DELETE.BUTTON_TEXT')"
|
||||
variant="smooth"
|
||||
@@ -67,8 +66,7 @@
|
||||
class-names="grey-btn"
|
||||
:is-loading="loading[cannedItem.id]"
|
||||
@click="openDeletePopup(cannedItem, index)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -76,7 +74,7 @@
|
||||
</div>
|
||||
|
||||
<div class="small-4 columns">
|
||||
<span v-dompurify-html="$t('CANNED_MGMT.SIDEBAR_TXT')"></span>
|
||||
<span v-dompurify-html="$t('CANNED_MGMT.SIDEBAR_TXT')" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Add Agent -->
|
||||
|
||||
@@ -25,8 +25,7 @@
|
||||
:deselect-label="$t('FORMS.MULTISELECT.ENTER_TO_REMOVE')"
|
||||
:placeholder="$t('INBOX_MGMT.ADD.AGENTS.PICK_AGENTS')"
|
||||
@select="$v.selectedAgents.$touch"
|
||||
>
|
||||
</multiselect>
|
||||
/>
|
||||
<span v-if="$v.selectedAgents.$error" class="message">
|
||||
{{ $t('INBOX_MGMT.ADD.AGENTS.VALIDATION_ERROR') }}
|
||||
</span>
|
||||
|
||||
@@ -10,40 +10,35 @@
|
||||
<woot-code
|
||||
v-if="currentInbox.web_widget_script"
|
||||
:script="currentInbox.web_widget_script"
|
||||
>
|
||||
</woot-code>
|
||||
/>
|
||||
</div>
|
||||
<div class="medium-6 small-offset-3">
|
||||
<woot-code
|
||||
v-if="isATwilioInbox"
|
||||
lang="html"
|
||||
:script="currentInbox.callback_webhook_url"
|
||||
>
|
||||
</woot-code>
|
||||
/>
|
||||
</div>
|
||||
<div class="medium-6 small-offset-3">
|
||||
<woot-code
|
||||
v-if="isALineInbox"
|
||||
lang="html"
|
||||
:script="currentInbox.callback_webhook_url"
|
||||
>
|
||||
</woot-code>
|
||||
/>
|
||||
</div>
|
||||
<div class="medium-6 small-offset-3">
|
||||
<woot-code
|
||||
v-if="isASmsInbox"
|
||||
lang="html"
|
||||
:script="currentInbox.callback_webhook_url"
|
||||
>
|
||||
</woot-code>
|
||||
/>
|
||||
</div>
|
||||
<div class="medium-6 small-offset-3">
|
||||
<woot-code
|
||||
v-if="isAEmailInbox"
|
||||
lang="html"
|
||||
:script="currentInbox.forward_to_email"
|
||||
>
|
||||
</woot-code>
|
||||
/>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<router-link
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
:global-config="globalConfig"
|
||||
:items="items"
|
||||
/>
|
||||
<router-view></router-view>
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -77,8 +77,7 @@
|
||||
icon="settings"
|
||||
color-scheme="secondary"
|
||||
class-names="grey-btn"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</router-link>
|
||||
|
||||
<woot-button
|
||||
@@ -91,8 +90,7 @@
|
||||
:is-loading="loading[item.id]"
|
||||
icon="dismiss-circle"
|
||||
@click="openDelete(item)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@@ -31,8 +31,8 @@
|
||||
<table class="table table-striped w-full">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th scope="col"></th>
|
||||
<th scope="col"></th>
|
||||
<th scope="col" />
|
||||
<th scope="col" />
|
||||
<th scope="col">
|
||||
{{ $t('INBOX_MGMT.PRE_CHAT_FORM.SET_FIELDS_HEADER.KEY') }}
|
||||
</th>
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<twilio v-if="provider === 'twilio'" type="sms"></twilio>
|
||||
<twilio v-if="provider === 'twilio'" type="sms" />
|
||||
<bandwidth-sms v-else />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<twilio v-if="provider === 'twilio'" type="whatsapp"></twilio>
|
||||
<twilio v-if="provider === 'twilio'" type="whatsapp" />
|
||||
<three-sixty-dialog-whatsapp v-else />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
:title="$t('INBOX_MGMT.ADD.TWILIO.API_CALLBACK.TITLE')"
|
||||
:sub-title="$t('INBOX_MGMT.ADD.TWILIO.API_CALLBACK.SUBTITLE')"
|
||||
>
|
||||
<woot-code :script="inbox.callback_webhook_url" lang="html"></woot-code>
|
||||
<woot-code :script="inbox.callback_webhook_url" lang="html" />
|
||||
</settings-section>
|
||||
</div>
|
||||
<div v-else-if="isALineChannel" class="settings--content">
|
||||
@@ -12,7 +12,7 @@
|
||||
:title="$t('INBOX_MGMT.ADD.LINE_CHANNEL.API_CALLBACK.TITLE')"
|
||||
:sub-title="$t('INBOX_MGMT.ADD.LINE_CHANNEL.API_CALLBACK.SUBTITLE')"
|
||||
>
|
||||
<woot-code :script="inbox.callback_webhook_url" lang="html"></woot-code>
|
||||
<woot-code :script="inbox.callback_webhook_url" lang="html" />
|
||||
</settings-section>
|
||||
</div>
|
||||
<div v-else-if="isAWebWidgetInbox">
|
||||
@@ -21,14 +21,14 @@
|
||||
:title="$t('INBOX_MGMT.SETTINGS_POPUP.MESSENGER_HEADING')"
|
||||
:sub-title="$t('INBOX_MGMT.SETTINGS_POPUP.MESSENGER_SUB_HEAD')"
|
||||
>
|
||||
<woot-code :script="inbox.web_widget_script"></woot-code>
|
||||
<woot-code :script="inbox.web_widget_script" />
|
||||
</settings-section>
|
||||
|
||||
<settings-section
|
||||
:title="$t('INBOX_MGMT.SETTINGS_POPUP.HMAC_VERIFICATION')"
|
||||
:sub-title="$t('INBOX_MGMT.SETTINGS_POPUP.HMAC_DESCRIPTION')"
|
||||
>
|
||||
<woot-code :script="inbox.hmac_token"></woot-code>
|
||||
<woot-code :script="inbox.hmac_token" />
|
||||
</settings-section>
|
||||
<settings-section
|
||||
:title="$t('INBOX_MGMT.SETTINGS_POPUP.HMAC_MANDATORY_VERIFICATION')"
|
||||
@@ -53,7 +53,7 @@
|
||||
:title="$t('INBOX_MGMT.SETTINGS_POPUP.INBOX_IDENTIFIER')"
|
||||
:sub-title="$t('INBOX_MGMT.SETTINGS_POPUP.INBOX_IDENTIFIER_SUB_TEXT')"
|
||||
>
|
||||
<woot-code :script="inbox.inbox_identifier"></woot-code>
|
||||
<woot-code :script="inbox.inbox_identifier" />
|
||||
</settings-section>
|
||||
</div>
|
||||
<div v-else-if="isAnEmailChannel">
|
||||
@@ -62,7 +62,7 @@
|
||||
:title="$t('INBOX_MGMT.SETTINGS_POPUP.FORWARD_EMAIL_TITLE')"
|
||||
:sub-title="$t('INBOX_MGMT.SETTINGS_POPUP.FORWARD_EMAIL_SUB_TEXT')"
|
||||
>
|
||||
<woot-code :script="inbox.forward_to_email"></woot-code>
|
||||
<woot-code :script="inbox.forward_to_email" />
|
||||
</settings-section>
|
||||
</div>
|
||||
<imap-settings :inbox="inbox" />
|
||||
|
||||
@@ -31,8 +31,7 @@
|
||||
icon="dismiss-circle"
|
||||
class-names="grey-btn"
|
||||
@click="$emit('delete', hook)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<p>
|
||||
<span
|
||||
v-dompurify-html="$t('INTEGRATION_SETTINGS.SLACK.HELP_TEXT.BODY')"
|
||||
></span>
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -17,8 +17,7 @@
|
||||
color-scheme="secondary"
|
||||
icon="edit"
|
||||
@click="$emit('edit', webhook)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
<woot-button
|
||||
v-tooltip.top="$t('INTEGRATION_SETTINGS.WEBHOOK.DELETE.BUTTON_TEXT')"
|
||||
variant="smooth"
|
||||
@@ -26,8 +25,7 @@
|
||||
size="tiny"
|
||||
icon="dismiss-circle"
|
||||
@click="$emit('delete', webhook, index)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
|
||||
@@ -52,8 +52,7 @@
|
||||
:is-loading="loading[label.id]"
|
||||
icon="edit"
|
||||
@click="openEditPopup(label)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
<woot-button
|
||||
v-tooltip.top="$t('LABEL_MGMT.FORM.DELETE')"
|
||||
variant="smooth"
|
||||
@@ -63,8 +62,7 @@
|
||||
class-names="grey-btn"
|
||||
:is-loading="loading[label.id]"
|
||||
@click="openDeletePopup(label, index)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -72,7 +70,7 @@
|
||||
</div>
|
||||
|
||||
<div class="small-4 columns">
|
||||
<span v-dompurify-html="$t('LABEL_MGMT.SIDEBAR_TXT')"></span>
|
||||
<span v-dompurify-html="$t('LABEL_MGMT.SIDEBAR_TXT')" />
|
||||
</div>
|
||||
</div>
|
||||
<woot-modal :show.sync="showAddPopup" :on-close="hideAddPopup">
|
||||
|
||||
@@ -87,7 +87,7 @@
|
||||
</p>
|
||||
</div>
|
||||
<div class="columns small-9 medium-5">
|
||||
<woot-code :script="currentUser.access_token"></woot-code>
|
||||
<woot-code :script="currentUser.access_token" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -76,7 +76,7 @@
|
||||
reports-option__item
|
||||
reports-option__label--swatch
|
||||
"
|
||||
></div>
|
||||
/>
|
||||
<span class="reports-option__desc">
|
||||
<span class="reports-option__title">
|
||||
{{ props.option.title }}
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
</span>
|
||||
</div>
|
||||
<div v-if="!isLoading" class="card-body row">
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</div>
|
||||
<div v-else-if="isLoading" class="conversation-metric-loader">
|
||||
<spinner />
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="add-agents__header"></div>
|
||||
<div class="add-agents__header" />
|
||||
<table class="woot-table">
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="row content-box full-height">
|
||||
<woot-wizard class="small-3 columns" :items="items" />
|
||||
<router-view></router-view>
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="row content-box full-height">
|
||||
<woot-wizard class="small-3 columns" :items="items" />
|
||||
<router-view></router-view>
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -33,8 +33,7 @@
|
||||
color-scheme="secondary"
|
||||
class-names="grey-btn"
|
||||
icon="settings"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</router-link>
|
||||
<woot-button
|
||||
v-if="isAdmin"
|
||||
@@ -46,8 +45,7 @@
|
||||
class-names="grey-btn"
|
||||
:is-loading="loading[item.id]"
|
||||
@click="openDelete(item)"
|
||||
>
|
||||
</woot-button>
|
||||
/>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@@ -45,8 +45,7 @@
|
||||
:button-text="$t('LOGIN.SUBMIT')"
|
||||
:loading="loginApi.showLoading"
|
||||
button-class="large expanded"
|
||||
>
|
||||
</woot-submit-button>
|
||||
/>
|
||||
</div>
|
||||
</form>
|
||||
<div class="column text-center sigin__footer">
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
:disabled="disabled"
|
||||
@click="onClick"
|
||||
>
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</button>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<span class="spinner" :class="size"></span>
|
||||
<span class="spinner" :class="size" />
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
|
||||
@@ -43,8 +43,7 @@
|
||||
<fluent-icon
|
||||
v-if="option.id === (selectedItem && selectedItem.id)"
|
||||
icon="checkmark"
|
||||
>
|
||||
</fluent-icon>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</woot-button>
|
||||
|
||||
@@ -1,9 +1,5 @@
|
||||
<template>
|
||||
<li
|
||||
class="dropdown-menu--divider"
|
||||
:tabindex="null"
|
||||
:aria-disabled="true"
|
||||
></li>
|
||||
<li class="dropdown-menu--divider" :tabindex="null" :aria-disabled="true" />
|
||||
</template>
|
||||
<script>
|
||||
export default {};
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
:tabindex="disabled ? null : -1"
|
||||
:aria-disabled="disabled"
|
||||
>
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</li>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
class="dropdown menu vertical"
|
||||
:class="[placement && `dropdown--${placement}`]"
|
||||
>
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</ul>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<li class="sub-menu-container">
|
||||
<ul class="sub-menu-li-container">
|
||||
<woot-dropdown-header :title="title" />
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</ul>
|
||||
</li>
|
||||
</template>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="test"></div>
|
||||
<div class="test" />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
/>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<branding></branding>
|
||||
<branding />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
'is-flat-design': isWidgetStyleFlat,
|
||||
}"
|
||||
>
|
||||
<router-view></router-view>
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
v-dompurify-html="formatMessage(message, false)"
|
||||
class="message-content"
|
||||
:class="$dm('text-black-900', 'dark:text-slate-50')"
|
||||
></div>
|
||||
/>
|
||||
<email-input
|
||||
v-if="isTemplateEmail"
|
||||
:message-id="messageId"
|
||||
@@ -24,8 +24,7 @@
|
||||
:options="messageContentAttributes.items"
|
||||
:hide-fields="!!messageContentAttributes.submitted_values"
|
||||
@click="onOptionSelect"
|
||||
>
|
||||
</chat-options>
|
||||
/>
|
||||
</div>
|
||||
<chat-form
|
||||
v-if="isForm && !messageContentAttributes.submitted_values"
|
||||
@@ -33,8 +32,7 @@
|
||||
:button-label="messageContentAttributes.button_label"
|
||||
:submitted-values="messageContentAttributes.submitted_values"
|
||||
@submit="onFormSubmit"
|
||||
>
|
||||
</chat-form>
|
||||
/>
|
||||
<div v-if="isCards">
|
||||
<chat-card
|
||||
v-for="item in messageContentAttributes.items"
|
||||
@@ -43,11 +41,10 @@
|
||||
:title="item.title"
|
||||
:description="item.description"
|
||||
:actions="item.actions"
|
||||
>
|
||||
</chat-card>
|
||||
/>
|
||||
</div>
|
||||
<div v-if="isArticle">
|
||||
<chat-article :items="messageContentAttributes.items"></chat-article>
|
||||
<chat-article :items="messageContentAttributes.items" />
|
||||
</div>
|
||||
<customer-satisfaction
|
||||
v-if="isCSAT"
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="agent-message-wrap">
|
||||
<div class="agent-message">
|
||||
<div class="avatar-wrap"></div>
|
||||
<div class="avatar-wrap" />
|
||||
<div class="message-wrap">
|
||||
<div
|
||||
class="typing-bubble chat-bubble agent"
|
||||
|
||||
@@ -2,14 +2,14 @@
|
||||
<div class="conversation--container">
|
||||
<div class="conversation-wrap" :class="{ 'is-typing': isAgentTyping }">
|
||||
<div v-if="isFetchingList" class="message--loader">
|
||||
<spinner></spinner>
|
||||
<spinner />
|
||||
</div>
|
||||
<div
|
||||
v-for="groupedMessage in groupedMessages"
|
||||
:key="groupedMessage.date"
|
||||
class="messages-wrap"
|
||||
>
|
||||
<date-separator :date="groupedMessage.date"></date-separator>
|
||||
<date-separator :date="groupedMessage.date" />
|
||||
<chat-message
|
||||
v-for="message in groupedMessage.messages"
|
||||
:key="message.id"
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
<div
|
||||
v-dompurify-html="formatMessage(message, false)"
|
||||
class="message-content"
|
||||
></div>
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="user-avatar" :class="size" :style="getBgImage"></div>
|
||||
<div class="user-avatar" :class="size" :style="getBgImage" />
|
||||
</template>
|
||||
<script>
|
||||
/**
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="relative">
|
||||
<button class="z-10 focus:outline-none select-none" @click="toggleMenu">
|
||||
<slot name="button"></slot>
|
||||
<slot name="button" />
|
||||
</button>
|
||||
|
||||
<!-- to close when clicked on space around it-->
|
||||
@@ -10,7 +10,7 @@
|
||||
tabindex="-1"
|
||||
class="fixed inset-0 h-full w-full cursor-default focus:outline-none"
|
||||
@click="toggleMenu"
|
||||
></button>
|
||||
/>
|
||||
|
||||
<!--dropdown menu-->
|
||||
<transition
|
||||
@@ -26,7 +26,7 @@
|
||||
class="menu-content absolute shadow-xl rounded-md border-solid border border-slate-100 mt-1 py-1 px-2 bg-white z-10"
|
||||
:class="menuPlacement === 'right' ? 'right-0' : 'left-0'"
|
||||
>
|
||||
<slot name="content"></slot>
|
||||
<slot name="content" />
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
|
||||
@@ -3,7 +3,8 @@
|
||||
"version": "2.5.0",
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
"eslint": "eslint app/**/*.{js,vue} --fix",
|
||||
"eslint": "eslint app/**/*.{js,vue}",
|
||||
"eslint:fix": "eslint app/**/*.{js,vue} --fix",
|
||||
"pretest": "rimraf .jest-cache",
|
||||
"test": "jest -w 1 --no-cache",
|
||||
"test:watch": "jest -w 1 --watch --no-cache",
|
||||
|
||||
Reference in New Issue
Block a user