LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat: add missing clickaway directives (#9451)

Browse Source 
* feat: add onClickaway to widget

* feat: add clickaway to portal

* feat: add directive to PublicArticleSearch
This commit is contained in:
Shivam Mishra
2024-05-10 11:15:36 +05:30
committed by GitHub
parent 4284c123a6
commit a4001374a5
3 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/packs/portal.js
View File

@@ -5,8 +5,10 @@ import Vue from 'vue';
import { InitializationHelpers } from '../portal/portalHelpers'; import { InitializationHelpers } from '../portal/portalHelpers';
import VueDOMPurifyHTML from 'vue-dompurify-html'; import VueDOMPurifyHTML from 'vue-dompurify-html';
import { domPurifyConfig } from '../shared/helpers/HTMLSanitizer'; import { domPurifyConfig } from '../shared/helpers/HTMLSanitizer';
import { directive as onClickaway } from 'vue-clickaway';
Vue.use(VueDOMPurifyHTML, domPurifyConfig); Vue.use(VueDOMPurifyHTML, domPurifyConfig);
Vue.directive('on-clickaway', onClickaway);
Rails.start(); Rails.start();
Turbolinks.start(); Turbolinks.start();

3
app/javascript/packs/widget.js
View File

@@ -12,12 +12,15 @@ import {
isPhoneNumberValidWithDialCode, isPhoneNumberValidWithDialCode,
} from 'shared/helpers/Validators'; } from 'shared/helpers/Validators';
import router from '../widget/router'; import router from '../widget/router';
import { directive as onClickaway } from 'vue-clickaway';
import { domPurifyConfig } from '../shared/helpers/HTMLSanitizer'; import { domPurifyConfig } from '../shared/helpers/HTMLSanitizer';
const PhoneInput = () => import('../widget/components/Form/PhoneInput'); const PhoneInput = () => import('../widget/components/Form/PhoneInput');
Vue.use(VueI18n); Vue.use(VueI18n);
Vue.use(Vuelidate); Vue.use(Vuelidate);
Vue.use(VueDOMPurifyHTML, domPurifyConfig); Vue.use(VueDOMPurifyHTML, domPurifyConfig);
Vue.directive('on-clickaway', onClickaway);
const i18nConfig = new VueI18n({ const i18nConfig = new VueI18n({
locale: 'en', locale: 'en',

4
app/javascript/portal/portalHelpers.js
View File

@@ -4,6 +4,7 @@ import Vue from 'vue';
import PublicArticleSearch from './components/PublicArticleSearch.vue'; import PublicArticleSearch from './components/PublicArticleSearch.vue';
import TableOfContents from './components/TableOfContents.vue'; import TableOfContents from './components/TableOfContents.vue';
import { initializeTheme } from './portalThemeHelper.js'; import { initializeTheme } from './portalThemeHelper.js';
import { directive as onClickaway } from 'vue-clickaway';
export const getHeadingsfromTheArticle = () => { export const getHeadingsfromTheArticle = () => {
const rows = []; const rows = [];
@@ -80,6 +81,9 @@ export const InitializationHelpers = {
if (isSearchContainerAvailable) { if (isSearchContainerAvailable) {
new Vue({ new Vue({
components: { PublicArticleSearch }, components: { PublicArticleSearch },
directives: {
'on-clickaway': onClickaway,
},
template: '<PublicArticleSearch />', template: '<PublicArticleSearch />',
}).$mount('#search-wrap'); }).$mount('#search-wrap');
} }