mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-17 01:56:46 +00:00
🐛 Fix personalization survey merge
This commit is contained in:
@@ -10,7 +10,6 @@
|
||||
:closeOnPressEscape="false"
|
||||
width="460px"
|
||||
@enter="save"
|
||||
@input="onInput"
|
||||
>
|
||||
<template v-slot:content>
|
||||
<div v-if="submitted" :class="$style.submittedContainer">
|
||||
@@ -19,7 +18,7 @@
|
||||
</div>
|
||||
<div :class="$style.container" v-else>
|
||||
<n8n-input-label :label="$i.baseText('personalizationModal.howAreYourCodingSkills')">
|
||||
<n8n-select :value="values[CODING_SKILL_KEY]" :placeholder="$i.baseText('personalizationModal.select')" @change="(value) => onInput(CODING_SKILL_KEY, value)">
|
||||
<n8n-select :value="values[CODING_SKILL_KEY]" :placeholder="$i.baseText('personalizationModal.select')" @change="(value) => values[CODING_SKILL_KEY] = value">
|
||||
<n8n-option
|
||||
:label="baseText('personalizationModal.neverCoded')"
|
||||
value="0"
|
||||
@@ -48,123 +47,53 @@
|
||||
</n8n-input-label>
|
||||
|
||||
<n8n-input-label :label="$i.baseText('personalizationModal.whichOfTheseAreasDoYouMainlyWorkIn')">
|
||||
<n8n-select :value="values[WORK_AREA_KEY]" :placeholder="$i.baseText('personalizationModal.select')" @change="(value) => onInput(WORK_AREA_KEY, value)">
|
||||
<n8n-option
|
||||
:value="FINANCE_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.finance')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="HR_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.hr')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="IT_ENGINEERING_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.itEngineering')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="LEGAL_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.legal')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="MARKETING_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.marketing')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="OPS_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.operations')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="PRODUCT_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.product')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="SALES_BUSINESSDEV_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.salesBizDev')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="SECURITY_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.security')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="SUPPORT_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.support')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="EXECUTIVE_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.executiveTeam')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="OTHER_WORK_AREA_OPTION"
|
||||
:label="$i.baseText('personalizationModal.otherPleaseSpecify')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="NOT_APPLICABLE_WORK_AREA"
|
||||
:label="$i.baseText('personalizationModal.imNotUsingN8nForWork')"
|
||||
/>
|
||||
<n8n-select :value="values[WORK_AREA_KEY]" multiple :placeholder="$i.baseText('personalizationModal.select')" @change="(value) => onMultiInput(WORK_AREA_KEY, value)">
|
||||
<n8n-option :value="FINANCE_WORK_AREA" :label="$i.baseText('personalizationModal.finance')" />
|
||||
<n8n-option :value="HR_WORK_AREA" :label="$i.baseText('personalizationModal.hr')" />
|
||||
<n8n-option :value="IT_ENGINEERING_WORK_AREA" :label="$i.baseText('personalizationModal.itEngineering')" />
|
||||
<n8n-option :value="LEGAL_WORK_AREA" :label="$i.baseText('personalizationModal.legal')" />
|
||||
<n8n-option :value="MARKETING_WORK_AREA" :label="$i.baseText('personalizationModal.marketing')" />
|
||||
<n8n-option :value="OPS_WORK_AREA" :label="$i.baseText('personalizationModal.operations')" />
|
||||
<n8n-option :value="PRODUCT_WORK_AREA" :label="$i.baseText('personalizationModal.product')" />
|
||||
<n8n-option :value="SALES_BUSINESSDEV_WORK_AREA" :label="$i.baseText('personalizationModal.salesBizDev')" />
|
||||
<n8n-option :value="SECURITY_WORK_AREA" :label="$i.baseText('personalizationModal.security')" />
|
||||
<n8n-option :value="SUPPORT_WORK_AREA" :label="$i.baseText('personalizationModal.support')" />
|
||||
<n8n-option :value="EXECUTIVE_WORK_AREA" :label="$i.baseText('personalizationModal.executiveTeam')" />
|
||||
<n8n-option :value="OTHER_WORK_AREA_OPTION" :label="$i.baseText('personalizationModal.otherPleaseSpecify')" />
|
||||
<n8n-option :value="NOT_APPLICABLE_WORK_AREA" :label="$i.baseText('personalizationModal.imNotUsingN8nForWork')" />
|
||||
</n8n-select>
|
||||
</n8n-input-label>
|
||||
|
||||
<n8n-input
|
||||
v-if="otherWorkAreaFieldVisible"
|
||||
:value="values[OTHER_WORK_AREA_KEY]"
|
||||
:placeholder="$i.baseText('personalizationModal.specifyYourWorkArea')"
|
||||
@input="(value) => onInput(OTHER_WORK_AREA_KEY, value)"
|
||||
@input="(value) => values[OTHER_WORK_AREA_KEY] = value"
|
||||
/>
|
||||
|
||||
<section v-if="showAllIndustryQuestions">
|
||||
<n8n-input-label :label="$i.baseText('personalizationModal.whichIndustriesIsYourCompanyIn')">
|
||||
<n8n-select :value="values[COMPANY_INDUSTRY_KEY]" multiple :placeholder="$i.baseText('personalizationModal.select')" @change="(value) => onInput(COMPANY_INDUSTRY_KEY, value)">
|
||||
<n8n-option
|
||||
:value="E_COMMERCE_INDUSTRY"
|
||||
:label="$i.baseText('personalizationModal.eCommerce')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="AUTOMATION_CONSULTING_INDUSTRY"
|
||||
:label="$i.baseText('personalizationModal.automationConsulting')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="SYSTEM_INTEGRATION_INDUSTRY"
|
||||
:label="$i.baseText('personalizationModal.systemsIntegration')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="GOVERNMENT_INDUSTRY"
|
||||
:label="$i.baseText('personalizationModal.government')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="LEGAL_INDUSTRY"
|
||||
:label="$i.baseText('personalizationModal.legal')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="HEALTHCARE_INDUSTRY"
|
||||
:label="$i.baseText('personalizationModal.healthcare')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="FINANCE_INDUSTRY"
|
||||
:label="$i.baseText('personalizationModal.finance')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="SECURITY_INDUSTRY"
|
||||
:label="$i.baseText('personalizationModal.security')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="SAAS_INDUSTRY"
|
||||
:label="$i.baseText('personalizationModal.saas')"
|
||||
/>
|
||||
<n8n-option
|
||||
:value="OTHER_INDUSTRY_OPTION"
|
||||
:label="$i.baseText('personalizationModal.otherPleaseSpecify')"
|
||||
/>
|
||||
<n8n-select :value="values[COMPANY_INDUSTRY_KEY]" multiple :placeholder="$i.baseText('personalizationModal.select')" @change="(value) => onMultiInput(COMPANY_INDUSTRY_KEY, value)">
|
||||
<n8n-option :value="E_COMMERCE_INDUSTRY" :label="$i.baseText('personalizationModal.eCommerce')" />
|
||||
<n8n-option :value="AUTOMATION_CONSULTING_INDUSTRY" :label="$i.baseText('personalizationModal.automationConsulting')" />
|
||||
<n8n-option :value="SYSTEM_INTEGRATION_INDUSTRY" :label="$i.baseText('personalizationModal.systemsIntegration')" />
|
||||
<n8n-option :value="GOVERNMENT_INDUSTRY" :label="$i.baseText('personalizationModal.government')" />
|
||||
<n8n-option :value="LEGAL_INDUSTRY" :label="$i.baseText('personalizationModal.legal')" />
|
||||
<n8n-option :value="HEALTHCARE_INDUSTRY" :label="$i.baseText('personalizationModal.healthcare')" />
|
||||
<n8n-option :value="FINANCE_INDUSTRY" :label="$i.baseText('personalizationModal.finance')" />
|
||||
<n8n-option :value="SECURITY_INDUSTRY" :label="$i.baseText('personalizationModal.security')" />
|
||||
<n8n-option :value="SAAS_INDUSTRY" :label="$i.baseText('personalizationModal.saas')" />
|
||||
<n8n-option :value="OTHER_INDUSTRY_OPTION" :label="$i.baseText('personalizationModal.otherPleaseSpecify')" />
|
||||
</n8n-select>
|
||||
</n8n-input-label>
|
||||
<n8n-input
|
||||
v-if="otherCompanyIndustryFieldVisible"
|
||||
:value="values[OTHER_COMPANY_INDUSTRY_KEY]"
|
||||
:placeholder="$i.baseText('personalizationModal.specifyYourCompanysIndustry')"
|
||||
@input="(value) => onInput(OTHER_COMPANY_INDUSTRY_KEY, value)"
|
||||
@input="(value) => values[OTHER_COMPANY_INDUSTRY_KEY] = value"
|
||||
/>
|
||||
|
||||
<n8n-input-label :label="$i.baseText('personalizationModal.howBigIsYourCompany')">
|
||||
<n8n-select :value="values[COMPANY_SIZE_KEY]" :placeholder="$i.baseText('personalizationModal.select')" @change="(value) => onInput(COMPANY_SIZE_KEY, value)">
|
||||
<n8n-select :value="values[COMPANY_SIZE_KEY]" placeholder="Select..." @change="(value) => values[COMPANY_SIZE_KEY] = value">
|
||||
<n8n-option
|
||||
:label="$i.baseText('personalizationModal.lessThan20People')"
|
||||
:value="COMPANY_SIZE_20_OR_LESS"
|
||||
@@ -265,11 +194,11 @@ export default mixins(showMessage, workflowHelpers).extend({
|
||||
showAllIndustryQuestions: true,
|
||||
modalBus: new Vue(),
|
||||
values: {
|
||||
[WORK_AREA_KEY]: null,
|
||||
[WORK_AREA_KEY]: [],
|
||||
[COMPANY_SIZE_KEY]: null,
|
||||
[CODING_SKILL_KEY]: null,
|
||||
[OTHER_WORK_AREA_KEY]: null,
|
||||
[COMPANY_INDUSTRY_KEY]: null,
|
||||
[COMPANY_INDUSTRY_KEY]: [],
|
||||
[OTHER_COMPANY_INDUSTRY_KEY]: null,
|
||||
} as IPersonalizationSurveyAnswers,
|
||||
FINANCE_WORK_AREA,
|
||||
@@ -318,28 +247,19 @@ export default mixins(showMessage, workflowHelpers).extend({
|
||||
closeDialog() {
|
||||
this.modalBus.$emit('close');
|
||||
},
|
||||
onInput(name: IPersonalizationSurveyKeys, value: string) {
|
||||
if (name === WORK_AREA_KEY && value.includes(OTHER_WORK_AREA_OPTION)) {
|
||||
this.otherWorkAreaFieldVisible = true;
|
||||
onMultiInput(name: IPersonalizationSurveyKeys, value: string[]) {
|
||||
if (name === WORK_AREA_KEY) {
|
||||
this.otherWorkAreaFieldVisible = value.includes(OTHER_WORK_AREA_OPTION);
|
||||
this.showAllIndustryQuestions = !value.includes(NOT_APPLICABLE_WORK_AREA);
|
||||
this.values[OTHER_WORK_AREA_KEY] = value.includes(OTHER_WORK_AREA_OPTION) ? this.values[OTHER_WORK_AREA_KEY] : null;
|
||||
this.values[WORK_AREA_KEY] = value;
|
||||
}
|
||||
else if (name === WORK_AREA_KEY && value.includes(NOT_APPLICABLE_WORK_AREA)) {
|
||||
this.showAllIndustryQuestions = false;
|
||||
}
|
||||
else if (name === WORK_AREA_KEY) {
|
||||
this.otherWorkAreaFieldVisible = false;
|
||||
this.showAllIndustryQuestions = true;
|
||||
this.values[OTHER_WORK_AREA_KEY] = null;
|
||||
if (name === COMPANY_INDUSTRY_KEY) {
|
||||
this.otherCompanyIndustryFieldVisible = value.includes(OTHER_INDUSTRY_OPTION);
|
||||
this.values[OTHER_COMPANY_INDUSTRY_KEY] = value.includes(OTHER_INDUSTRY_OPTION) ? this.values[OTHER_COMPANY_INDUSTRY_KEY] : null;
|
||||
this.values[COMPANY_INDUSTRY_KEY] = value;
|
||||
}
|
||||
|
||||
if (name === COMPANY_INDUSTRY_KEY && value.includes(OTHER_INDUSTRY_OPTION)) {
|
||||
this.otherCompanyIndustryFieldVisible = true;
|
||||
}
|
||||
else if (name === COMPANY_INDUSTRY_KEY) {
|
||||
this.otherCompanyIndustryFieldVisible = false;
|
||||
this.values[OTHER_COMPANY_INDUSTRY_KEY] = null;
|
||||
}
|
||||
|
||||
this.values[name] = value;
|
||||
},
|
||||
async save(): Promise<void> {
|
||||
this.$data.isSaving = true;
|
||||
@@ -353,7 +273,7 @@ export default mixins(showMessage, workflowHelpers).extend({
|
||||
|
||||
this.submitted = true;
|
||||
} catch (e) {
|
||||
this.$showError(e, this.$i.baseText('personalizationModal.errorWhileSubmittingResults'));
|
||||
this.$showError(e, 'Error while submitting results');
|
||||
}
|
||||
|
||||
this.$data.isSaving = false;
|
||||
|
||||
Reference in New Issue
Block a user