File manager

File manager - Edit - /home/premiey/www/wp-content/plugins/ameliabooking/assets/views/backend/settings/Settings.vue

Back
<template> <!-- Settings --> <div class="am-wrap"> <div id="am-settings" class="am-body"> <!-- Page Header --> <page-header/> <!-- /Page Header --> <!-- Spinner --> <div class="am-spinner am-section" v-show="!fetched"> <img :src="$root.getUrl + 'public/img/spinner.svg'"/> </div> <!-- /Spinner --> <!-- Settings Cards --> <div v-show="fetched" class="am-section am-settings-cards"> <!-- First Row --> <el-row :gutter="48"> <!-- General --> <el-col :md="8"> <div class="am-settings-card"> <h3><img :src="$root.getUrl + 'public/img/setting.svg'" class="svg-amelia"/> {{ $root.labels.general }}</h3> <p>{{ $root.labels.general_settings_description }}</p> <p class="link" @click="showDialogSettingsGeneral"> {{ $root.labels.view_general_settings }} </p> </div> </el-col> <!-- /General --> <!-- Company --> <el-col :md="8"> <div class="am-settings-card"> <h3><img :src="$root.getUrl + 'public/img/company.svg'" class="svg-amelia"/> {{ $root.labels.company }}</h3> <p>{{ $root.labels.company_settings_description }}</p> <p class="link" @click="showDialogSettingsCompany"> {{ $root.labels.view_company_settings }} </p> </div> </el-col> <!-- /Company --> <!-- Notification --> <el-col :md="8"> <div class="am-settings-card"> <h3> <img :src="$root.getUrl + 'public/img/email-settings.svg'" class="svg-amelia"/> {{ $root.labels.notifications}} </h3> <p>{{ $root.labels.notifications_settings_description }}</p> <p class="link" @click="showDialogSettingsNotifications"> {{ $root.labels.view_notifications_settings }} </p> </div> </el-col> <!-- /Notification --> </el-row> <!-- /First Row --> <!-- Second Row --> <el-row :gutter="48"> <!-- Working Hours & Days Off --> <el-col :md="8" v-if="!$root.isLite"> <div class="am-settings-card"> <h3> <img :src="$root.getUrl+'public/img/calendar.svg'" class="svg-amelia"/> {{ $root.labels.work_hours_days_off }} </h3> <p>{{ $root.labels.days_off_settings_description }}</p> <p class="link" @click="showDialogSettingsWorkHoursDaysOff"> {{ $root.labels.view_days_off_settings }} </p> </div> </el-col> <el-col :md="8" v-else> <div class="am-settings-card"> <h3><img :src="$root.getUrl + 'public/img/customer.svg'" class="svg"/> {{ $root.labels.provider_details_settings }} </h3> <p>{{ $root.labels.provider_details_settings_description }}</p> <p class="link" @click="showDialogEmployee"> {{ $root.labels.view_provider_details_settings }} </p> </div> </el-col> <!-- /Working Hours & Days Off --> <!-- Payments --> <el-col :md="8"> <div class="am-settings-card"> <h3> <img :src="$root.getUrl+'public/img/credit-card.svg'" class="svg-amelia"/> {{ $root.labels.payments }} </h3> <p>{{ $root.labels.payments_settings_description }}</p> <p class="link" @click="showDialogSettingsPayments"> {{ $root.labels.view_payments_settings }} </p> </div> </el-col> <!-- /Payments --> <!-- Integrations --> <el-col :md="8"> <div class="am-settings-card"> <h3> <img :src="$root.getUrl+'public/img/web-hook.svg'" class="svg-amelia"/> {{ $root.labels.integrations_settings }} </h3> <p>{{ $root.labels.integrations_settings_description }}</p> <p class="link" @click="showDialogSettingsIntegrations"> {{ $root.labels.view_integrations_settings }} </p> </div> </el-col> <!-- /Integrations --> </el-row> <!-- /Second Row --> <!-- Third Row --> <el-row :gutter="48"> <!-- Appointments --> <el-col :md="8"> <div class="am-settings-card"> <h3><img :src="$root.getUrl + 'public/img/appointment-settings.svg'" class="svg-amelia"/> {{ $root.labels.appointments }} </h3> <p>{{ $root.labels.appointments_settings_description }}</p> <p class="link" @click="showDialogSettingsAppointments"> {{ $root.labels.view_appointments_settings }} </p> </div> </el-col> <!-- /Appointments --> <!-- Labels --> <el-col :md="8"> <div class="am-settings-card"> <h3><img :src="$root.getUrl + 'public/img/labels.svg'" class="svg-amelia"/> {{ $root.labels.labels }} </h3> <p>{{ $root.labels.labels_settings_description }}</p> <p class="link" @click="showDialogSettingsLabels"> {{ $root.labels.view_labels_settings }} </p> </div> </el-col> <!-- /Labels --> <!-- Roles --> <el-col :md="8"> <div class="am-settings-card"> <h3><img :src="$root.getUrl + 'public/img/roles.svg'" class="svg-amelia"/> {{ $root.labels.roles_settings }} </h3> <p>{{ $root.labels.roles_settings_description }}</p> <p class="link" @click="showDialogSettingsRoles"> {{ $root.labels.view_roles_settings_description }} </p> </div> </el-col> <!-- /Roles --> </el-row> <!-- /Third Row --> <!-- Fourth Row --> <el-row :gutter="48"> <!-- Activation --> <el-col v-if="$root.settings.activation.showActivationSettings === true" :md="8"> <div class="am-settings-card"> <h3><img :src="$root.getUrl + 'public/img/purchase-code.svg'" class="svg-amelia"/> {{ $root.labels.activation }} </h3> <p>{{ $root.labels.activation_settings_description }}</p> <p class="link" @click="showDialogSettingsActivation"> {{ $root.labels.view_activation_settings }} </p> </div> </el-col> <!-- Activation --> </el-row> <!-- /Fourth Row --> </div> <!-- /Settings Cards --> <!-- Dialog General Settings --> <transition name="slide"> <el-dialog :close-on-click-modal="false" class="am-side-dialog am-dialog-settings" :visible.sync="dialogSettingsGeneral" :show-close="false" v-if="dialogSettingsGeneral" > <dialog-settings-general @closeDialogSettingsGeneral="dialogSettingsGeneral = false" @updateSettings="updateSettings" :general="settings.general" :languagesData="languagesData" > </dialog-settings-general> </el-dialog> </transition> <!-- /Dialog General Settings --> <!-- Dialog Company Settings --> <transition name="slide"> <el-dialog :close-on-click-modal="false" class="am-side-dialog am-dialog-settings" :visible.sync="dialogSettingsCompany" :show-close="false" v-if="dialogSettingsCompany" > <dialog-settings-company @closeDialogSettingsCompany="dialogSettingsCompany = false" @updateSettings="updateSettings" @showDialogTranslate ="showDialogTranslateCompany" :company="settings.company" ref="company" > </dialog-settings-company> </el-dialog> </transition> <!-- /Dialog Company Settings --> <!-- Dialog Notification Settings --> <transition name="slide"> <el-dialog :close-on-click-modal="false" class="am-side-dialog am-dialog-settings" :visible.sync="dialogSettingsNotifications" :show-close="false" v-if="dialogSettingsNotifications" > <dialog-settings-notifications @closeDialogSettingsNotifications="dialogSettingsNotifications = false" @updateSettings="updateSettings" :notifications="settings.notifications" :ics="settings.ics" > </dialog-settings-notifications> </el-dialog> </transition> <!-- /Dialog Notification Settings --> <!-- Dialog Work Hours & Days Off Settings --> <transition name="slide"> <el-dialog :close-on-click-modal="false" class="am-side-dialog am-dialog-settings" :visible.sync="dialogSettingsWorkHoursDaysOff" :show-close="false" v-if="dialogSettingsWorkHoursDaysOff" > <dialog-settings-work-hours-days-off @closeDialogSettingsWorkHoursDaysOff="dialogSettingsWorkHoursDaysOff = false" @updateSettings="updateSettings" :daysOff="settings.daysOff" :weekSchedule="settings.weekSchedule" > </dialog-settings-work-hours-days-off> </el-dialog> </transition> <!-- /Dialog Work Hours & Days Off Settings --> <!-- Dialog Payment Settings --> <transition name="slide"> <el-dialog :close-on-click-modal="false" class="am-side-dialog am-dialog-settings" :visible.sync="dialogSettingsPayments" :show-close="false" v-if="dialogSettingsPayments" > <dialog-settings-payments @closeDialogSettingsPayments="dialogSettingsPayments = false" @updateSettings="updateSettings" :customFields="customFields" :categories="categories" :coupons="coupons" :payments="settings.payments" :default-appointment-status="settings.general.defaultAppointmentStatus" > </dialog-settings-payments> </el-dialog> </transition> <!-- /Dialog Payment Settings --> <!-- Dialog Integrations Settings --> <transition name="slide"> <el-dialog :close-on-click-modal="false" class="am-side-dialog am-dialog-settings" :visible.sync="dialogSettingsIntegrations" :show-close="false" v-if="dialogSettingsIntegrations" > <dialog-settings-integrations @closeDialogSettingsIntegrations="dialogSettingsIntegrations = false" @updateSettings="updateSettings" @openDialog="openDialogCombinedPlaceholders" :googleCalendar="settings.googleCalendar" :outlookCalendar="settings.outlookCalendar" :zoom="settings.zoom" :lessonSpace="settings.lessonSpace" :facebookPixel="settings.facebookPixel" :googleTag="settings.googleTag" :webHooks="settings.webHooks" > </dialog-settings-integrations> </el-dialog> </transition> <!-- /Dialog Integrations Settings --> <!-- Dialog Placeholders --> <transition name="slide"> <el-dialog class="am-side-dialog am-dialog-settings" :visible.sync="dialogCombinedPlaceholder" :show-close="false" v-if="dialogCombinedPlaceholder" > <dialog-combined-placeholder @closeDialogCombinedPlaceholder="dialogCombinedPlaceholder=false" :appointmentsSettings="settings.appointments" :name="combinedPlaceholderName" :nameHtml="combinedPlaceholderName+'Html'" userTypeTab="provider" entity="group" :categories="categories" :coupons="coupons" :customFields="customFields" :placeholdersNames="getCombinedPlaceholders()" > </dialog-combined-placeholder> </el-dialog> </transition> <!-- Dialog Placeholders --> <!-- Dialog Labels Settings --> <transition name="slide"> <el-dialog :close-on-click-modal="false" class="am-side-dialog am-dialog-settings" :visible.sync="dialogSettingsLabels" :show-close="false" v-if="dialogSettingsLabels" > <dialog-settings-labels @closeDialogSettingsLabels="dialogSettingsLabels = false" @updateSettings="updateSettings" :labels="settings.labels" > </dialog-settings-labels> </el-dialog> </transition> <!-- /Dialog Labels Settings --> <!-- Dialog Activation Settings --> <transition v-if="$root.settings.activation.showActivationSettings === true" name="slide"> <el-dialog :close-on-click-modal="false" class="am-side-dialog am-dialog-settings" :visible.sync="dialogSettingsActivation" :show-close="false" v-if="dialogSettingsActivation" > <dialog-settings-activation @closeDialogSettingsActivation="dialogSettingsActivation = false" @updateSettings="updateSettings" :activation="settings.activation" > </dialog-settings-activation> </el-dialog> </transition> <!-- /Dialog Activation Settings --> <!-- Dialog Roles Settings --> <transition name="slide"> <el-dialog :close-on-click-modal="false" class="am-side-dialog am-dialog-settings" :visible.sync="dialogSettingsRoles" :show-close="false" v-if="dialogSettingsRoles" > <dialog-settings-roles @closeDialogSettingsRoles="dialogSettingsRoles = false" @updateSettings="updateSettings" @showDialogTranslate ="showDialogTranslateRoles" :roles="settings.roles" > </dialog-settings-roles> </el-dialog> </transition> <!-- /Dialog Roles Settings --> <!-- Dialog Translate --> <transition name="slide"> <el-dialog :close-on-click-modal="false" class="am-side-dialog am-dialog-translate am-edit" :show-close="true" :visible.sync="dialogTranslate" v-if="dialogTranslate" > <dialog-translate :passed-translations="dialogTranslateData" :name="dialogTranslateName" :allLanguagesData="languagesData" :used-languages="settings.general.usedLanguages" :type="dialogTranslateType" :tab="dialogTranslateTab" @saveDialogTranslate="saveDialogTranslate" @closeDialogTranslate="dialogTranslate = false" > </dialog-translate> </el-dialog> </transition> <!-- Dialog Appointments Settings --> <transition name="slide"> <el-dialog :close-on-click-modal="false" class="am-side-dialog am-dialog-settings" :visible.sync="dialogSettingsAppointments" :show-close="false" v-if="dialogSettingsAppointments" > <dialog-settings-appointments @closeDialogSettingsAppointments="dialogSettingsAppointments = false" @updateSettings="updateSettings" :appointments="settings.appointments" > </dialog-settings-appointments> </el-dialog> </transition> <!-- /Dialog Appointments Settings --> <transition name="slide" > <el-dialog class="am-side-dialog am-dialog-employee" :visible.sync="employeeInfo.dialogEmployee" :show-close="false" v-if="employeeInfo.dialogEmployee" > <dialog-employee :locations=[] :employee="employeeInfo.employee" :futureAppointments="employeeInfo.futureAppointments" :editCategorizedServiceList="employeeInfo.editCategorizedServiceList" :editWeekDayList="employeeInfo.editWeekDayList" :companyDaysOff="$root.settings.daysOff" @saveCallback="saveEmployeeCallback" @closeDialog="employeeInfo.dialogEmployee = false" @showCompcanyDaysOffSettingsDialog="employeeInfo.dialogCompanyDaysOffSettings = true" :isDisabledDuplicate="true" > </dialog-employee> </el-dialog> </transition> <DialogLite :isEmployeeDialog="employeeInfo.dialogEmployee"/> <!-- Help Button --> <el-col :md="6" class=""> <a class="am-help-button" href="https://wpamelia.com/general-settings/" target="_blank"> <i class="el-icon-question"></i> {{ $root.labels.need_help }}? </a> </el-col> <!-- /Help Button --> </div> <dialog-new-customize></dialog-new-customize> <AmSurvey></AmSurvey> </div> <!-- /Settings --> </template> <script> import DialogSettingsActivation from './DialogSettingsActivation.vue' import DialogSettingsAppointments from './DialogSettingsAppointments.vue' import DialogSettingsCompany from './DialogSettingsCompany.vue' import DialogSettingsGeneral from './DialogSettingsGeneral.vue' import DialogSettingsIntegrations from './DialogSettingsIntegrations.vue' import DialogSettingsLabels from './DialogSettingsLabels.vue' import DialogSettingsNotifications from './DialogSettingsNotifications.vue' import DialogSettingsPayments from './DialogSettingsPayments.vue' import DialogSettingsRoles from './DialogSettingsRoles.vue' import DialogSettingsWorkHoursDaysOff from './DialogSettingsWorkHoursDaysOff.vue' import DialogTranslate from '../parts/DialogTranslate' import helperMixin from '../../../js/backend/mixins/helperMixin' import imageMixin from '../../../js/common/mixins/imageMixin' import notifyMixin from '../../../js/backend/mixins/notifyMixin' import PageHeader from '../parts/PageHeader.vue' import DialogEmployee from './../employees/DialogEmployee.vue' import employeeMixin from '../../../js/common/mixins/employeeMixin' import settingsMixin from '../../../js/common/mixins/settingsMixin' // import DialogNewCustomize from '../parts/DialogNewCustomize.vue' import DialogNewCustomize from '../parts/DialogNewCustomize.vue' import DialogCombinedPlaceholder from "../notifications/common/DialogCombinedPlaceholder"; import AmSurvey from '../parts/AmSurvey.vue' export default { components: { PageHeader, DialogTranslate, DialogSettingsGeneral, DialogSettingsCompany, DialogSettingsNotifications, DialogSettingsWorkHoursDaysOff, DialogSettingsPayments, DialogSettingsIntegrations, DialogSettingsLabels, DialogSettingsRoles, DialogSettingsAppointments, DialogEmployee, DialogSettingsActivation, DialogNewCustomize, DialogCombinedPlaceholder, AmSurvey }, mixins: [ employeeMixin, settingsMixin, imageMixin, notifyMixin, helperMixin ], data () { return { employeeInfo: { isDuplicated: false, dialogCompanyDaysOffSettings: false, dialogEmployee: false, editCategorizedServiceList: null, editWeekDayList: [], employee: null, futureAppointments: {} }, dialogCombinedPlaceholder: false, combinedPlaceholderName: '', dialogTranslate: false, dialogTranslateExtra: false, dialogTranslateCategory: false, dialogTranslateType: 'url', dialogTranslateTab: 'roles', dialogTranslateData: {}, dialogTranslateName: '', extrasTranslateIndex: 0, languagesData: {}, newExtraTranslations: null, dialogSettingsGeneral: false, dialogSettingsCompany: false, dialogSettingsNotifications: false, dialogSettingsWorkHoursDaysOff: false, dialogSettingsPayments: false, dialogSettingsIntegrations: false, dialogSettingsLabels: false, dialogSettingsActivation: false, dialogSettingsRoles: false, dialogSettingsAppointments: false, fetched: false, customFields: [], categories: [], coupons: [], settings: {} } }, created () { this.fetchData() this.getEntities() }, updated () { this.inlineSVG() }, mounted () { this.inlineSVG() }, methods: { getCombinedPlaceholders () { if (this.combinedPlaceholderName === 'groupAppointmentPlaceholder') { return [ 'appointmentPlaceholders', 'extrasPlaceholders', 'customFieldsPlaceholders', 'customerPlaceholders', 'couponsPlaceholders' ] } else { return [ 'eventPlaceholders', 'customFieldsPlaceholders', 'customerPlaceholders', 'couponsPlaceholders' ] } }, fetchData () { this.$http.get(`${this.$root.getAjaxUrl}/settings`) .then(response => { this.fetched = true if (!response.data.data.settings.roles.customerCabinet.translations \|\| typeof response.data.data.settings.roles.customerCabinet.translations !== 'object' \|\| !('url' in response.data.data.settings.roles.customerCabinet.translations) ) { response.data.data.settings.roles.customerCabinet.translations = {url: {}} } if (!response.data.data.settings.company.translations \|\| typeof response.data.data.settings.company.translations !== 'object' \|\| !('name' in response.data.data.settings.company.translations) ) { response.data.data.settings.company.translations = {name: {}} } let settings = response.data.data.settings settings.weekSchedule.forEach(function (weekDay) { weekDay.form = { type: null, isNew: null, index: null, show: false, data: {} } if (weekDay.time[0] && weekDay.time[1]) { if (!('periods' in weekDay) \|\| weekDay.periods.length === 0) { weekDay.periods = [ { time: [ weekDay.time[0], weekDay.time[1] ], id: null, locationIds: [], serviceIds: [], periodLocationList: [], periodServiceList: [] } ] } else { weekDay.periods.forEach(function (period) { period['id'] = null period['locationIds'] = [] period['serviceIds'] = [] period['periodLocationList'] = [] period['periodServiceList'] = [] period['time'] = [ period.time[0], period.time[1] ] }) } } else { weekDay['periods'] = [] } }) if (!settings.payments.wc.checkoutData.translations) { settings.payments.wc.checkoutData.translations = { appointment: {}, event: {}, package: {} } } if (!settings.payments.wc.rules) { settings.payments.wc.rules = [] } if (!('appointment' in settings.payments.wc.checkoutData.translations) \|\| (Array.isArray(settings.payments.wc.checkoutData.translations.appointment) && !settings.payments.wc.checkoutData.translations.appointment.length) \|\| !settings.payments.wc.checkoutData.translations.appointment ) { settings.payments.wc.checkoutData.translations.appointment = {} } if (!('event' in settings.payments.wc.checkoutData.translations) \|\| (Array.isArray(settings.payments.wc.checkoutData.translations.event) && !settings.payments.wc.checkoutData.translations.event.length) \|\| !settings.payments.wc.checkoutData.translations.event ) { settings.payments.wc.checkoutData.translations.event = {} } if (!('package' in settings.payments.wc.checkoutData.translations) \|\| (Array.isArray(settings.payments.wc.checkoutData.translations.package) && !settings.payments.wc.checkoutData.translations.package.length) \|\| !settings.payments.wc.checkoutData.translations.package ) { settings.payments.wc.checkoutData.translations.package = {} } this.$root.settings.general.usedLanguages.forEach((language) => { if (!(language in settings.payments.wc.checkoutData.translations.appointment)) { settings.payments.wc.checkoutData.translations.appointment[language] = '' } if (!(language in settings.payments.wc.checkoutData.translations.event)) { settings.payments.wc.checkoutData.translations.event[language] = '' } if (!(language in settings.payments.wc.checkoutData.translations.package)) { settings.payments.wc.checkoutData.translations.package[language] = '' } }) this.settings = settings for (let prop in this.settings.notifications) { prop = prop.trim() } this.openActiveSettingFromQueryParameter() this.handleEnvatoActivation() }) .catch(e => { console.log(e.message) this.fetched = true }) }, updateSettings (settings, message = null, notify = true) { for (let category in settings) { if (settings.hasOwnProperty(category) && category !== 'weekSchedule') { this.settings[category] = settings[category] } } this.settings['customization'] = null this.settings['customizedData'] = null for (let prop in this.settings.notifications) { prop = prop.trim() } let settingsSaved = JSON.parse(JSON.stringify(this.settings)) settingsSaved.weekSchedule = settings.weekSchedule this.$http.post(`${this.$root.getAjaxUrl}/settings`, settingsSaved) .then(response => { Object.keys(settings).forEach((category) => { Object.keys(settings[category]).forEach((subCategory) => { if (this.$root.settings.hasOwnProperty(category) && this.$root.settings[category].hasOwnProperty(subCategory) ) { this.$root.settings[category][subCategory] = settings[category][subCategory] } }) }) if (notify === true) { this.notify( this.$root.labels.success, message \|\| this.$root.labels.settings_saved, 'success' ) } }) .catch(e => { this.notify(this.$root.labels.error, e.message, 'error') }) }, showDialogSettingsGeneral () { this.dialogSettingsGeneral = true }, showDialogSettingsCompany () { this.dialogSettingsCompany = true }, showDialogSettingsWorkHoursDaysOff () { this.dialogSettingsWorkHoursDaysOff = true }, showDialogSettingsNotifications () { this.dialogSettingsNotifications = true }, showDialogSettingsPayments () { this.dialogSettingsPayments = true }, showDialogSettingsIntegrations () { this.dialogSettingsIntegrations = true }, showDialogSettingsLabels () { this.dialogSettingsLabels = true }, showDialogSettingsActivation () { this.dialogSettingsActivation = true }, showDialogSettingsRoles () { this.dialogSettingsRoles = true }, showDialogEmployee: function () { this.$http.get(`${this.$root.getAjaxUrl}/entities`, { params: { types: ['employees', 'categories', 'appointments'], page: 'settings' } }) .then(response => { let $this = this let appointments = response.data.data.appointments['futureAppointments'] this.employeeInfo.employee = response.data.data.employees.length ? response.data.data.employees[0] : this.getInitEmployeeObject() this.employeeInfo.employee.specialDayList = [] this.employeeInfo.employee.dayOffList = [] this.employeeInfo.employee.weekDayList.forEach(function (weekDay) { weekDay.periodList = weekDay.periodList.sort((a, b) => $this.$moment('2000-01-01 ' + a.startTime + ':00', 'YYYY-MM-DD HH:mm:ss').diff($this.$moment('2000-01-01 ' + b.startTime + ':00', 'YYYY-MM-DD HH:mm:ss'))) weekDay.timeOutList = weekDay.timeOutList.sort((a, b) => $this.$moment('2000-01-01 ' + a.startTime + ':00', 'YYYY-MM-DD HH:mm:ss').diff($this.$moment('2000-01-01 ' + b.startTime + ':00', 'YYYY-MM-DD HH:mm:ss'))) }) for (let key in appointments) { if (this.employeeInfo.employee.id !== parseInt(appointments[key].providerId)) { continue } let serviceId = appointments[key].serviceId let providerId = appointments[key].providerId if (!(providerId in this.employeeInfo.futureAppointments)) { this.employeeInfo.futureAppointments[providerId] = [] this.employeeInfo.futureAppointments[providerId].push(serviceId) } else if (this.employeeInfo.futureAppointments[providerId].indexOf(serviceId) === -1) { this.employeeInfo.futureAppointments[providerId].push(serviceId) } } this.employeeInfo.employee.googleCalendar = { calendarId: null, calendarList: [] } this.employeeInfo.editWeekDayList = this.getParsedEditWeekDayList(this.employeeInfo.employee) this.employeeInfo.editCategorizedServiceList = this.getParsedEditCategorizedServiceList(this.employeeInfo.employee, response.data.data.categories) this.employeeInfo.editCategorizedServiceList.forEach(function (category) { if (!$this.employeeInfo.employee.id) { category.serviceList.forEach(function (service) { service.state = true }) category.state = true } }) this.employeeInfo.dialogEmployee = true }) .catch(e => { }) }, showDialogSettingsAppointments () { this.dialogSettingsAppointments = true }, openDialogCombinedPlaceholders (name) { this.combinedPlaceholderName = name this.dialogCombinedPlaceholder = true }, getEntities () { this.$http.get(`${this.$root.getAjaxUrl}/entities`, { params: this.getAppropriateUrlParams({ types: ['custom_fields', 'categories', 'coupons', 'settings'] }) }).then(response => { this.customFields = response.data.data.customFields this.coupons = response.data.data.coupons this.categories = response.data.data.categories this.languagesData = response.data.data.settings.languages }).catch(e => { console.log(e.message) }) }, showDialogTranslateRoles (name) { this.dialogTranslateTab = 'roles' this.dialogTranslateType = 'url' if (this.settings.roles.customerCabinet.translations && 'url' in this.settings.roles.customerCabinet.translations && Array.isArray(this.settings.roles.customerCabinet.translations.url) ) { this.settings.roles.customerCabinet.translations.url = {} } if (this.settings.roles.customerCabinet.translations && 'url' in this.settings.roles.customerCabinet.translations ) { this.settings.general.usedLanguages.forEach((language) => { if (!(language in this.settings.roles.customerCabinet.translations.url)) { this.settings.roles.customerCabinet.translations.url[language] = '' } }) } this.dialogTranslateData = this.settings.roles.customerCabinet.translations && this.settings.roles.customerCabinet.translations.url ? JSON.stringify(this.settings.roles.customerCabinet.translations) : JSON.stringify({url: {}}) this.showDialogTranslate(name) }, showDialogTranslateCompany (name) { this.dialogTranslateTab = 'company' this.dialogTranslateType = 'name' this.dialogTranslateData = JSON.stringify({name: {}}) if (this.settings.company.translations) { this.settings.company.translations.name = Object.assign({}, this.settings.company.translations.name) this.dialogTranslateData = JSON.stringify(this.settings.company.translations) } this.showDialogTranslate(name) }, showDialogTranslate (name) { this.dialogTranslateName = name this.dialogTranslate = true }, saveDialogTranslate (translations, newLanguages, tab) { this.settings.general.usedLanguages = this.settings.general.usedLanguages.concat(newLanguages) if (tab === 'roles') { translations = translations ? JSON.parse(translations) : {} let filledUrls = {} if (translations && 'url' in translations) { Object.keys(translations.url).forEach((key) => { if (translations.url[key]) { filledUrls[key] = translations.url[key] } }) this.settings.roles.customerCabinet.translations = {url: filledUrls} } } if (tab === 'company') { this.settings.company.translations = translations ? JSON.parse(translations) : [] this.$refs.company.changeTranslations(translations) } this.closeDialogTranslate() }, closeDialogTranslate () { this.dialogTranslate = false }, openActiveSettingFromQueryParameter () { let queryParams = this.getUrlQueryParams(window.location.href) let activeSetting = queryParams['activeSetting'] if (activeSetting) { if (activeSetting === 'activation') { this.showDialogSettingsActivation() let redirectURL = this.removeURLParameter(window.location.href, 'activeSetting') history.pushState(null, null, redirectURL + '#/settings') } } }, handleEnvatoActivation () { let queryParams = this.getUrlQueryParams(window.location.href) if (queryParams['valid'] && queryParams['domainRegistered']) { this.settings.activation.envatoTokenEmail = typeof queryParams['envatoTokenEmail'] !== 'undefined' ? queryParams['envatoTokenEmail'] : '' this.settings.activation.active = queryParams['valid'] === 'true' && queryParams['domainRegistered'] === 'true' this.updateSettings(this.settings, null, false) this.showDialogSettingsActivation() } }, saveEmployeeCallback () { this.employeeInfo.dialogEmployee = false } } } </script>

| ver. 1.4 | Github | . | PHP 5.4.45 | Generation time: 0 | proxy | phpinfo | Settings