Fornisci una breve descrizione della tua attività aziendale per aiutarci a personalizzare e ottimizzare le nostre ricerche per te.',\n validators: [{ type: 'custom' }]\n }\n ]\n\n Vue.prototype.dynFormConfigCompanyRegister = [\n { id: 0, fieldName: 'txtRegisterCompanyFirstname', label: 'Nome referente', validators: [{ type: 'required' }] },\n {\n id: 1,\n fieldName: 'txtRegisterCompanyLastname',\n label: 'Cognome referente',\n validators: [{ type: 'required' }]\n },\n {\n id: 2,\n fieldName: 'txtRegisterCompanyCompanyName',\n label: 'Ragione sociale',\n validators: [{ type: 'required' }]\n },\n\n {\n id: 3,\n fieldName: 'txtRegisterCompanyVatNumber',\n label: 'Partita Iva',\n validators: [\n { type: 'regex', regex: '^[0-9]{11}$', message: 'Il formato del campo P.Iva non è corretto' },\n {\n type: 'remote',\n method: 'post',\n url: '/api/v1/utilities/isVATNumberFree',\n valueParam: 'vat', // Se non specificato utilizza 'value'\n extraParam: { excludeloggeduser: true, appUserId: () => EventBus.appUserId }, // Nel caso di servizi preesistenti permette di specificare eventuali altri parametri obbligatori TODO: rendere dinamico\n // responseEval: 'd', // Ci si aspetta una risposta true/false. Se il servizio restituisce un oggetto complesso permette di testare il valore desiderato.\n message: 'La partita Iva è già utilizzata'\n }\n ]\n },\n {\n id: 4,\n fieldName: 'txtRegisterCompanyEmail',\n label: 'Email',\n validators: [\n { type: 'required' },\n {\n type: 'regex',\n regex:\n /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\n message: 'Il formato del campo non è corretto.'\n },\n {\n type: 'remote',\n method: 'post',\n url: '/api/v1/utilities/isEmailAndUsernameFree',\n valueParam: 'mail', // Se non specificato utilizza 'value'\n extraParam: { excludeloggeduser: true, iscontactmail: false, appUserId: () => EventBus.appUserId }, // Nel caso di servizi preesistenti permette di specificare eventuali parametri obbligatori TODO: rendere dinamico\n // responseEval: 'd', // Ci si aspetta una risposta true/false. Se il servizio restituisce un oggetto complesso permette di testare il valore desiderato.\n message: 'Indirizzo Email già utilizzato'\n }\n ]\n },\n {\n id: 5,\n fieldName: 'txtRegisterCompanyEmailConfirm',\n label: 'Conferma Email',\n validators: [\n { type: 'required' },\n {\n type: 'regex',\n regex:\n /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\n message: 'Il formato del campo non è corretto.'\n },\n {\n type: 'equalOtherFields',\n equalOtherFields: ['txtRegisterCompanyEmail'],\n message: 'I due campi Email sono differenti'\n }\n ]\n },\n\n {\n id: 6,\n fieldName: 'txtRegisterCompanyPassword',\n inputType: 'password',\n label: 'Password',\n validators: [\n { type: 'required' },\n {\n type: 'regex',\n regex: '^.{6,20}$',\n message: 'La password deve essere compresa tra 6 e 20 caratteri'\n }\n ]\n }\n ]\n","\n function useMouse(title) {\n const { ref, onMounted, onUnmounted, watch } = Vue\n const x = ref(0)\n const y = ref(0)\n\n function update(event) {\n x.value = event.pageX\n y.value = event.pageY\n }\n\n watch([x, y], (newValue, oldValue) => console.log(title.value, x.value, y.value, newValue, oldValue))\n\n onMounted(() => window.addEventListener('mousemove', update))\n onUnmounted(() => window.removeEventListener('mousemove', update))\n\n return { x, y }\n }\n\n Vue.component('test-composite', {\n props: {\n title: { type: String, required: true }\n },\n template: '#test-composite',\n setup(props) {\n const { toRefs } = Vue\n const { title } = toRefs(props)\n title.value = `\"${title.value}\"`\n const { x, y } = useMouse(title)\n return { x, y, title }\n }\n })\n","\n Vue.component('vue-recaptcha', VueRecaptcha.VueRecaptcha)\n\n Vue.component('dynamic-form-item', {\n props: {\n id: Number,\n fieldName: { type: String, required: true },\n label: { type: String, default: '' },\n value: { type: String, default: '' },\n valueIfChecked: { type: String, default: 'true' },\n active: { type: Boolean, default: true },\n inputClass: { type: Array, default: () => [] },\n skip: { type: Boolean, default: false },\n hideIfEmpty: { type: Boolean, default: false },\n readOnly: { type: Boolean, default: false },\n validators: { type: Array, default: () => [] },\n inputType: { type: String, default: 'input' },\n typeahead: { type: Object }, // {bloodhoundSource, valueProp, labelProp, sortProp}\n getFieldValue: { type: Function, default: fieldName => null },\n checkValidation: { type: Boolean, default: false },\n options: { type: Array },\n nobr: { type: Boolean, default: true },\n action: { type: Function, default: () => null },\n placeholder: { type: String }\n },\n data() {\n return {\n validationMessage: [],\n typeaheadValues: [],\n isTyping: false,\n onFocus: false\n }\n },\n template: '#dynamic-form-item',\n computed: {\n required() {\n return this.validators.filter(validator => validator.type == 'required').length > 0\n },\n\n typeaheadPlaceholder() {\n let retVal = ''\n if (\n this.typeahead &&\n this.typeaheadValues.length === 1 &&\n this.typeaheadValues[0].label.toLowerCase().startsWith(this.value.toLowerCase())\n ) {\n retVal = this.typeaheadValues[0].label.replace(new RegExp(`(${this.value})`, 'gmi'), this.value)\n }\n return retVal\n }\n },\n watch: {\n checkValidation(val) {\n if (val) {\n this.validate()\n } else {\n this.validationMessage = []\n }\n }\n },\n methods: {\n handleButtonClick() {\n if (this.action) {\n this.action()\n }\n },\n highlightText(a, b) {\n return a.replace(new RegExp(`(${b})`, 'gmi'), '$1')\n },\n handleInput(e) {\n // this.typeaheadValues = []\n const { value } = e.target\n\n this.isTyping = true\n this.setValue({ label: value, code: '' })\n this.handleTypeahead(value)\n this.debounceValueInput(e.target.value)\n },\n handleCheckBoxClick(e) {\n const value = e.target.checked ? this.valueIfChecked : ''\n this.setValue({ label: value })\n },\n handleRadioClick(e, option) {\n const value = e.target.checked ? option.valueIfChecked : ''\n this.setValue({ label: value })\n },\n handleTab(e) {\n const filteredItem = this.typeaheadValues.filter(xx => xx.label.toLowerCase() == this.value.toLowerCase())\n const item =\n filteredItem.length == 1\n ? filteredItem[0]\n : this.typeaheadValues.length == 1\n ? this.typeaheadValues[0]\n : { label: this.value, code: '' }\n\n if (this.value != item.label) {\n e.preventDefault()\n e.stopPropagation()\n }\n this.setValue(item)\n },\n handleEnter(e) {\n if (this.nobr) e.preventDefault()\n },\n handleBlur(e) {\n const filteredItem = this.typeaheadValues.filter(xx => xx.label.toLowerCase() == this.value.toLowerCase())\n const item =\n filteredItem.length == 1\n ? filteredItem[0]\n : this.typeaheadValues.length == 1\n ? this.typeaheadValues[0]\n : { label: this.value, code: '' }\n\n if (item) this.setValue(item)\n\n this.onFocus = false\n this.validate()\n },\n handleInputEnter() {\n this.$emit('confirm', { fieldName: this.fieldName, value: this.value })\n },\n handleFocus() {\n this.onFocus = true\n this.typeaheadValues = []\n this.handleTypeahead(this.value)\n },\n handleTypeahead(value) {\n if (this.typeahead) {\n const query = `${value}${\n this.typeahead.filterField ? `|${this.getFieldValue(this.typeahead.filterField)}` : ''\n }`\n this.typeahead.bloodhoundSource.search(query, null, datum => {\n this.typeaheadValues = datum\n // .filter(item =>\n // this.typeahead.filterProp\n // ? item[this.typeahead.filterProp] == this.getFieldValue(this.typeahead.filterField)\n // : true\n // )\n .map(item => ({\n code: item[this.typeahead.valueProp],\n label: item[this.typeahead.labelProp]\n }))\n }) // Per ora gestisco solo remoto\n }\n },\n handleTypeaheadClick(item) {\n this.typeaheadValues = [item]\n this.setValue(item)\n this.$emit('confirm', { fieldName: this.fieldName, value: item.label })\n setTimeout(() => {\n this.$refs.input.focus()\n }, 100)\n },\n handleParentInput(event) {\n this.$emit('input', { ...event })\n },\n setValue(item) {\n this.$emit('input', { fieldName: this.fieldName, value: item.label })\n if (this.typeahead && this.typeahead.valueField) {\n this.$emit('input', { fieldName: this.typeahead.valueField, value: item.code })\n }\n },\n debounceValueInput: _.debounce(function (value) {\n this.isTyping = false\n }, 300),\n validate() {\n const self = this\n self.validationMessage = []\n // if (this.required && `${this.value}` == '') self.validationMessage.push('Campo obbligatorio')\n\n if (self.inputType === 'hidden') return true\n\n this.validators\n .filter(validator => validator.type === 'required')\n .forEach(validator => {\n if (this.value === '' || this.value === undefined) {\n self.validationMessage.push(\n validator.hasOwnProperty('message') ? validator.message : 'Campo obbligatorio'\n )\n }\n })\n\n if (self.validationMessage.length === 0 && !this.value) {\n this.validators\n .filter(validator => validator.type === 'requiredOtherFields')\n .forEach(validator => {\n let otherFieldsAreNull = true\n validator.requiredOtherFields.forEach(otherField => {\n const retVal = self.getFieldValue(otherField)\n otherFieldsAreNull = otherFieldsAreNull && (retVal === '' || retVal === undefined)\n })\n if (otherFieldsAreNull) {\n self.validationMessage.push(validator.message)\n }\n })\n }\n\n if (self.validationMessage.length === 0 && this.value) {\n this.validators\n .filter(validator => validator.type === 'regex')\n .forEach(validator => {\n const re = new RegExp(validator.regex)\n if (!re.test(this.value)) self.validationMessage.push(validator.message)\n })\n }\n\n if (self.validationMessage.length === 0 && this.value) {\n this.validators\n .filter(validator => validator.type === 'equalOtherFields')\n .forEach(validator => {\n let otherFieldsAreEquals = true\n validator.equalOtherFields.forEach(otherField => {\n const retVal = self.getFieldValue(otherField)\n otherFieldsAreEquals = otherFieldsAreEquals && retVal === self.value\n })\n if (!otherFieldsAreEquals) {\n self.validationMessage.push(validator.message)\n }\n })\n }\n\n if (self.validationMessage.length === 0 && this.value) {\n this.validators\n .filter(validator => validator.type === 'remote')\n .forEach(validator => {\n const sendData = {\n [validator.valueParam || 'value']: self.value\n }\n if (validator.hasOwnProperty('extraParam')) {\n Object.entries(validator.extraParam).forEach(\n ([key, value]) => (sendData[key] = value instanceof Function ? value() : value)\n )\n }\n axios[validator.method](validator.url, sendData).then(response => {\n const { data } = response\n const result = validator.responseEval ? eval(`data.${validator.responseEval}`) : data\n if (!result) self.validationMessage.push(validator.message)\n })\n })\n\n if (this.typeahead && !this.typeahead.valueNotInList) {\n let bhValide = true\n const query = `${this.value}${\n this.typeahead.filterField ? `|${this.getFieldValue(this.typeahead.filterField)}` : ''\n }`\n this.typeahead.bloodhoundSource.search(query, null, datum => {\n const filteredDatum = datum.filter(\n item => item[self.typeahead.labelProp].toLowerCase() === self.value.toLowerCase()\n )\n if (filteredDatum.length === 0) {\n bhValide = false\n self.validationMessage.push('Selezionare un valore in elenco')\n }\n })\n if (\n bhValide &&\n this.typeahead.valueField &&\n this.validators.filter(val => val.type === 'required').length > 0 &&\n this.getFieldValue(this.typeahead.valueField) === ''\n ) {\n self.validationMessage.push('Selezionare un valore in elenco')\n }\n }\n }\n\n return self.validationMessage.length === 0\n },\n emitInterface() {\n const self = this\n this.$emit('interface', {\n key: self.fieldName,\n validate: () => self.validate(),\n containerRef: self.$refs.container\n })\n },\n onCaptchaVerified(recaptchaToken) {\n // console.log('CAPTCHA VERIFIED', recaptchaToken)\n this.setValue({ label: recaptchaToken })\n },\n onCaptchaExpired() {\n // console.log('CAPTCHA EXPIRED')\n this.setValue({ label: null })\n },\n onCaptchaError() {\n // console.log('CAPTCHA ERROR')\n this.setValue({ label: null })\n }\n },\n mounted() {\n this.emitInterface()\n }\n })\n","\n Vue.component('dynamic-form', {\n props: {\n id: { type: String, required: true },\n fields: { type: Array, required: true },\n apiLoadEndPoint: { type: String },\n apiSaveEndPoint: { type: String },\n defaultFieldValue: {\n type: Object,\n default() {\n return {}\n }\n }\n },\n data() {\n return {\n childrenInterface: [],\n checkValidation: false,\n fieldsValue: {},\n originalFieldsValue: {},\n error: false\n }\n },\n template: '#dynamic-form',\n computed: {},\n watch: {\n defaultFieldValue: {\n handler(newValue, oldValue) {\n const self = this\n const retVal = {}\n self.fields.forEach(item => {\n retVal[item.fieldName] = item.value\n ? item.value\n : self.defaultFieldValue[item.fieldName]\n ? self.defaultFieldValue[item.fieldName]\n : ''\n })\n\n self.fieldsValue = retVal\n self.originalFieldsValue = { ...retVal }\n }\n },\n fieldsValue: {\n handler(newValue, oldValue) {\n // console.log(newValue, oldValue)\n },\n deep: true,\n immediate: true\n }\n },\n methods: {\n itemInput(item) {\n // this.$set(fieldsValue, item.fieldName, item.value)\n this.fieldsValue[item.fieldName] = item.value\n this.$emit('change', item)\n },\n getChildInterface(childInterface) {\n this.childrenInterface.push(childInterface)\n },\n validate() {\n let valid = true\n this.childrenInterface.forEach(item => {\n if (!item.validate()) {\n if (valid) {\n window.scrollTo({\n behavior: 'smooth',\n top: window.scrollY + item.containerRef.getBoundingClientRect().top - 105\n })\n valid = false\n }\n }\n })\n return valid\n },\n\n fieldsAreChange() {\n return JSON.stringify(this.fieldsValue) !== JSON.stringify(this.originalFieldsValue)\n },\n getFieldValue(fieldName) {\n const retVal = this.fieldsValue[fieldName]\n return retVal\n },\n emitInterface() {\n this.$emit('interface', {\n key: this.id,\n validate: () => this.validate(),\n getValues: () => this.fieldsValue,\n fieldsAreChange: () => this.fieldsAreChange()\n })\n }\n },\n mounted() {\n this.emitInterface()\n\n const self = this\n const retVal = {}\n if (this.apiLoadEndPoint) {\n axios\n .get(this.apiLoadEndPoint)\n .then(response => {\n const { data } = response\n self.fields.forEach(item => {\n retVal[item.fieldName] =\n data.hasOwnProperty(item.fieldName) && data[item.fieldName]\n ? data[item.fieldName]\n : item.value\n ? item.value\n : self.defaultFieldValue[item.fieldName]\n ? self.defaultFieldValue[item.fieldName]\n : ''\n })\n\n self.fieldsValue = retVal\n self.originalFieldsValue = { ...retVal }\n })\n .catch(error => {\n self.error = true\n })\n .then(() => {\n // always executed\n })\n }\n if (!Object.keys(retVal).length) {\n self.fields.forEach(item => {\n retVal[item.fieldName] = item.value\n ? item.value\n : self.defaultFieldValue[item.fieldName]\n ? self.defaultFieldValue[item.fieldName]\n : ''\n })\n\n self.fieldsValue = retVal\n self.originalFieldsValue = { ...retVal }\n }\n }\n })\n","\n Vue.component('highlighted-text', {\n props: {\n highlights: { type: Array }\n },\n data() {\n return {}\n },\n template: '#highlighted-text',\n computed: {\n hlText() {\n let fullText = ''\n if (this.$slots.default) {\n this.$slots.default.forEach(slot => {\n fullText += this.navigateSlotTree(slot)\n })\n }\n return fullText\n }\n },\n watch: {},\n methods: {\n navigateSlotTree(slot) {\n let fullText = ''\n if (slot.text) {\n fullText += this.replaceHighlights(slot.text)\n } else if (slot.children) {\n fullText += `<${slot.tag}>`\n slot.children.forEach(child => {\n fullText += this.navigateSlotTree(child)\n })\n fullText += ``\n } else if (slot.tag) {\n fullText += `<${slot.tag} />`\n }\n return fullText\n },\n replaceHighlights(html) {\n let fullText = html\n const boldContents = []\n const regex = /(.*?)<\\/b>/gi\n this.highlights.forEach(item => {\n let match\n while ((match = regex.exec(item)) !== null) {\n boldContents.push(match[1])\n }\n })\n boldContents.forEach(content => {\n const regexb = new RegExp(content, 'gi')\n const regexc = new RegExp(`${content}`, 'gi')\n fullText = fullText.replace(regexc, content)\n fullText = fullText.replace(regexb, `${content}`)\n })\n return fullText\n }\n },\n mounted() {}\n })\n","\n Vue.component('highlights-show-button', {\n props: {\n showOnOver: { type: Boolean, default: false },\n curriculumId: { type: Number, default: 0 },\n highlights: { type: Object },\n direction: { type: String, default: 'left' },\n isFixed: { type: Boolean, default: false },\n searchTerms: { type: Array, default: () => [] },\n searchParams: { type: Array, default: () => [] }\n },\n pinia: Vue.pinia,\n data() {\n return {\n clickX: 0,\n clickY: 0,\n value: '',\n descDictionary: {\n 'CurriculumProfessionalSkills.CommonSkillTypeLabel': 'Competenze professionali',\n 'CurriculumOtherSkills.CommonSkillTypeLabel': 'Competenze generiche',\n 'CurriculumWorkExperiences.Description': 'Esperienze lavorative (Descrizione)',\n 'CurriculumWorkExperiences.WorkFunctionLabel': 'Esperienze lavorative (Ruolo)',\n 'CurriculumWorkExperiences.WorkFunctionLabel.keyword': 'Esperienze lavorative (Keyword)',\n 'CurriculumTrainings.TrainingLabel': 'Corsi di formazione',\n 'CurriculumTrainings.Description': 'Corsi di formazione (Descrizione)',\n CurrentWorkPosition: 'Posizione corrente',\n ExtractedText: 'Testo estratto dal curriculum',\n PersonalDescription: 'Descrizione personale',\n DesiredWorkPosition: 'Posizione lavorativa desiderata',\n CurriculumLanguages: 'Lingue'\n }\n }\n },\n template: '#highlights-show-button',\n computed: {\n ...Pinia.mapState(useCurriculumHighlightsStore, {\n openHighlights: store => store.openHighlights || []\n }),\n showHighlights() {\n return this.openHighlights.includes(this.curriculumId)\n },\n highlightsItemsFound() {\n const regex = /(.*?)<\\/b>/g\n let count = 0\n this.arrayHighlights.forEach(item => {\n item.value.forEach(value => {\n const matches = value.replace(/\\n/g, ' ').match(regex)\n if (matches) {\n count += matches.length\n }\n })\n })\n return count\n },\n fixedStyle() {\n return {\n position: 'fixed',\n left: `${this.clickX + 600}px`,\n top: `${this.clickY - 10}px`\n }\n },\n dropdownDirectionClass() {\n return `drop${this.direction}`\n },\n arrayHighlights() {\n const result = this.highlights\n ? Object.entries(this.highlights)\n .map(([key, value]) => this.highlightCustomRenderer({ key, value }))\n .sort((a, b) => a.key.localeCompare(b.key))\n : []\n return result\n }\n },\n watch: {},\n methods: {\n ...Pinia.mapActions(useCurriculumHighlightsStore, ['showHighlightsOverlay', 'hideHighlightsOverlay']),\n highlightCustomRenderer({ key, value }) {\n let retVal = { key, value }\n if (key === 'CurriculumLanguages') {\n const regex = /\"IdiomLabel\":\"(.*?)\"/g\n const idiomLabels = []\n let match\n while ((match = regex.exec(value)) !== null) {\n idiomLabels.push(match[1])\n }\n retVal = { key, value: idiomLabels }\n }\n return retVal\n },\n showHighlightsOnOver(event) {\n if (this.showOnOver && !this.showHighlights) {\n if (event) {\n const rect = event.target.getBoundingClientRect()\n this.clickX = rect.right\n this.clickY = rect.top\n }\n this.showHighlights = true\n }\n },\n hideHighlightsOnOver(event) {\n if (this.showOnOver) {\n this.showHighlights = false\n }\n },\n toggleHighlights(event) {\n if (event) {\n const rect = event.target.getBoundingClientRect()\n this.clickX = rect.right\n this.clickY = rect.top\n }\n // this.showHighlights = !this.showHighlights\n\n if (this.showHighlights) this.hideHighlightsOverlay(this.curriculumId)\n else this.showHighlightsOverlay(this.curriculumId)\n },\n selectHighlights(index) {\n this.selectedHighlights = index\n },\n saveHighlights(id, curriculumId, text, style, title) {\n this.saveUpdateHighlights(id, curriculumId, text, style, title)\n },\n uniqueKey(id) {\n return `${this.curriculumId}${id}${moment().format('HHmmss')}`\n },\n isEven(index) {\n return index % 2 === 0\n },\n translate(key) {\n return this.descDictionary?.[key] ?? key\n },\n checkIfScrollable() {\n const { content } = this.$refs\n const isScrollable = content.scrollHeight > content.clientHeight || content.scrollWidth > content.clientWidth\n\n return isScrollable\n },\n handleScroll(event) {\n if (!this.checkIfScrollable()) {\n event.preventDefault()\n }\n },\n checkSinonims(item) {\n return item\n .replace(/\\n/g, ' ')\n .replace(/(.*?)<\\/b>/gi, (match, p1) =>\n this.searchTerms.some(value => p1.toLowerCase().startsWith(value.toLowerCase())) ? `${p1}` : match\n )\n }\n },\n mounted() {}\n })\n","\n Vue.component('highlights-icon', {\n props: {\n show: { type: Boolean, default: false },\n },\n data() {\n return {\n }\n },\n template: '#highlights-icon',\n computed: {\n },\n watch: {},\n methods: {\n },\n mounted() {}\n })\n","\n Vue.component('lr-menu-item', {\n props: {\n id: Number,\n label: String,\n iconClass: {\n default: 'fa-circle',\n type: String\n },\n isActive: Boolean,\n url: {\n default: '#',\n type: String\n },\n menuKeys: {\n type: Array\n }\n },\n data() {\n return {}\n },\n template: '#lr-menu-item',\n computed: {},\n watch: {},\n methods: {},\n mounted() {}\n })\n","\n Vue.component('lr-menu', {\n props: { activeMenu: { type: String, required: true } },\n data() {\n return {\n currentSelected: -1,\n menuItems: [],\n error: false\n }\n },\n template: '#lr-menu',\n computed: {\n countTimesTwo() {\n return this.count * 2\n }\n },\n watch: {\n currentSelected(newValue, oldValue) {\n // console.log(`The value of count is changed from ${oldValue} to ${newValue}.`);\n }\n },\n methods: {\n onClick() {\n this.count += 1\n },\n clickItem(id) {\n if (this.currentSelected && this.currentSelected != -1)\n this.menuItems[this.currentSelected - 1].isActive = false\n this.menuItems[id - 1].isActive = true\n this.currentSelected = id\n }\n },\n mounted() {\n const self = this\n axios\n .get('/api/v1/linkrapidi')\n .then(response => {\n const { data } = response\n\n self.currentSelected = data.currentSelected\n self.menuItems = data.menuItems\n\n // ES6 // var found = self.menuItems.find(item => item.menuKeys.indexOf(self.activeMenu) != -1);\n const found = self.menuItems.find(item => item.menuKeys.indexOf(self.activeMenu) != -1)\n if (found) {\n self.currentSelected = found.id\n found.isActive = true\n }\n })\n .catch(error => {\n self.error = true\n })\n .then(() => {\n // always executed\n })\n }\n })\n","\n Vue.component('memo-add-button', {\n props: {\n curriculumId: { type: Number, default: 0 },\n direction: { type: String, default: 'left' },\n fetchLists: { type: Boolean, default: false },\n isFixed: { type: Boolean, default: false }\n },\n data() {\n return {\n showMemo: false,\n value: '',\n selectedMemo: 0,\n clickX: 0,\n clickY: 0\n }\n },\n pinia: Vue.pinia,\n template: '#memo-add-button',\n computed: {\n ...Pinia.mapState(useCurriculumMemosStore, {\n loading: store => store.loading,\n curriculaMemos: store => store.curriculaMemos || []\n }),\n isPinned() {\n return this.curriculaMemos ? this.curriculaMemos.hasOwnProperty(this.curriculumId) : false\n },\n memos() {\n return this.curriculaMemos[this.curriculumId] || [{}]\n },\n dropdownDirectionClass() {\n return `drop${this.direction}`\n },\n memo() {\n const idx = this.selectedMemo > this.memos.length - 1 ? this.memos.length - 1 : this.selectedMemo\n return this.memos[idx]\n },\n calcSelectedMemo() {\n return this.selectedMemo > this.memos.length - 1 ? this.memos.length - 1 : this.selectedMemo\n },\n fixedStyle() {\n return {\n position: 'fixed',\n left: `${this.clickX + 340}px`,\n top: `${this.clickY - 36}px`\n }\n }\n },\n watch: {},\n methods: {\n // seekerListsStore actions\n ...Pinia.mapActions(useCurriculumMemosStore, ['saveUpdateMemo', 'deleteMemo']),\n cleanMemos() {\n const idxToRemove = this.memos.findIndex(item => item.Id === -1)\n if (idxToRemove !== -1) {\n this.memos.splice(idxToRemove, 1)\n }\n },\n toggleMemo(event) {\n if (event) {\n const rect = event.target.getBoundingClientRect()\n this.clickX = rect.right\n this.clickY = rect.top\n }\n this.cleanMemos()\n this.showMemo = !this.showMemo\n },\n selectMemo(index) {\n this.selectedMemo = index\n },\n saveMemo(id, curriculumId, text, style, title) {\n this.saveUpdateMemo(id, curriculumId, text, style, title)\n },\n newMemo() {\n this.memos.push({ Id: -1, Text: '', CreateDate: moment().format('YYYY-MM-DDTHH:mm:ss') })\n this.selectedMemo = this.memos.length - 1\n },\n uniqueKey(id) {\n return `${this.curriculumId}${id}${moment().format('HHmmss')}`\n }\n },\n mounted() {\n if (this.fetchLists) {\n this.refreshSeekerLists().then(() => this.fetchSelectedListsByCurriculaIds([this.curriculumId]))\n }\n }\n })\n","\n Vue.component('editor', Editor)\n Vue.component('memo-sticky-note', {\n props: {\n fixedStyle: { type: Object },\n saveMemo: { type: Function },\n closeMemo: { type: Function },\n selectMemo: { type: Function },\n newMemo: { type: Function },\n deleteMemo: { type: Function },\n memos: { type: Array },\n show: { type: Boolean, default: false },\n text: { type: String },\n title: { type: String },\n colorStyle: { type: String, default: 'Giallo' },\n id: { type: Number, default: -1 },\n idx: { type: Number, required: true },\n curriculumId: { type: Number, required: true },\n selected: { type: Boolean, default: false }\n },\n data() {\n return {\n value: this.text,\n titleValue: this.title,\n selectedStyle: this.colorStyle || 'Giallo',\n showColorPicker: false,\n editTitle: false\n }\n },\n template: '#memo-sticky-note',\n computed: {\n ...Pinia.mapState(useCurriculumMemosStore, {\n saving: store => store.saving\n }),\n showBookmark() {\n return this.memos.length > 1\n },\n isAlone() {\n return this.memos.length == 1\n },\n memosCount() {\n return this.memos.length\n },\n isNew() {\n return this.id === -1\n },\n modified() {\n return (\n this.text !== this.value ||\n (this.selectedStyle !== this.colorStyle && this.value != '') ||\n (this.title !== this.titleValue && this.value != '')\n )\n },\n colorStyles() {\n return [\n { name: 'Giallo', color: '#ffffff' },\n { name: 'Verde', color: '#ffffff' },\n { name: 'Rosa', color: '#ffffff' },\n { name: 'Viola', color: '#ffffff' },\n { name: 'Blu', color: '#ffffff' },\n { name: 'Grigio', color: '#ffffff' },\n { name: 'Carbone', color: '#ffffff' }\n ]\n }\n },\n watch: {},\n methods: {\n enterTitleEditMode() {\n this.editTitle = true\n setTimeout(() => this.$refs.inputTitle.focus(), 200)\n },\n save() {\n if (this.modified) {\n this.saveMemo(this.id, this.curriculumId, this.value, this.selectedStyle, this.titleValue)\n }\n },\n saveAndClose(forceClose = false) {\n let close = forceClose\n if (this.modified) {\n this.saveMemo(this.id, this.curriculumId, this.value, this.selectedStyle, this.titleValue)\n if (this.isAlone && this.value === '') {\n close = true\n }\n } else {\n close = true\n }\n if (close) this.closeMemo()\n },\n deleteAndCloseMemo(id, curriculumId) {\n this.deleteMemo(id, curriculumId)\n if (this.isAlone) {\n this.closeMemo()\n }\n },\n toggleColorPicker() {\n this.showColorPicker = !this.showColorPicker\n },\n selectColor(color) {\n this.selectedStyle = color\n this.showColorPicker = false\n },\n bookmarkHeight() {\n let memoHeight = 260 / this.memosCount\n memoHeight = memoHeight > 39 ? 39 : memoHeight\n return Math.round(memoHeight)\n },\n bookmarkMarginTop(id) {\n let memoHeight = 260 / this.memosCount\n memoHeight = memoHeight > 39 ? 39 : memoHeight\n return Math.round(34 + memoHeight * id)\n }\n },\n mounted() {},\n beforeDestroy() {}\n })\n","\n Vue.component('qrc-configurator', {\n props: {\n qrcUrl: { type: String, default: '/api/v1/qrcode/get-image?qrcv=1' },\n printMode: { type: Boolean, default: false },\n managerMode: { type: Boolean, default: false },\n showHeader: { type: Boolean, default: true },\n size: { type: String, default: '' }\n },\n data() {\n return {\n idList: 0,\n linkTypesList: [\n { id: -1, key: 'Widget', label: 'Widget', description: `Link al widget Leark per l'inserimento del CV` },\n {\n id: 0,\n key: 'RegisterCandidate',\n label: 'Registrazione candidato',\n description: 'Link alla pagina di registrazione del cadidato.'\n },\n {\n id: 1,\n key: 'RegisterCompany',\n label: 'Registrazione Azienda',\n description: 'Link alla pagina di registrazione per aziende.'\n },\n {\n id: 9999,\n key: 'Register',\n label: 'Registrazione Generica',\n description: 'Link alla pagina di registrazione generica.'\n }\n ],\n formatTypesList: [\n { id: 1, key: 'qrc-only', label: 'Solo QRCode', description: `` },\n {\n id: 2,\n key: 'qrc-ss',\n label: 'Scritte sopra e sotto',\n description: ''\n },\n {\n id: 3,\n key: 'qrc-4l',\n label: 'Scritte su tutti i lati',\n description: ''\n },\n {\n id: 4,\n key: 'qrc-image',\n label: 'Quattro lati con logo',\n description: ''\n }\n ],\n formatType: 3,\n linkType: -1,\n autoPrint: false,\n show: true,\n currentPage: 0,\n seekerId: null,\n seekerLogoUrl: null,\n seekerName: 'LearK',\n seekerCompanySign: '',\n entityType: 1,\n printFormat: '15x15',\n customPrintParameters: null,\n printFormatsList: [\n {\n key: 'a4',\n label: 'Foglio A4',\n description: 'Ideale per stampa su foglio di carta',\n pdfWidth: 210,\n pdfHeight: 297,\n marginTop: 30,\n marginRight: 30,\n marginBottom: 0,\n marginLeft: 30\n },\n {\n key: '15x15',\n label: 'Vetrofania 15cm x 15cm',\n description: `Ideale per l'applicazione su vetrine e banconi`,\n pdfWidth: 150,\n pdfHeight: 150,\n marginTop: 0,\n marginRight: 0,\n marginBottom: 0,\n marginLeft: 0\n },\n {\n key: '50x50',\n label: 'Adesivo 50cm x 50cm',\n description: 'Ideale per adesivi da applicare ad automezzi',\n pdfWidth: 500,\n pdfHeight: 500,\n marginTop: 50,\n marginRight: 50,\n marginBottom: 0,\n marginLeft: 50\n },\n {\n key: '200x200',\n label: 'Cartelloni 2m x 2m',\n description: 'Ideale per cartelloni di grosse dimensioni',\n pdfWidth: 2000,\n pdfHeight: 2000,\n marginTop: 100,\n marginRight: 100,\n marginBottom: 0,\n marginLeft: 100\n }\n ]\n }\n },\n template: '#qrc-configurator',\n computed: {\n title() {\n return this.seekerCompanySign && this.seekerCompanySign != this.seekerName\n ? this.seekerCompanySign\n : this.seekerName\n },\n subTitle() {\n return this.seekerCompanySign && this.seekerCompanySign != this.seekerName ? `di ${this.seekerName}` : ''\n },\n pageHeader() {\n let retVal = {\n title: 'Configura il tuo QRCode',\n subTitle: 'Modifica le opzioni e scarica il QRCode nel formato che preferisci.'\n }\n if (!this.managerMode) {\n retVal = {\n title: 'Ottieni il QR Code da stampare o condividere.',\n subTitle: 'Il widget a portata di smartphone.'\n }\n }\n return retVal\n },\n pages() {\n const retVal = [\n {\n id: 1,\n code: 'link',\n label: 'Link',\n title: 'Scegli il tipo di link',\n subTitle: '',\n titleIcon: 'fa-users-medical fa-swap-opacity'\n },\n {\n id: 2,\n code: 'format',\n label: 'Formato',\n title: 'Scegli il template che prefisci',\n subTitle: '',\n titleIcon: 'fa-users-cog'\n },\n {\n id: 3,\n code: 'print',\n label: 'Dimensioni',\n title: 'Scegli su che supporto vuoi stampare',\n subTitle: '',\n titleIcon: 'fa-users-cog'\n }\n ]\n return retVal.sort((a, b) => (a.id > b.id ? 1 : -1))\n },\n sideMessage() {\n const rightMessage = 'carica il tuo cv'\n const leftMessage = 'lavora con noi'\n const defaultMessage = { leftMessage, rightMessage }\n const messageList = [\n { entityType: 1, ...defaultMessage },\n { entityType: 2, ...defaultMessage, leftMessage: 'facciamo rete' },\n { entityType: 3, ...defaultMessage },\n { entityType: 5, ...defaultMessage, leftMessage: 'diventa volontario' }\n ]\n return messageList.filter(item => item.entityType === this.entityType)[0]\n },\n selectedLinkType() {\n return this.linkTypesList.find(x => x.id == this.linkType)\n },\n selectedPage() {\n return this.pages.find(x => x.id == this.currentPage)\n }\n },\n watch: {},\n methods: {\n setPrintStyle(printStyle = { width: '297', height: '210', margin: '30' }) {\n // Gestione dei formati di stampa\n const elem = document.querySelector('#qrc-print-style')\n if (elem) {\n elem.parentElement.removeChild(elem)\n }\n const style = document.createElement('style')\n style.innerHTML = `@page {size: ${printStyle.width}mm ${printStyle.height}mm; margin : ${printStyle.margin}mm }`\n style.media = 'print'\n style.id = 'qrc-print-style'\n\n const ref = document.querySelector('script')\n ref.parentNode.insertBefore(style, ref)\n },\n removePrintStyle() {\n const elem = document.querySelector('#qrc-print-style')\n if (elem) elem.parentNode.removeChild(elem)\n },\n showQrCode() {\n this.addPrintStyle()\n this.title = document.title\n document.title = `QR Code - ${this.seekerName}`\n this.show = true\n },\n hideQrCode() {\n console.log(this.showPanelOnly)\n if (!this.showPanelOnly) {\n this.removePrintStyle()\n document.title = this.title\n this.show = false\n }\n },\n printPdfQrCode(event, printFormat) {\n const formatKey = printFormat ?? this.printFormat\n const printParameters = this.customPrintParameters\n ? this.customPrintParameters\n : this.printFormatsList.filter(pf => pf.key == formatKey)[0]\n const self = this\n const htmlContent = document.getElementsByTagName('html')[0].innerHTML\n // const htmlContent = document.getElementById('qrc-component').innerHTML\n const config = {\n url: `/api/v1/qrcode/print`,\n data: {\n htmlContent,\n ...printParameters\n },\n method: 'post',\n responseType: 'blob'\n }\n axios\n .request(config)\n .then(response => {\n const fileName = response.headers['content-disposition'].split('filename=')[1]\n const blob = response.data\n const file = new File([blob], fileName, { type: blob.type })\n saveAs(file)\n window.parent.postMessage({ pdf: 'pdf-done' }, '*')\n })\n .catch(error => {\n self.error = true\n window.parent.postMessage({ pdf: 'pdf-error' }, '*')\n })\n .then(() => {\n // always executed\n })\n },\n printQrCode() {\n EventBus.$emit('vnPopup', {\n message: `
Generazione del Pdf in corso
Il file PDF sarà disponibile tra pochi secondi.
`,\n actions: [{ label: 'Ok', icon: 'fa-check', style: 'info' }],\n cssStyle: { 'z-index': 1060 }\n })\n\n let printIframe = document.querySelector('#qrc-print-iframe')\n if (!printIframe) {\n printIframe = document.createElement('iframe')\n printIframe.id = 'qrc-print-iframe'\n const ref = document.querySelector('#qrc-print')\n ref.appendChild(printIframe)\n }\n printIframe.src = `/account/seeker/qrcodeprint?${this.seekerId ? `seekerid=${this.seekerId}` : ''}&idList=${\n this.idList\n }&printformat=${this.printFormat}&linktype=${this.linkType}&formattype=${this.formatType}&autoprint=true`\n },\n shareQrCode() {\n const self = this\n const fileName = `LerakQRC-${self.seekerName.replace(/\\s/g, '')}.png`\n let blob\n const config = { url: `${this.qrcUrl}&idList=${this.idList}`, method: 'get', responseType: 'blob' }\n\n axios\n .request(config)\n .then(response => {\n blob = response.data\n })\n .catch(error => {\n self.error = true\n })\n .then(() => {\n const file = new File([blob], fileName, { type: blob.type })\n\n if (navigator.canShare && navigator.canShare({ files: [file] })) {\n navigator\n .share({\n files: [file],\n title: `QR Code - ${self.seekerName}`,\n text: `${self.seekerName} ${self.qrcText}`\n })\n .then(() => console.log('Share was successful.'))\n .catch(error => console.log('Sharing failed', error))\n } else if (navigator.share) {\n navigator\n .share({\n title: `QR Code - ${self.seekerName}`,\n text: `${self.seekerName} ${self.qrcText}`,\n url: 'https://www.leark.it/'\n })\n .then(() => console.log('Successful share'))\n .catch(error => console.log('Error sharing', error))\n }\n })\n },\n handlePage(e, page) {\n this.currentPage = page\n },\n getSeekerData() {\n const self = this\n axios\n .get(`/api/v1/seeker/`)\n .then(response => {\n const { data: seeker } = response\n self.seekerLogoUrl = seeker.imageLogoUrl\n self.seekerName = seeker.name\n self.seekerCompanySign = seeker.companySign\n self.entityType = seeker.entityType\n if (self.autoPrint) setTimeout(() => self.printPdfQrCode(), 400)\n })\n .catch(error => {\n self.error = true\n })\n .then(() => {\n // always executed\n })\n },\n changeIdList(idList) {\n this.idList = idList\n }\n },\n mounted() {\n EventBus.$on('changeIdList', this.changeIdList)\n const urlParams = new Proxy(new URLSearchParams(window.location.search.toLowerCase()), {\n get: (searchParams, prop) => searchParams.get(prop.toLowerCase())\n })\n this.getSeekerData()\n\n if (urlParams.linkType) this.linkType = urlParams.linkType\n if (urlParams.idList) this.idList = urlParams.idList\n if (urlParams.formatType) this.formatType = urlParams.formatType\n if (urlParams.printFormat) this.printFormat = urlParams.printFormat\n if (this.printFormat && this.printFormat.toLowerCase() === 'custom') {\n this.customPrintParameters = {\n pdfWidth: urlParams.pdfWidth,\n pdfHeight: urlParams.pdfHeight,\n marginTop: urlParams.marginTop,\n marginRight: urlParams.marginRight,\n marginBottom: urlParams.marginBottom,\n marginLeft: urlParams.marginLeft\n }\n }\n if (urlParams.autoPrint) this.autoPrint = true\n if (!this.printMode) {\n window.addEventListener('message', event => {\n if (event.data && event.data.pdf) {\n const success = event.data.pdf === 'pdf-done'\n EventBus.$emit('vnShow', {\n type: success ? 'success' : 'danger',\n message: success\n ? `Il file Pdf è stato generato correttamente`\n : 'Errore nella generazione del file Pdf'\n })\n }\n })\n }\n },\n\n beforeDestroy() {\n EventBus.$off('changeIdList', this.changeIdList)\n }\n })\n","\n Vue.component('qrc-display-panel', {\n props: {\n embedded: { type: Boolean, default: false },\n showPanelOnly: { type: Boolean, default: false },\n seekerName: { type: String, default: 'LearK' },\n seekerId: {},\n qrcUrl: { type: String, default: '/api/v1/qrcode/get-image?qrcv=1' },\n qrcText: {\n type: String,\n default: 'ha scelto LearK, il sistema tecnologicamente più avanzato per la gestione del tuo curriculum'\n }\n },\n data() {\n return {\n show: this.showPanelOnly\n }\n },\n template: '#qrc-display-panel',\n computed: {},\n watch: {},\n methods: {\n addPrintStyle() {\n // Aggiungo uno specifico stile per gestire la stampa QRCode\n const elem = document.querySelector('#qrc-print-style')\n if (!elem) {\n const style = document.createElement('style')\n style.innerHTML = '@page {size: 210mm 297mm; margin : 30mm }'\n style.media = 'print'\n style.id = 'qrc-print-style'\n\n const ref = document.querySelector('script')\n ref.parentNode.insertBefore(style, ref)\n }\n },\n removePrintStyle() {\n const elem = document.querySelector('#qrc-print-style')\n if (elem) elem.parentNode.removeChild(elem)\n },\n showQrCode() {\n this.addPrintStyle()\n this.title = document.title\n document.title = `QR Code - ${this.seekerName}`\n this.show = true\n },\n hideQrCode() {\n console.log(this.showPanelOnly)\n if (!this.showPanelOnly) {\n this.removePrintStyle()\n document.title = this.title\n this.show = false\n }\n },\n printQrCode() {\n let printIframe = document.querySelector('#qrc-print-iframe')\n if (!printIframe) {\n printIframe = document.createElement('iframe')\n printIframe.id = 'qrc-print-iframe'\n printIframe.src = `/Account/Seeker/EditWidgetPrintQRC${this.seekerId ? `?seekerid=${this.seekerId}` : ''}`\n\n printIframe.onload = () => {\n setTimeout(() => {\n printIframe.contentWindow.focus()\n printIframe.contentWindow.print()\n }, 500)\n }\n\n const ref = document.querySelector('#qrc-print')\n ref.appendChild(printIframe)\n } else {\n printIframe.contentWindow.focus()\n printIframe.contentWindow.print()\n }\n },\n shareQrCode() {\n const self = this\n const fileName = `LerakQRC-${self.seekerName.replace(/\\s/g, '')}.png`\n let blob\n const config = { url: this.qrcUrl, method: 'get', responseType: 'blob' }\n\n axios\n .request(config)\n .then(response => {\n blob = response.data\n })\n .catch(error => {\n self.error = true\n })\n .then(() => {\n console.log(blob)\n const file = new File([blob], fileName, { type: blob.type })\n\n if (navigator.canShare && navigator.canShare({ files: [file] })) {\n navigator\n .share({\n files: [file],\n title: `QR Code - ${self.seekerName}`,\n text: `${self.seekerName} ${self.qrcText}`\n })\n .then(() => console.log('Share was successful.'))\n .catch(error => console.log('Sharing failed', error))\n } else if (navigator.share) {\n navigator\n .share({\n title: `QR Code - ${self.seekerName}`,\n text: `${self.seekerName} ${self.qrcText}`,\n url: 'https://www.leark.it/'\n })\n .then(() => console.log('Successful share'))\n .catch(error => console.log('Error sharing', error))\n }\n })\n }\n },\n mounted() {\n if (this.showPanelOnly) {\n this.showQrCode()\n }\n }\n })\n","\n Vue.component('seeker-lists-add-button', {\n props: {\n curriculumId: { type: Number, default: 0 },\n direction: { type: String, default: 'left' },\n fetchLists: { type: Boolean, default: false }\n },\n data() {\n return {\n showList: false\n }\n },\n pinia: Vue.pinia,\n template: '#seeker-lists-add-button',\n computed: {\n // seekerListsStore data\n ...Pinia.mapState(useSeekerListsStore, {\n loading: store => store.loading,\n lists: store => store.lists,\n selectedListsByCurriculumId: store => store.selectedListsByCurriculumId || {}\n }),\n\n selectedLists() {\n return (this.selectedListsByCurriculumId ? this.selectedListsByCurriculumId[this.curriculumId] : null) || []\n },\n\n selectedListsNames() {\n return this.selectedLists?.length\n ? _.filter(\n _.map(this.selectedLists, id => _.find(this.lists, list => list.Id === id)?.Name),\n x => !!x\n ).join(', ')\n : ''\n },\n\n isPinned() {\n return this.selectedLists?.length\n },\n\n dropdownDirectionClass() {\n return `drop${this.direction}`\n }\n },\n watch: {},\n methods: {\n // seekerListsStore actions\n ...Pinia.mapActions(useSeekerListsStore, [\n 'addToList',\n 'fetchSelectedListsByCurriculaIds',\n 'refreshSeekerLists',\n 'removeFromList'\n ]),\n ...Pinia.mapActions(useModalsStore, ['showNewSeekerListModal']),\n\n addRemoveFromList(listId) {\n if (this.isListSelected(listId))\n return this.removeFromList(listId, this.curriculumId)\n .then(this.fetchSelectedListsByCurriculaIds)\n .then(() => {\n this.showList = false\n })\n\n return this.addToList(listId, this.curriculumId)\n .then(this.fetchSelectedListsByCurriculaIds)\n .then(() => {\n this.showList = false\n })\n },\n\n toggleMenuList() {\n this.showList = !this.showList\n },\n\n createNewList() {\n this.showList = false\n this.showNewSeekerListModal(this.curriculumId)\n },\n\n isListSelected(listId) {\n return this.selectedLists.includes(listId)\n }\n },\n mounted() {\n if (this.fetchLists) {\n this.refreshSeekerLists().then(() => this.fetchSelectedListsByCurriculaIds([this.curriculumId]))\n }\n }\n })\n","\n Vue.component('seeker-lists-details', {\n props: {\n searchCurriculaUrl: { type: String, required: true }\n },\n data() {\n return {\n isLocalCurriculaLoaded: false,\n localCurricula: [],\n oldListId: Number,\n showArrow: false,\n demoMode: false\n }\n },\n pinia: Vue.pinia,\n template: '#seeker-lists-details',\n computed: {\n ...Pinia.mapStores(useCurriculumMemosStore),\n // seekerListsStore data\n ...Pinia.mapState(useSeekerListsStore, {\n loading: store => store.loading,\n lists: store => store.lists,\n list: store => store.selectedList,\n curricula: store => store.selectedListCurricula\n })\n },\n methods: {\n // seekerListsStore actions\n ...Pinia.mapActions(useSeekerListsStore, [\n 'addToListAtIndex',\n 'getListDetails',\n 'getListCurricula',\n 'deleteSeekerList',\n 'removeFromList'\n ]),\n exitDemoMode() {\n ;(this.demoMode = false), (this.localCurricula = [])\n },\n enterDemoMode() {\n this.demoMode = true\n this.localCurricula = [\n {\n Id: 19,\n AppUserId: 'f72e6575-0000-4774-90e3-9d9ef1b7fef8',\n ImageUrl: '/files/curricula/default/_widgetimage.jpg',\n Firstname: 'Michele',\n Lastname: '',\n CurrentWorkPosition: 'Responsabile Programmatore',\n EmailConfirmed: true,\n Enabled: true,\n Latitude: 45.44285099999999,\n Mobile: '',\n Email: 'michele@ggmail.com',\n Longitude: 9.5596544,\n City: 'Agnadello',\n isRemoved: false\n },\n {\n Id: 76,\n AppUserId: '034d8df6-0000-4397-acda-57a49522b586',\n ImageUrl: '/files/curricula/default/_widgetimage.jpg',\n Firstname: 'Gaia',\n Lastname: '',\n CurrentWorkPosition: 'Web developer c#',\n EmailConfirmed: true,\n Enabled: true,\n Latitude: 45.570318999999984,\n Mobile: '',\n Email: 'gaia@ggmail.com',\n Longitude: 9.522033800000003,\n City: \"Vaprio d'Adda\",\n isRemoved: false\n },\n {\n Id: 55587,\n AppUserId: '5272688b-0000-4bfc-8df3-417b84b3c2b8',\n ImageUrl: '/files/curricula/default/_widgetimage.jpg',\n Firstname: 'Andrea',\n Lastname: '',\n CurrentWorkPosition: 'App developer (flutter dart)',\n EmailConfirmed: true,\n Enabled: true,\n Latitude: 45.531314399999985,\n Mobile: null,\n Email: 'andrea@ggmail.com',\n Longitude: 9.702998400000013,\n City: 'Morengo',\n isRemoved: false\n }\n ]\n },\n confirmDeleteSeekerList() {\n if (!this.list) return\n\n EventBus.$emit('vnPopup', {\n type: 'success',\n message: `Sei sicuro di voler cancellare definitivamente la lista: ${this.list.Name} ?`,\n actions: [\n {\n label: 'OK',\n icon: 'fa-check-circle',\n action: () => {\n this.deleteSeekerList(this.list.Name)\n },\n style: 'info'\n },\n {\n label: 'Annulla',\n icon: 'fa-times',\n action: () => {}\n }\n ]\n })\n },\n\n findIndexToAddCurriculum(currentIndex) {\n let nextRealCurriculumId = null\n let returnedIndex\n this.localCurricula.forEach((curriculum, index) => {\n if (index > currentIndex)\n if (curriculum.isRemoved === false) {\n nextRealCurriculumId = curriculum.Id\n }\n })\n if (nextRealCurriculumId != null) {\n this.curricula.forEach((curriculum, index) => {\n if (curriculum.Id === nextRealCurriculumId) {\n returnedIndex = index\n }\n })\n } else returnedIndex = this.curricula.length - 1\n return returnedIndex\n },\n\n setRemoveOnLocalCurriculum(isRemoved, curriculumId) {\n this.localCurricula.forEach(curriculum => {\n if (curriculum.Id === curriculumId) curriculum.isRemoved = isRemoved\n })\n },\n\n removeFromCurrentList(listId, curriculumId) {\n this.setRemoveOnLocalCurriculum(true, curriculumId)\n this.removeFromList(listId, curriculumId).then(this.fetchSelectedListsByCurriculaIds)\n },\n\n addToCurrentListAtIndex(listId, curriculumId, index) {\n const indexToAddCurriculum = this.findIndexToAddCurriculum(index)\n // console.log(`returned index: ${indexToAddCurriculum}`)\n this.setRemoveOnLocalCurriculum(false, curriculumId)\n this.addToListAtIndex(listId, curriculumId, indexToAddCurriculum).then(this.fetchSelectedListsByCurriculaIds)\n },\n blinkDemoMode() {\n EventBus.$emit('vnShow', {\n type: 'danger',\n message: `Attenzione. Non è possibile effettuare operazioni sui dati di esempio.`\n })\n },\n doNothing() {}\n },\n watch: {\n list(newValue, oldValue) {\n this.demoMode = false\n if (oldValue !== null) this.oldListId = oldValue.Id\n },\n curricula(newValue, oldValue) {\n if (this.list && this.oldListId === this.list.Id) {\n // if (!this.isLocalCurriculaLoaded) {\n // this.localCurricula = oldValue\n // console.log(this.localCurricula)\n // this.isLocalCurriculaLoaded = true\n // }\n // console.log(this.localCurricula)\n } else {\n this.isLocalCurriculaLoaded = false\n this.localCurricula = _.map(newValue, x => ({ ...x, isRemoved: false }))\n }\n this.curriculumMemosStore.fetchMemoByCurriculaIds(_.map(newValue, x => x.Id))\n }\n },\n mounted() {\n const self = this\n setTimeout(() => (self.showArrow = true), 100)\n }\n })\n","\n Vue.component('seeker-lists-new-list-button', {\n props: {\n buttonText: {\n type: String,\n default: 'Crea nuova lista'\n }\n },\n data() {\n return {\n text: this.buttonText\n }\n },\n pinia: Vue.pinia,\n template: '#seeker-lists-new-list-button',\n watch: {},\n computed: {},\n methods: {\n // modalsStore actions\n ...Pinia.mapActions(useModalsStore, ['showNewSeekerListModal'])\n },\n mounted() {}\n })\n","\n Vue.component('seeker-lists-new-modal', {\n data() {\n return {\n name: '',\n formInterfaces: {}\n }\n },\n pinia: Vue.pinia,\n template: '#seeker-lists-new-modal',\n computed: {\n ...Pinia.mapState(useModalsStore, ['newSeekerListModal']),\n formConfigListName() {\n return [\n {\n id: 0,\n fieldName: 'txtListName',\n label: `Nome della lista`,\n validators: [{ type: 'required' }]\n }\n ]\n }\n },\n watch: {},\n methods: {\n ...Pinia.mapActions(useModalsStore, ['closeNewSeekerListModal']),\n ...Pinia.mapActions(useSeekerListsStore, ['createNewList', 'addToList', 'refreshSeekerLists']),\n\n createNewListAndAddCurriculum() {\n const key = 'ListName'\n if (this.formInterfaces[key].validate()) {\n const field = { ...this.formInterfaces[key].getValues() }\n return this.createNewList(field.txtListName, 'Favourites')\n .then(list => {\n this.newSeekerListModal.curriculumId\n ? this.addToList(list.Id, this.newSeekerListModal.curriculumId)\n : this.refreshSeekerLists()\n return list\n })\n .then(list => EventBus.$emit('newListAdded', list))\n .then(() => this.closeNewSeekerListModal())\n }\n },\n getFormInterface(formInterface) {\n this.formInterfaces[formInterface.key] = formInterface\n }\n },\n mounted() {}\n })\n","\n Vue.component('seeker-lists-summary', {\n data() {\n return {}\n },\n pinia: Vue.pinia,\n template: '#seeker-lists-summary',\n computed: {\n // seekerListsStore data\n ...Pinia.mapState(useSeekerListsStore, {\n lists: store => store.lists,\n selectedList: store => store.selectedList\n })\n },\n watch: {},\n methods: {\n // seekerListsStore actions\n ...Pinia.mapActions(useSeekerListsStore, ['addToList', 'removeFromList', 'selectList'])\n },\n mounted() {}\n })\n","\n Vue.component('seeker-lists-swap-button', {\n props: {\n curriculumId: { type: Number, default: 0 },\n direction: { type: String, default: 'left' },\n fetchLists: { type: Boolean, default: false },\n dropup: { type: Boolean, default: false },\n demoMode: { type: Boolean, default: false },\n demoFunction: { type: Function }\n },\n data() {\n return {\n showList: false\n }\n },\n pinia: Vue.pinia,\n template: '#seeker-lists-swap-button',\n computed: {\n // seekerListsStore data\n ...Pinia.mapState(useSeekerListsStore, {\n loading: store => store.loading,\n lists: store => store.lists,\n currentList: store => store.selectedList,\n selectedListsByCurriculumId: store => store.selectedListsByCurriculumId || {},\n curricula: store => store.selectedListCurricula\n }),\n\n visibleLists() {\n return this.lists.filter(l => l.Id !== this.currentList?.Id)\n },\n\n selectedLists() {\n return (this.selectedListsByCurriculumId ? this.selectedListsByCurriculumId[this.curriculumId] : null) || []\n },\n\n selectedListsNames() {\n return this.selectedLists?.length\n ? _.filter(\n _.map(this.selectedLists, id => _.find(this.lists, list => list.Id === id)?.Name),\n x => !!x\n ).join(', ')\n : ''\n },\n\n isPinned() {\n return this.selectedLists?.length\n },\n\n dropdownDirectionClass() {\n return `drop${this.direction}`\n }\n },\n watch: {},\n methods: {\n // seekerListsStore actions\n ...Pinia.mapActions(useSeekerListsStore, [\n 'addToList',\n 'fetchSelectedListsByCurriculaIds',\n 'refreshSeekerLists',\n 'removeFromList'\n ]),\n ...Pinia.mapActions(useModalsStore, ['showNewSeekerListModal']),\n\n addRemoveFromList(listId) {\n if (this.isListSelected(listId))\n return this.removeFromList(listId, this.curriculumId)\n .then(this.fetchSelectedListsByCurriculaIds)\n .then(() => {\n this.showList = false\n })\n\n return this.addToList(listId, this.curriculumId)\n .then(this.fetchSelectedListsByCurriculaIds)\n .then(() => {\n this.showList = false\n })\n },\n\n toggleMenuList() {\n this.showList = !this.showList\n },\n\n createNewList() {\n this.showList = false\n this.showNewSeekerListModal(this.curriculumId)\n },\n\n isListSelected(listId) {\n return this.selectedLists.includes(listId)\n },\n\n handleDemoAction() {\n if (this.demoFunction) this.demoFunction()\n }\n },\n\n mounted() {\n if (this.fetchLists) {\n this.refreshSeekerLists().then(() => this.fetchSelectedListsByCurriculaIds([this.curriculumId]))\n }\n }\n })\n","\n Vue.prototype.seekerRelManagerConfigContactRequest = [\n { id: 0, fieldName: 'ContactFirstName', label: 'Nome referente', validators: [{ type: 'xxx_required' }] },\n { id: 1, fieldName: 'ContactLastName', label: 'Cognome referente', validators: [{ type: 'xxx_required' }] },\n {\n id: 2,\n fieldName: 'ContactCompany',\n label: 'Azienda',\n validators: [{ type: 'required' }]\n },\n {\n id: 3,\n fieldName: 'ContactEmail',\n label: 'Email',\n validators: [\n { type: 'required' },\n {\n type: 'regex',\n regex:\n /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\n message: 'Il formato del campo non è corretto.'\n }\n ]\n },\n // {\n // id: 3,\n // fieldName: 'ContactEmailConfirm',\n // label: 'Conferma Email',\n // validators: [\n // { type: 'required' },\n // {\n // type: 'regex',\n // regex: '^([\\\\w\\\\.\\\\-]+)@([\\\\w\\\\-]+)((\\\\.(\\\\w){2,})+)$',\n // message: 'Il formato del campo non è corretto.'\n // },\n // {\n // type: 'equalOtherFields',\n // equalOtherFields: ['ContactEmail'],\n // message: 'I due campi Email sono differenti'\n // }\n // ]\n // },\n\n {\n id: 4,\n fieldName: 'ContactMessage',\n label: 'Messaggio',\n hideIfEmpty: true,\n readOnly: true,\n inputType: 'textarea'\n }\n ]\n","\n Vue.component('seekers-relationships-contact-list', {\n props: {\n visible: { type: Boolean, default: true },\n selectedId: { type: Number },\n reSend: { type: Function, required: true },\n relationshipType: { type: Number }\n },\n data() {\n return {\n formInterfaces: {},\n contactsList: [],\n\n columnsList: [\n { id: 'ContactEmail', label: 'Email', sortable: true },\n { id: 'ContactFirstName', label: 'Nome', sortable: true },\n { id: 'ContactLastName', label: 'Cognome', sortable: true },\n { id: 'ContactCompany', label: 'Azienda', sortable: true },\n { id: 'CreateDate', label: 'Data contatto', type: 'date', sortable: true }\n ],\n statusList: [\n {\n key: 'link',\n id: 'LinkOpened',\n value: 1,\n labelOn: 'Link mail aperto',\n labelOff: 'Link mail non aperto',\n icon: 'fa-link',\n style: 'success'\n },\n {\n key: 'registration',\n id: 'RegistrationDone',\n value: 2,\n labelOn: 'Registrazione effettuata',\n labelOff: 'Registrazione non effettuata',\n icon: 'fa-sign-in',\n style: 'warning'\n },\n {\n key: 'registration',\n id: 'ConnectionConfirmed',\n value: 4,\n labelOn: 'Registrazione confermata',\n labelOff: 'Registrazione non confermata',\n icon: 'fa-sign-in',\n style: 'success'\n },\n {\n key: 'link',\n id: 'GlobalLinkOpened',\n value: 1,\n type: 8,\n labelOn: 'Link globale aperto',\n labelOff: 'Link globale aperto',\n icon: 'fa-globe',\n style: 'success'\n }\n // {\n // key: 'privacy',\n // id: 'PrivacyAccepted',\n // value: 8,\n // labelOn: 'Privacy accettata',\n // labelOff: 'Privacy non ancora accettata',\n // icon: 'fa-user-secret'\n // }\n ]\n }\n },\n template: '#seekers-relationships-contact-list',\n computed: {\n uniqueStatusList() {\n return Array.from(new Set(this.statusList.map(item => item.key))).map(item => ({ key: item }))\n },\n actionsList() {\n const defaultAction = [\n { id: 'delete', label: 'Elimina', icon: 'fa-trash', action: this.handleDeleteRow },\n {\n id: 'hurry',\n label: 'Invia sollecito',\n icon: 'fa-paper-plane',\n action: this.handleReSend,\n hideWhen: { RelationshipType: 8 }\n }\n ]\n const relType2Action = [\n {\n id: 'widget',\n label: 'Widget e QRCode',\n icon: 'fa-qrcode',\n action: this.handleWidget,\n hideWhen: { RelationshipType: 8 }\n }\n ]\n\n switch (this.relationshipType) {\n case 2:\n return [...defaultAction, ...relType2Action]\n break\n default:\n return defaultAction\n break\n }\n }\n },\n watch: {},\n methods: {\n handleWidget(event, item) {\n const id = item.Id\n axios\n .get(`/api/v1/seekers-relationships/${id}`)\n .then(response => {\n const { data } = response\n if (data.SeekerToId) {\n axios.get(`/api/v1/widget?transparent=true&idseeker=${data.SeekerToId}`).then(resp2 => {\n EventBus.$emit('vnPopup', {\n style: 'popup',\n type: 'light',\n message: `${resp2.data.embed} `,\n component: 'tab-view-pager',\n options: {\n pages: [\n {\n id: 1,\n label: 'Widget',\n title: `Inserisci nel tuo sito il form di contatto`,\n content: `${resp2.data.embed}`\n },\n {\n id: 2,\n label: 'Pulsante',\n title: `Inserisci nel tuo sito il pulsante che rimanda alla pagina di LearK dedicata alla tua azienda.`,\n content: `${resp2.data.link}`\n },\n {\n id: 3,\n label: 'QR-Code',\n title: `Stampa o condividi il QR Code.`,\n content: {\n component: 'qrc-display-panel',\n options: {\n seekerId: data.SeekerToId,\n qrcUrl: `/api/v1/qrcode/get-image?idseeker=${data.SeekerToId}`,\n embedded: true\n }\n }\n }\n ]\n },\n actions: [{ label: 'OK', icon: 'fa-check-circle', style: 'success' }]\n })\n })\n } else {\n EventBus.$emit('vnShow', {\n type: 'danger',\n message: `Il contatto non ha ancora confermato l'iscirzione.`\n })\n }\n })\n .catch(error => {\n EventBus.$emit('vnShow', {\n type: 'danger',\n message: `Le modifiche non sono state salvate: ${error}`\n })\n })\n .then(() => {\n // always executed\n })\n },\n\n handleQRCode(event, item) {\n const id = item.Id\n axios\n .get(`/api/v1/seekers-relationships/${id}`)\n .then(response => {\n const { data } = response\n if (data.SeekerToId) {\n EventBus.$emit('vnPopup', {\n style: 'popup',\n message: `La sessione è scaduta
La pagina verrà ricaricata per permettere di effettuare nuovamente il login
`,\n actions: [\n {\n label: 'OK',\n icon: 'fa-check-circle',\n action: () => {\n window.location.reload()\n },\n style: 'danger'\n }\n ]\n })\n }\n },\n mounted() {\n const self = this\n axios\n .get(`/api/v1/seekers-relationships`)\n .then(response => {\n const { data } = response\n self.setContactsList(data)\n if (self.selectedId)\n setTimeout(\n () => document.getElementById(`row-${self.selectedId}`).scrollIntoView({ behavior: 'smooth' }),\n 200\n )\n })\n .catch(error => {\n const errorResponse = self.getErrorResponse(error)\n if ((errorResponse.status = 401)) {\n self.handleSessionExpired()\n } else {\n EventBus.$emit('vnShow', {\n type: 'danger',\n message: `Le modifiche non sono state salvate: ${error}`\n })\n self.nextPage()\n }\n })\n .then(() => {\n // always executed\n })\n },\n beforeDestroy() {\n // EventBus.$off('vnShow', this.vnShow)\n }\n })\n","\n Vue.component('seekers-relationships-manager', {\n props: {\n visible: { type: Boolean, default: true }\n },\n data() {\n return {\n currentPage: 1,\n formInterfaces: {},\n pageflow: '',\n contactList: [],\n newContactId: null,\n defaultFieldValue: {},\n relationshipType: null,\n broadcastUrl: null\n }\n },\n template: '#seekers-relationships-manager',\n computed: {\n pages() {\n const retVal = [\n {\n id: 10,\n code: 'nuovo',\n label: 'Invia richiesta',\n title: `Invita un'azienda`,\n subTitle: `ad entrare nella tua rete`,\n titleIcon: 'fa-users-medical fa-swap-opacity'\n },\n {\n id: 20,\n code: 'elenco',\n label: 'I tuoi contatti',\n title: 'Gestisci i tuoi contatti',\n subTitle: 'Controlla lo stato dei tuoi inviti ',\n titleIcon: 'fa-users-cog'\n },\n {\n id: 30,\n code: 'condividi',\n label: 'Condividi',\n title: `Condividi`,\n subTitle: `Pubblica sui social o invia il link a tutti i tuoi partner.`,\n titleIcon: 'fa-broadcast-tower fa-swap-opacity'\n }\n ]\n return retVal.sort((a, b) => (a.id > b.id ? 1 : -1))\n },\n currentPageCode() {\n return this.pages[this.currentPage - 1].code\n }\n },\n watch: {},\n methods: {\n nextPage(e, pageNumber) {\n if (this.currentPage < this.pages.length) {\n this.pageflow = ''\n if (pageNumber) {\n setTimeout(() => (this.currentPage = pageNumber), 100)\n } else {\n setTimeout(() => this.currentPage++, 100)\n }\n } else {\n console.log('Ultima Pagina')\n }\n },\n previousPage(e, pageNumber) {\n this.pageflow = '-back'\n if (pageNumber) {\n setTimeout(() => (this.currentPage = pageNumber), 100)\n } else if (this.currentPage > 1) {\n setTimeout(() => this.currentPage--, 100)\n }\n },\n stopAll(event) {\n event.stopPropagation()\n event.preventDefault()\n return false\n },\n beforeEnter: () => {\n window.scrollTo({\n top: 0,\n left: 0,\n behavior: 'smooth'\n })\n },\n getFormInterface(formInterface) {\n this.formInterfaces[formInterface.key] = formInterface\n },\n getErrorResponse(error) {\n console.log(error)\n let retVal = error\n if (error.response) {\n retVal = { status: error.response.status }\n if (error.response.data && error.response.data.error) {\n retVal = {\n ...retVal,\n ...error.response.data.error\n }\n }\n }\n return retVal\n },\n sendRequest() {\n const key = 'ContactRequest'\n const self = this\n if (this.formInterfaces[key].validate()) {\n if (!this.formInterfaces[key].fieldsAreChange()) {\n self.nextPage()\n } else if (this.formInterfaces[key].fieldsAreChange()) {\n const formValue = self.formInterfaces[key].getValues()\n\n axios\n .post(`/api/v1/seekers-relationships/new`, formValue)\n .then(response => {\n const { data } = response\n self.newContactId = data.Id\n EventBus.$emit('vnShow', {\n type: 'success',\n message: `l'invito è stato spedito correttamente`\n })\n self.nextPage()\n })\n .catch(error => {\n const errorResponse = self.getErrorResponse(error)\n if (errorResponse.status == 401) {\n self.handleSessionExpired()\n } else if (errorResponse.isCandidate) {\n EventBus.$emit('vnPopup', {\n message: `Questo indirizzo eMail è già utilizzato da un candidato.
Non è possibile invitare utenti già registrati come candidati.
`,\n actions: [{ label: 'Ok', icon: 'fa-check', style: 'info' }]\n })\n } else if (errorResponse.alreadyInvited) {\n EventBus.$emit('vnPopup', {\n message: `Questo contatto è già stato invitato.
Vuoi spedire un nuovo invito.
`,\n actions: [\n {\n label: 'OK',\n icon: 'fa-check-circle',\n action: () => {\n self.newContactId = errorResponse.id\n self.reSend(event, errorResponse.id)\n },\n style: 'success'\n },\n { label: 'Annulla', icon: 'fa-times-circle', style: 'info' }\n ]\n })\n } else {\n EventBus.$emit('vnShow', {\n type: 'danger',\n message: `Le modifiche non sono state salvate: ${error}`\n })\n }\n })\n .then(() => {\n // always executed\n })\n }\n }\n },\n reSend(event, id) {\n const self = this\n axios\n .get(`/api/v1/seekers-relationships/resend/${id}`)\n .then(response => {\n const { data } = response\n self.nextPage(null, 1)\n\n EventBus.$emit('vnShow', {\n type: 'success',\n message: `L'invito è stato spedito correttamente.`\n })\n })\n .catch(error => {\n const errorResponse = self.getErrorResponse(error)\n if (errorResponse.status == 401) {\n self.handleSessionExpired()\n } else {\n EventBus.$emit('vnShow', {\n type: 'danger',\n message: `L'invio non è stato spedito: ${error}`\n })\n }\n })\n .then(() => {\n // always executed\n })\n },\n getDefault() {\n const self = this\n axios\n .get(`/api/v1/seekers-relationships/seekerdefault/`)\n .then(response => {\n const { data } = response\n\n self.relationshipType = data.relationshipType\n self.defaultFieldValue = { ...self.defaultFieldValue, ContactMessage: data.defaultMessage }\n self.broadcastUrl = data.broadcastUrl\n\n console.log(self.defaultFieldValue)\n })\n .catch(error => {\n self.error = true\n })\n .then(() => {\n // always executed\n })\n },\n handleSessionExpired() {\n EventBus.$emit('vnPopup', {\n type: 'danger',\n message: `La sessione è scaduta
La pagina verrà ricaricata per permettere di effettuare nuovamente il login
`,\n actions: [\n {\n label: 'OK',\n icon: 'fa-check-circle',\n action: () => {\n window.location.reload()\n },\n style: 'danger'\n }\n ]\n })\n }\n },\n mounted() {\n this.getDefault()\n // EventBus.$on('vnShow', this.vnShow)\n },\n beforeDestroy() {\n // EventBus.$off('vnShow', this.vnShow)\n }\n })\n","\n Vue.prototype.seekerUserInvitesFormRequest = [\n {\n id: 0,\n fieldName: 'WidgetId',\n label: 'Seleziona un widget tra quelli disponibili',\n inputType: 'radio',\n options: [\n { id: 1, valueIfChecked: '1', label: 'Widget standard' },\n { id: 1774, valueIfChecked: '1774', label: 'Sondaggio alunni zenale' }\n ],\n validators: [{ type: 'required' }]\n },\n {\n id: 1,\n fieldName: 'Skip',\n skip: true\n },\n {\n id: 2,\n fieldName: 'EmailList',\n inputType: 'textarea',\n nobr: true,\n label: 'Email',\n validators: [\n { type: 'required' },\n {\n type: 'regex',\n regex:\n /^(([a-zA-Z0-9_\\-\\.]+)@([a-zA-Z0-9_\\-\\.]+)\\.([a-zA-Z]{2,5}){1,25})+(\\s*[;.]\\s*(([a-zA-Z0-9_\\-\\.]+)@([a-zA-Z0-9_\\-\\.]+)\\.([a-zA-Z]{2,5}){1,25})+)*\\s*;*\\s*$/,\n message:\n 'Sono stati riscontrati degli errori. Verifica che tutti gli indirizzi siano indicati correttamente e che siano separati da un ;'\n }\n ]\n }\n ]\n","\n Vue.component('user-invites-list', {\n props: {\n visible: { type: Boolean, default: true },\n selectedId: { type: Number },\n handleReSend: { type: Function, required: true },\n relationshipType: { type: Number }\n },\n data() {\n return {\n formInterfaces: {},\n contactsList: [],\n\n columnsList: [\n { id: 'ContactEmail', label: 'Email', sortable: true },\n { id: 'CreateDate', label: 'Data contatto', type: 'date', sortable: true }\n ],\n statusList: [\n {\n key: 'registration',\n id: 'RegistrationDone',\n value: 2,\n labelOn: 'Registrazione effettuata',\n labelOff: 'Registrazione non effettuata',\n icon: 'fa-sign-in',\n style: 'warning'\n },\n {\n key: 'registration',\n id: 'ConnectionConfirmed',\n value: 4,\n labelOn: 'Registrazione confermata',\n labelOff: 'Registrazione non confermata',\n icon: 'fa-sign-in',\n style: 'success'\n }\n // {\n // key: 'link',\n // id: 'GlobalLinkOpened',\n // value: 1,\n // type: 8,\n // labelOn: 'Link globale aperto',\n // labelOff: 'Link globale aperto',\n // icon: 'fa-globe',\n // style: 'success'\n // }\n // {\n // key: 'privacy',\n // id: 'PrivacyAccepted',\n // value: 8,\n // labelOn: 'Privacy accettata',\n // labelOff: 'Privacy non ancora accettata',\n // icon: 'fa-user-secret'\n // }\n ]\n }\n },\n template: '#user-invites-list',\n computed: {\n uniqueStatusList() {\n return Array.from(new Set(this.statusList.map(item => item.key))).map(item => ({ key: item }))\n },\n actionsList() {\n const defaultAction = [\n { id: 'delete', label: 'Elimina', icon: 'fa-trash', action: this.handleDeleteRow },\n {\n id: 'hurry',\n label: 'Invia nuovo invito',\n icon: 'fa-paper-plane',\n action: this.handleReSend\n }\n ]\n const linkedAction = [\n {\n id: 'widget',\n label: 'Apri profilo candidato',\n icon: 'fa-user',\n action: this.handleOpenProfile,\n showWhen: { RelationshipStatus: 4 }\n }\n ]\n\n return [...defaultAction, ...linkedAction]\n }\n },\n watch: {},\n methods: {\n handleOpenProfile(event, item) {\n const urlCandidate = `/curriculauser?id=${item.UserId}`\n window.open(urlCandidate, '_blank')\n },\n handleDeleteRow(event, item) {\n EventBus.$emit('vnPopup', {\n style: 'popup',\n message: `Sei sicuro di voler eliminare il contatto selezionato dal tuo elenco di invitati?`,\n actions: [\n { label: 'OK', icon: 'fa-check-circle', action: () => this.deleteRow(event, item), style: 'success' },\n { label: 'Annulla', icon: 'fa-times-circle', style: 'info' }\n ]\n })\n },\n deleteRow(event, item) {\n const self = this\n const id = item.Id\n axios\n .get(`/api/v1/seekers-user-invites/delete/${id}`)\n .then(response => {\n const { data } = response\n this.contactsList = this.contactsList.filter(cl => cl.Id != id)\n\n EventBus.$emit('vnShow', {\n type: 'success',\n message: `La cancellazione è stata effettuata correttamente.`\n })\n })\n .catch(error => {\n EventBus.$emit('vnShow', {\n type: 'danger',\n message: `Le modifiche non sono state salvate: ${error}`\n })\n })\n .then(() => {\n // always executed\n })\n },\n stopAll(event, id) {\n event.stopPropagation()\n event.preventDefault()\n return false\n },\n beforeEnter: () => {\n window.scrollTo({\n top: 0,\n left: 0,\n behavior: 'smooth'\n })\n },\n getFormInterface(formInterface) {\n this.formInterfaces[formInterface.key] = formInterface\n },\n setContactsList(data) {\n const self = this\n self.contactsList = data.map(item => {\n self.statusList.forEach(status => {\n const value = (item.RelationshipStatus & status.value) === status.value\n const checkType = status.hasOwnProperty('type') && status.type === item.RelationshipType\n const label = value ? status.labelOn : status.labelOff\n if (checkType) {\n item[status.key] = { ...status, value, label }\n } else if (!status.hasOwnProperty('type')) {\n item[status.key] = item[status.key] && !value ? item[status.key] : { ...status, value, label }\n }\n })\n return item\n })\n },\n getErrorResponse(error) {\n let retVal = error\n if (error.response) {\n retVal = { status: error.response.status }\n if (error.response.data && error.response.data.error) {\n retVal.error = error.response.data.error\n }\n }\n return retVal\n },\n handleSessionExpired() {\n EventBus.$emit('vnPopup', {\n type: 'danger',\n message: `La sessione è scaduta
La pagina verrà ricaricata per permettere di effettuare nuovamente il login
`,\n actions: [\n {\n label: 'OK',\n icon: 'fa-check-circle',\n action: () => {\n window.location.reload()\n },\n style: 'danger'\n }\n ]\n })\n }\n },\n mounted() {\n const self = this\n axios\n .get(`/api/v1/seekers-user-invites`)\n .then(response => {\n const { data } = response\n self.setContactsList(data)\n if (self.selectedId)\n setTimeout(\n () => document.getElementById(`row-${self.selectedId}`).scrollIntoView({ behavior: 'smooth' }),\n 200\n )\n })\n .catch(error => {\n const errorResponse = self.getErrorResponse(error)\n if ((errorResponse.status = 401)) {\n self.handleSessionExpired()\n } else {\n EventBus.$emit('vnShow', {\n type: 'danger',\n message: `Le modifiche non sono state salvate: ${error}`\n })\n self.nextPage()\n }\n })\n .then(() => {\n // always executed\n })\n },\n beforeDestroy() {\n // EventBus.$off('vnShow', this.vnShow)\n }\n })\n","\n Vue.component('user-invites-manager', {\n props: {\n visible: { type: Boolean, default: true }\n },\n data() {\n return {\n currentPage: 1,\n formInterfaces: {},\n pageflow: '',\n contactList: [],\n newContactId: null,\n defaultFieldValue: {},\n relationshipType: null,\n broadcastUrl: null,\n widgetList: []\n }\n },\n template: '#user-invites-manager',\n computed: {\n pages() {\n const retVal = [\n {\n id: 10,\n code: 'nuovo',\n label: 'Invita un utente',\n title: `Invita un utente`,\n subTitle: `Inserisci qui sotto gli indirizzi mail dei tuoi contatti per invitarli a compilare il proprio cv su LearK.Per inviare più richieste, separa gli indirizzi email con un punto e virgola. Es. miamail@dominio.it; altramail@domain.com`,\n titleIcon: 'fa-users-medical fa-swap-opacity'\n },\n {\n id: 20,\n code: 'elenco',\n label: 'I tuoi contatti',\n title: 'Gestisci i tuoi contatti',\n subTitle: 'Controlla lo stato dei tuoi inviti ',\n titleIcon: 'fa-users-cog'\n }\n ]\n return retVal.sort((a, b) => (a.id > b.id ? 1 : -1))\n },\n currentPageCode() {\n return this.pages[this.currentPage - 1].code\n }\n },\n watch: {},\n methods: {\n nextPage(e, pageNumber) {\n if (this.currentPage < this.pages.length) {\n this.pageflow = ''\n if (pageNumber) {\n setTimeout(() => (this.currentPage = pageNumber), 100)\n } else {\n setTimeout(() => this.currentPage++, 100)\n }\n } else {\n console.log('Ultima Pagina')\n }\n },\n previousPage(e, pageNumber) {\n this.pageflow = '-back'\n if (pageNumber) {\n setTimeout(() => (this.currentPage = pageNumber), 100)\n } else if (this.currentPage > 1) {\n setTimeout(() => this.currentPage--, 100)\n }\n },\n stopAll(event) {\n event.stopPropagation()\n event.preventDefault()\n return false\n },\n beforeEnter: () => {\n window.scrollTo({\n top: 0,\n left: 0,\n behavior: 'smooth'\n })\n },\n getFormInterface(formInterface) {\n this.formInterfaces[formInterface.key] = formInterface\n },\n getErrorResponse(error) {\n let retVal = error\n if (error.response) {\n retVal = { status: error.response.status }\n if (error.response.data && error.response.data.error) {\n retVal = {\n ...retVal,\n ...error.response.data.error\n }\n }\n }\n return retVal\n },\n sendRequest() {\n const key = 'UserInvites'\n const self = this\n if (this.formInterfaces[key].validate()) {\n if (!this.formInterfaces[key].fieldsAreChange()) {\n self.nextPage()\n } else if (this.formInterfaces[key].fieldsAreChange()) {\n const formValue = self.formInterfaces[key].getValues()\n axios\n .post(`/api/v1/seekers-user-invites/new`, formValue)\n .then(response => {\n const { data } = response\n self.newContactId = data.Id\n EventBus.$emit('vnShow', {\n type: 'success',\n message: `l'invito è stato spedito correttamente`\n })\n self.nextPage()\n })\n .catch(error => {\n const errorResponse = self.getErrorResponse(error)\n if (errorResponse.status === 401) {\n self.handleSessionExpired()\n } else {\n if (errorResponse.notEligible && errorResponse.notEligible > 0) {\n EventBus.$emit('vnPopup', {\n message: `
Questi utenti risultano già iscritti a Leark in una categoria diversa da quella dei candidati:
${errorResponse.notEligible.join(\n '
'\n )}
Questi contatti hanno già ricevuto un invito:
${errorResponse.alreadyInvited.join(\n '
'\n )}
Vuoi spedire un nuovo invito?
`,\n actions: [\n {\n label: 'OK',\n icon: 'fa-check-circle',\n action: () => {\n formValue.EmailList = errorResponse.alreadyInvited.join(';')\n self.reSend(event, formValue)\n },\n style: 'success'\n },\n { label: 'Annulla', icon: 'fa-times-circle', style: 'info' }\n ]\n })\n } else {\n EventBus.$emit('vnShow', {\n type: 'danger',\n message: `Le modifiche non sono state salvate: ${error}`\n })\n }\n }\n })\n .then(() => {\n // always executed\n })\n }\n }\n },\n handleReSend(event, item) {\n const self = this\n const formValue = { EmailList: item.ContactEmail }\n EventBus.$emit('vnPopup', {\n style: 'popup',\n type: 'light',\n message: `Vuoi spedire un nuovo invito al contatto selezionato?`,\n component: self.widgetList.length > 1 ? 'user-invites-resend-popup' : '',\n options: { widgetList: self.widgetList },\n actions: [\n {\n label: 'OK',\n icon: 'fa-check-circle',\n action: () => {\n formValue.WidgetId = EventBus.selectedWidgetId\n this.reSend(event, formValue)\n delete EventBus.selectedWidgetId\n },\n style: 'success'\n },\n { label: 'Annulla', icon: 'fa-times-circle', style: 'info' }\n ]\n })\n },\n reSend(event, formValue) {\n const self = this\n axios\n .post(`/api/v1/seekers-user-invites/resend`, formValue)\n .then(response => {\n const { data } = response\n self.nextPage(null, 1)\n\n EventBus.$emit('vnShow', {\n type: 'success',\n message: `Gli inviti sono stati spediti correttamente.`\n })\n })\n .catch(error => {\n const errorResponse = self.getErrorResponse(error)\n if (errorResponse.status === 401) {\n self.handleSessionExpired()\n } else {\n EventBus.$emit('vnShow', {\n type: 'danger',\n message: `Gli inviti non sono stati spediti: ${error}`\n })\n }\n })\n .then(() => {\n // always executed\n })\n },\n getDefault() {\n const self = this\n axios\n .get(`/api/v1/seekers-relationships/seekerdefault/`)\n .then(response => {\n const { data } = response\n\n self.relationshipType = data.relationshipType\n self.defaultFieldValue = { ...self.defaultFieldValue, ContactMessage: data.defaultMessage }\n self.broadcastUrl = data.broadcastUrl\n self.widgetList = data.widget\n self.seekerUserInvitesFormRequest[0].options = data.widget.map(wid => ({\n ...wid,\n valueIfChecked: `${wid.id}`\n }))\n self.seekerUserInvitesFormRequest[0].value = `${data.widget[0].id}`\n self.seekerUserInvitesFormRequest[0].inputType = data.widget.length === 1 ? 'hidden' : 'radio'\n })\n .catch(error => {\n self.error = true\n })\n .then(() => {\n // always executed\n })\n },\n handleSessionExpired() {\n EventBus.$emit('vnPopup', {\n type: 'danger',\n message: `La sessione è scaduta
La pagina verrà ricaricata per permettere di effettuare nuovamente il login
`,\n actions: [\n {\n label: 'OK',\n icon: 'fa-check-circle',\n action: () => {\n window.location.reload()\n },\n style: 'danger'\n }\n ]\n })\n }\n },\n mounted() {\n this.getDefault()\n // EventBus.$on('vnShow', this.vnShow)\n },\n beforeDestroy() {\n // EventBus.$off('vnShow', this.vnShow)\n }\n })\n","\n Vue.component('user-invites-resend-popup', {\n props: {\n widgetList: { type: Array, required: true }\n },\n data() {\n return {\n visible: true,\n formInterfaces: {},\n selectedWidgetId: `${this.widgetList[0].id}`\n }\n },\n template: '#user-invites-resend-popup',\n computed: {\n formFields() {\n return [\n {\n id: 0,\n fieldName: 'WidgetId',\n label: 'Seleziona un widget tra quelli disponibili',\n inputType: 'radio',\n value: this.selectedWidgetId,\n options: this.widgetList.map(wid => ({ ...wid, valueIfChecked: `${wid.id}` })),\n validators: [{ type: 'required' }]\n }\n ]\n }\n },\n watch: {},\n methods: {\n handleChange(param) {\n if (param.fieldName === 'WidgetId') {\n this.selectedWidgetId = param.value\n EventBus.selectedWidgetId = param.value\n }\n },\n getFormInterface(formInterface) {\n this.formInterfaces[formInterface.key] = formInterface\n }\n },\n mounted() {\n EventBus.selectedWidgetId = this.selectedWidgetId\n },\n beforeDestroy() {}\n })\n","\n Vue.component('fall-into-oblivion', {\n props: {\n userId: { type: String }\n },\n data() {\n return {\n visible: true\n }\n },\n template: '#fall-into-oblivion',\n computed: {\n required() {\n return true\n }\n },\n watch: {},\n methods: {\n handleSomething() {\n const self = this\n return false\n },\n handleDelete() {\n EventBus.$emit('vnPopup', {\n style: 'popup',\n message: `\nVuoi procedere con la cancellazione del tuo account LearK?
\nLa cancellazione comporta la perdita di tutti i dati associati al tuo account, inclusi i dati di accesso e le informazioni personali che non saranno recuperabili. Per rendere il tuo profilo visibile solo a te e non perdere i dati associati al tuo account, seleziona la voce “privato” nella sezione “Preferenze privacy”.
\n `,\n actions: [\n { label: 'OK', icon: 'fa-check-circle', action: () => this.deleteCandidate(), style: 'success' },\n { label: 'Annulla', icon: 'fa-times-circle', style: 'info' }\n ]\n })\n },\n deleteCandidate() {\n const self = this\n axios\n .post(`/api/v1/users/delete-candidate`)\n .then(response => {\n const { redirect } = response.data\n EventBus.$emit('vnPopup', {\n style: 'popup',\n type: 'success',\n message: `La cancellazione è stata effettuata correttamente. `,\n actions: [\n {\n label: 'OK',\n icon: 'fa-check-circle',\n action: () => (window.location.href = redirect),\n style: 'success'\n }\n ]\n })\n })\n .catch(error => {\n EventBus.$emit('vnPopup', {\n type: 'danger',\n message: `Non è stato possibile completare l'operazione.`\n })\n })\n .then(() => {\n // always executed\n })\n }\n },\n mounted() {},\n beforeDestroy() {}\n })\n","\n Vue.component('entity-category-selector', {\n props: {\n value: { type: Number, default: 9999 },\n visible: { type: Boolean, default: false }\n },\n data() {\n return {\n categories: [\n {\n id: 1,\n key: 'Company',\n message: 'Registrati ora',\n title: `Sei un'azienda ?`,\n image: '/Images/Aziende/intro2.png'\n },\n {\n id: 2,\n key: 'TrainingAgency',\n message: 'Entra nella nostra rete',\n title: `Sei un ente formativo ?`,\n image: '/Images/Formazione/intro.png'\n },\n {\n id: 3,\n key: 'WorkAgency',\n message: 'Trova i candidati adatti alle tue esigenze',\n title: `Sei un'agenzia per il lavoro`,\n image: '/Images/Agenzie/intro2.png'\n },\n {\n id: 5,\n key: 'VoluntaryAssociation',\n message: 'Entra nella nostra rete',\n title: `Sei un'associazione di volontariato ?`,\n image: '/Images/LandingPages/Volontariato/intro2.png'\n }\n ]\n }\n },\n template: '#entity-category-selector',\n computed: {},\n watch: {},\n methods: {\n show() {}\n },\n mounted() {\n // EventBus.$on('vnShow', this.vnShow)\n },\n beforeDestroy() {\n // EventBus.$off('vnShow', this.vnShow)\n }\n })\n","\n Vue.component('vue-notifier', {\n props: {\n duration: { type: Number, default: 10000 }\n },\n data() {\n return {\n type: 'light',\n visible: false,\n message: 'MESSAGGIO DI PROVA',\n autoClose: false,\n style: 'notice', // 'notice' | 'popup'\n actions: [],\n component: '',\n options: {},\n cssStyle: {},\n queue: []\n }\n },\n template: '#vue-notifier',\n computed: {},\n watch: {},\n methods: {\n setDefault() {\n this.type = 'light'\n this.visible = false\n this.message = 'MESSAGGIO DI PROVA'\n this.autoClose = false\n this.style = 'notice'\n this.actions = []\n this.component = ''\n this.options = {}\n },\n setNext() {\n if (!this.visible) {\n this.setDefault()\n if (this.queue.length > 0) {\n const param = this.queue.shift()\n this.style = param.style\n this.autoClose = param.autoClose !== false\n this.message = param.message\n this.type = param.type\n if (param.component) this.component = param.component\n if (param.options) this.options = param.options\n if (param.actions) this.actions = param.actions\n if (param.type) this.type = param.type\n if (param.cssStyle) this.cssStyle = param.cssStyle\n this.visible = true\n if (this.autoClose) {\n setTimeout(() => {\n this.visible = false\n this.setNext()\n }, this.duration)\n }\n }\n }\n },\n vnShow(param) {\n // this.setDefault()\n // this.style = 'notice'\n // this.autoClose = param.autoClose != false\n // this.message = param.message\n // this.type = param.type\n // this.visible = true\n // this.actions = []\n // if (this.autoClose) {\n // setTimeout(() => {\n // this.setNext()\n // }, this.duration)\n // }\n\n this.queue.push({ ...param, style: 'notice', action: [] })\n setTimeout(() => this.setNext(), 200)\n },\n vnShowOverlay(param) {\n this.queue.push({ ...param, style: 'overlay', autoClose: false })\n setTimeout(() => this.setNext(), 200)\n },\n vnHideOverlay() {\n if (this.style === 'overlay') this.setDefault()\n },\n vnPopup(param) {\n // this.setDefault()\n // this.style = 'popup'\n // this.autoClose = false\n // this.message = param.message\n // if (param.component) this.component = param.component\n // if (param.options) this.options = param.options\n // if (param.actions) this.actions = param.actions\n // if (param.type) this.type = param.type\n // if (param.cssStyle) this.cssStyle = param.cssStyle\n // this.visible = true\n\n this.queue.push({ ...param, style: 'popup', autoClose: false })\n setTimeout(() => this.setNext(), 200)\n },\n handleClick(event, action) {\n this.visible = false\n this.setNext()\n if (action) setTimeout(() => action(), 300)\n },\n executeActions() {\n this.actions.forEach(action => {\n if (typeof action === 'function') {\n action()\n }\n })\n }\n },\n mounted() {\n EventBus.$on('vnShow', this.vnShow)\n EventBus.$on('vnPopup', this.vnPopup)\n EventBus.$on('vnShowOverlay', this.vnShowOverlay)\n EventBus.$on('vnHideOverlay', this.vnHideOverlay)\n },\n beforeDestroy() {\n EventBus.$off('vnShow', this.vnShow)\n EventBus.$off('vnPopup', this.vnPopup)\n EventBus.$off('vnShowOverlay', this.vnShowOverlay)\n EventBus.$off('vnHideOverlay', this.vnHideOverlay)\n }\n })\n","\n Vue.component('session-alive', {\n props: {\n interval: { type: Number, default: 1000 }\n },\n data() {\n return {\n currentUserId: null,\n timeout: null\n }\n },\n template: '#session-alive',\n computed: {},\n watch: {},\n methods: {\n ping() {\n const self = this\n axios\n .post(`/api/v1/utilities/session-alive`)\n .then(response => {\n const { data } = response\n self.currentUserId = data.currentUserId\n })\n .catch(error => {\n self.currentUserId = null\n })\n .then(() => {\n // always executed\n this.timeout = setTimeout(() => this.ping(), this.interval)\n })\n }\n },\n mounted() {\n this.ping()\n },\n beforeDestroy() {\n clearTimeout(this.timeout)\n }\n })\n","\n Vue.component('tab-view-pager', {\n props: {\n initialPage: { type: Number, default: 1 },\n pages: { type: Array, required: true }\n },\n data() {\n return {\n currentPage: this.initialPage\n }\n },\n template: '#tab-view-pager',\n computed: {\n content() {\n return this.pages.find(page => page.id === this.currentPage).content\n },\n title() {\n return this.pages.find(page => page.id === this.currentPage).title\n }\n },\n watch: {},\n methods: {\n gotoPage(page) {\n this.currentPage = page\n }\n },\n mounted() {}\n })\n","\n Vue.component('vue-visualizer', {\n props: {\n vvKey: { type: String, required: true },\n vvLabel: String,\n vvVisible: Boolean,\n vvShowFunction: Function,\n vvHideFunction: Function,\n vvToggleFunction: Function\n },\n data() {\n return {\n container: null\n }\n },\n template: '#vue-visualizer',\n computed: {},\n watch: {},\n methods: {\n vvToggle(param) {\n if (param.key && param.key === this.vvKey) {\n if (this.vvToggleFunction) {\n this.vvToggleFunction()\n } else {\n $(this.container).toggleClass('d-none')\n }\n } else {\n console.log('vvToggle NOT MATCH', param, this.vvKey)\n }\n },\n vvShow(param) {\n if (param.key && param.key === this.vvKey) {\n if (this.vvShowFunction) {\n this.vvShowFunction()\n } else {\n $(this.container).removeClass('d-none')\n }\n } else if (param.hideOthers) {\n $(this.container).addClass('d-none')\n }\n },\n vvHide(param) {\n if (param.key && param.key === this.vvKey) {\n if (this.vvHideFunction) {\n this.vvHideFunction()\n } else {\n $(this.container).addClass('d-none')\n }\n }\n }\n },\n mounted() {\n this.container = document.getElementById(this.$root.$el.id).parentNode\n EventBus.$on('vvToggle', this.vvToggle)\n EventBus.$on('vvShow', this.vvShow)\n EventBus.$on('vvHide', this.vvHide)\n },\n beforeDestroy() {\n EventBus.$off('vvToggle', this.vvToggle)\n EventBus.$off('vvShow', this.vvShow)\n EventBus.$off('vvHide', this.vvHide)\n }\n })\n","\n Vue.component('widget-configurator', {\n props: {\n qrcUrl: { type: String, default: '/api/v1/qrcode/get-image?qrcv=1' },\n printMode: { type: Boolean, default: false },\n managerMode: { type: Boolean, default: true },\n showHeader: { type: Boolean, default: true },\n size: { type: String, default: '' }\n },\n data() {\n return {\n idList: 0,\n formatType: 3,\n linkType: -1,\n autoPrint: false,\n show: true,\n currentPage: 1,\n seekerId: null,\n seekerLogoUrl: null,\n seekerName: 'LearK',\n seekerCompanySign: '',\n entityType: 1,\n printFormat: '15x15',\n customPrintParameters: null\n }\n },\n template: '#widget-configurator',\n computed: {\n title() {\n return this.seekerCompanySign && this.seekerCompanySign !== this.seekerName\n ? this.seekerCompanySign\n : this.seekerName\n },\n subTitle() {\n return this.seekerCompanySign && this.seekerCompanySign !== this.seekerName ? `di ${this.seekerName}` : ''\n },\n pageHeader() {\n let retVal = {\n title: 'Configura il tuo QRCode',\n subTitle: 'Modifica le opzioni e scarica il QRCode nel formato che preferisci.'\n }\n if (!this.managerMode) {\n retVal = {\n title: 'Ottieni il QR Code da stampare o condividere.',\n subTitle: 'Il widget a portata di smartphone.'\n }\n }\n return retVal\n },\n pages() {\n const retVal = [\n {\n id: 1,\n code: 'customize',\n label: 'Personalizza',\n title: 'Personalizza il tuo widget',\n subTitle: '',\n buttonStyle: 'primary',\n titleIcon: 'fa-users-medical fa-swap-opacity'\n },\n {\n id: 2,\n code: 'advanced',\n label: 'Avanzate',\n title: 'Configurazioni avanzate',\n subTitle: '',\n buttonStyle: 'primary',\n titleIcon: 'fa-users-cog'\n },\n {\n id: 3,\n code: 'list',\n label: 'Liste',\n title: 'Gestisci le liste',\n subTitle: '',\n buttonStyle: 'primary',\n titleIcon: 'fa-users-cog'\n },\n {\n id: 4,\n code: 'complete',\n label: 'Crea',\n title: 'Installa il tuo widget o genera il QR Code',\n subTitle: '',\n buttonStyle: 'success',\n titleIcon: 'fa-users-cog'\n }\n ]\n return retVal.sort((a, b) => (a.id > b.id ? 1 : -1))\n },\n sideMessage() {\n const rightMessage = 'carica il tuo cv'\n const leftMessage = 'lavora con noi'\n const defaultMessage = { leftMessage, rightMessage }\n const messageList = [\n { entityType: 1, ...defaultMessage },\n { entityType: 2, ...defaultMessage, leftMessage: 'facciamo rete' },\n { entityType: 3, ...defaultMessage },\n { entityType: 5, ...defaultMessage, leftMessage: 'diventa volontario' }\n ]\n return messageList.filter(item => item.entityType === this.entityType)[0]\n },\n selectedLinkType() {\n return this.linkTypesList.find(x => x.id === this.linkType)\n },\n selectedPage() {\n return this.pages.find(x => x.id === this.currentPage)\n }\n },\n watch: {},\n methods: {\n handlePage(e, page) {\n this.currentPage = page\n saveWidgetConfiguration(this.currentPage === this.pages.length)\n },\n getSeekerData() {\n const self = this\n axios\n .get(`/api/v1/seeker/`)\n .then(response => {\n const { data: seeker } = response\n self.seekerLogoUrl = seeker.imageLogoUrl\n self.seekerName = seeker.name\n self.seekerCompanySign = seeker.companySign\n self.entityType = seeker.entityType\n if (self.autoPrint) setTimeout(() => self.printPdfQrCode(), 400)\n })\n .catch(error => {\n self.error = true\n })\n .then(() => {\n // always executed\n })\n },\n changeIdList(idList) {\n this.idList = idList\n }\n },\n mounted() {\n EventBus.$emit('widget-configurator-load')\n },\n\n beforeDestroy() {}\n })\n","\n Vue.component('widget-field', {\n props: {\n control: { type: Object },\n item: { type: Object },\n controlindex: { type: Number },\n persistedValues: { type: Object },\n currentusercv: { type: String, default: '' },\n currentusercvlastupload: { type: String, default: '' },\n isTrainingAgency: { type: Boolean, default: false },\n seekerId: { type: Number, default: -1 }\n },\n data() {\n return {\n showWhen: true,\n value: this.control.RetrievedValue,\n values: this.control.RetrievedValues,\n currentyear: new Date().getFullYear()\n }\n },\n template: '#widget-field',\n computed: {\n required() {\n return true\n }\n },\n watch: {},\n methods: {\n handleVisibility() {\n let retVal = true\n if (this.control.ShowWhen && this.control.ShowWhen.length > 0) {\n this.control.ShowWhen.forEach(sw => {\n retVal =\n retVal &&\n this.persistedValues[sw.Key] &&\n sw.Value.split(',').reduce(\n (acc, value) =>\n acc ||\n this.persistedValues[sw.Key].value === value ||\n (this.persistedValues[sw.Key].values && this.persistedValues[sw.Key].values.indexOf(value) !== -1),\n false\n )\n })\n }\n this.showWhen = retVal\n },\n emitInterface() {\n const self = this\n this.$emit('interface', {\n key: self.control.Id,\n validate: () => self.validate(),\n containerRef: self.$refs.container\n })\n },\n handleFieldChange(e, control, value) {\n const id = control.Id.replace('q_Curriculum_', '')\n const fieldValue = value || e.target.value\n\n if (control.FieldType === 'multiselection') {\n const index = this.values.indexOf(fieldValue)\n if (index === -1) {\n this.values.push(fieldValue)\n } else {\n this.values.splice(index, 1)\n }\n this.$emit('change', { key: id, values: this.values })\n } else {\n this.value = fieldValue\n this.$emit('change', { key: id, value: fieldValue })\n }\n },\n RetrievedValueContains(wc, value) {\n if (wc.HasRetrievedValue) {\n if (wc.RetrievedValue != '') return wc.RetrievedValue == value\n if (wc.RetrievedValues !== null) {\n return wc.RetrievedValues.indexOf(value) > -1\n }\n }\n\n return false\n },\n ListRetrievedValuesContains(wc, value) {\n if (wc.HasRetrievedValue) {\n if (wc.RetrievedValues !== null) {\n return wc.RetrievedValues.indexOf(value) > -1\n }\n }\n\n return false\n },\n\n ListRetrievedValuesIsEqualAtIndex(wc, value, index) {\n if (wc.HasRetrievedValue) {\n if (wc.RetrievedValues !== null) {\n if (wc.RetrievedValues.length >= index + 1) {\n if (wc.RetrievedValues[index].length > -1) {\n return wc.RetrievedValues[index] == value\n }\n }\n }\n }\n\n return false\n },\n\n ListRetrievedValuesContainsAtIndex(wc, value, index) {\n if (wc.HasRetrievedValue) {\n if (wc.RetrievedValues !== null) {\n if (wc.RetrievedValues.length >= index + 1) {\n if (wc.RetrievedValues[index].length > -1) {\n return wc.RetrievedValues[index].indexOf(`;${value};`) > -1\n }\n }\n }\n }\n\n return false\n },\n\n GetCurrentDayFromNumber(number) {\n let day = ''\n\n switch (number) {\n case 1:\n day = 'Lunedì'\n break\n case 2:\n day = 'Martedì'\n break\n case 3:\n day = 'Mercoledì'\n break\n case 4:\n day = 'Giovedì'\n break\n case 5:\n day = 'Venerdì'\n break\n case 6:\n day = 'Sabato'\n break\n case 7:\n day = 'Domenica'\n break\n default:\n day = ''\n }\n\n return day\n },\n GetDisabilityCategories() {\n return {\n 0: 'Categoria disabilità',\n 9999: 'Altre categorie'\n }\n },\n\n GetProtectedCategoryWhoCanUse() {\n return {\n 1: 'Azienda',\n 2: 'Centro di formazione',\n 3: 'Agenzia per il lavoro',\n 4: 'Associazione di volontariato',\n 5: 'Università',\n 6: 'Scuola'\n }\n }\n },\n mounted() {\n this.emitInterface()\n this.handleVisibility()\n EventBus.$on('widgetChangeField', this.handleVisibility)\n },\n beforeDestroy() {\n EventBus.$off('widgetChangeField', this.handleVisibility)\n }\n })\n","\n Vue.component('widget-seo-job-item-alone', {\n props: {\n profile: { type: Object },\n updateItemSkills: { type: Function }\n },\n data() {\n return {\n initialSkills: [0, 1, 2, 3, 4],\n selectedSkills: [0, 1, 2, 3, 4]\n }\n },\n template: '#widget-seo-job-item-alone',\n computed: {},\n watch: {},\n methods: {\n selectSkill(number) {\n const index = this.selectedSkills.indexOf(number)\n\n if (index !== -1) {\n this.selectedSkills.splice(index, 1)\n } else {\n this.selectedSkills.push(number)\n }\n\n this.updateItemSkills(this.selectedSkills)\n },\n ottieniIniziali(testo) {\n const parole = testo.split(/\\s+/).filter(stringa => stringa.length > 2)\n\n // Inizializza una stringa per contenere le iniziali\n let iniziali = ''\n\n if (parole.length > 2)\n for (let i = 0; i < Math.min(2, parole.length); i++) {\n iniziali += parole[i].substring(0, 1)\n }\n iniziali = iniziali.length < 2 ? parole[0].substring(0, 2) : iniziali\n\n return iniziali\n }\n },\n mounted() {}\n })\n","\n Vue.component('widget-seo-job-item', {\n props: {\n profile: { type: Object },\n updateItemSkills: { type: Function }\n },\n data() {\n return {\n initialSkills: [0, 1, 2, 3, 4],\n selectedSkills: [0, 1, 2, 3, 4]\n }\n },\n template: '#widget-seo-job-item',\n computed: {},\n watch: {},\n methods: {\n selectSkill(number) {\n const index = this.selectedSkills.indexOf(number)\n\n if (index !== -1) {\n this.selectedSkills.splice(index, 1)\n } else {\n this.selectedSkills.push(number)\n }\n\n this.updateItemSkills(this.selectedSkills)\n },\n ottieniIniziali(testo) {\n const parole = testo.split(/\\s+/).filter(stringa => stringa.length > 2)\n\n // Inizializza una stringa per contenere le iniziali\n let iniziali = ''\n\n if (parole.length > 2)\n for (let i = 0; i < Math.min(2, parole.length); i++) {\n iniziali += parole[i].substring(0, 1)\n }\n iniziali = iniziali.length < 2 ? parole[0].substring(0, 2) : iniziali\n\n return iniziali\n }\n },\n mounted() {}\n })\n","\n Vue.component('widget-seo-job', {\n props: {\n id: { type: String, required: true },\n updateCount: { type: Function }\n },\n data() {\n return {\n consent: false,\n confirmed: false,\n error: false,\n loading: false,\n checkStatus: true,\n jobProfiles: [],\n selectedProfile: -1,\n selectedProfiles: [],\n initialSkills: [0, 1, 2, 3, 4],\n selectedSkills: {},\n extraProfile: null,\n searchProfile: '',\n value: '',\n idUser: null\n }\n },\n pinia: Vue.pinia,\n template: '#widget-seo-job',\n computed: {\n ...Pinia.mapState(useSeoJobStore, {\n seoJobStatus: store => store.seoJobStatus,\n seoJobUsageCount: store => store.seoJobUsageCount,\n seoJobRemainingCount: store => store.seoJobRemainingCount,\n seoJobAvailableCount: store => store.seoJobAvailableCount\n })\n },\n watch: {\n seoJobUsageCount(val, old) {\n if (val === 0) {\n this.removeProcessButton()\n } else if (old === 0 && val > 0) {\n this.addProcessButton()\n }\n },\n confirmed(val) {\n this.value = this.getValue(val)\n if (val) {\n this.removeProcessButton(true)\n }\n }\n },\n methods: {\n ...Pinia.mapActions(useSeoJobStore, ['geSeoJobStatus', 'updatetSeoJobUsageCount']),\n selectedJobProfiles(id) {\n return this.jobProfiles[id]\n },\n getValue(confirmed, skill) {\n let value = ''\n if (confirmed) {\n value = JSON.stringify({\n jobProfiles: this.jobProfiles,\n selectedProfiles: this.selectedProfiles,\n selectedSkills: skill ?? this.selectedSkills\n })\n }\n return value\n },\n XXXselectProfile(index) {\n if (this.confirmed) return\n this.selectedProfile = index\n this.selectedSkills = [...this.initialSkills]\n },\n selectProfile(number) {\n if (this.confirmed) return\n\n const index = this.selectedProfiles.indexOf(number)\n if (index !== -1) {\n this.selectedProfiles.splice(index, 1)\n delete this.selectedSkills[number]\n this.updatetSeoJobUsageCount(-1)\n } else if (this.seoJobAvailableCount === 1) {\n this.selectedSkills = {}\n this.selectedProfiles = [number]\n this.selectedSkills[number] = [...this.initialSkills]\n if (this.seoJobRemainingCount === 1) {\n this.updatetSeoJobUsageCount(1)\n }\n } else if (this.seoJobRemainingCount > 0) {\n this.selectedProfiles.push(number)\n this.selectedSkills[number] = [...this.initialSkills]\n this.updatetSeoJobUsageCount(1)\n }\n },\n removeProcessButton(enableNext) {\n $('.btn-new-next').show()\n if (enableNext) $('.btn-new-next').prop('disabled', false)\n $('#seoJobProcess').remove()\n },\n addProcessButton() {\n const self = this\n $('.btn-new-next').hide()\n const button =\n ''\n $('#widget-pager-next-button').append(button)\n $('#seoJobProcess').on('click', event => {\n event.preventDefault()\n self.confirmed = true\n })\n },\n updateItemSkills(profile, skills) {\n this.selectedSkills[profile] = skills\n this.value = this.getValue(this.confirmed, this.selectedSkills)\n },\n async getStatus() {\n await this.geSeoJobStatus(this.idUser)\n if (this.seoJobStatus.FreeLimit - this.seoJobStatus.FreeUsed === 0) {\n $('.btn-new-next').prop('disabled', false).click()\n } else {\n this.checkStatus = false\n }\n },\n getProfiles() {\n this.error = false\n this.consent = true\n this.loading = true\n axios\n .post(`/api/v1/widget/seo-job/profiles-with-skills`, { idUser: this.idUser })\n .then(response => {\n const { data } = response\n this.jobProfiles = data\n })\n .catch(error => {\n this.error = true\n })\n .finally(() => {\n this.loading = false\n })\n },\n getSkills() {\n this.loading = true\n axios\n .post(`/api/v1/widget/seo-job/skills-by-profile`, { jobProfile: this.searchProfile, idUser: this.idUser })\n .then(response => {\n const { data } = response\n this.extraProfile = data\n this.jobProfiles.push(data)\n })\n .catch(error => {\n this.error = true\n })\n .finally(() => {\n this.loading = false\n })\n },\n ottieniIniziali(testo) {\n const parole = testo.split(/\\s+/).filter(stringa => stringa.length > 2)\n\n // Inizializza una stringa per contenere le iniziali\n let iniziali = ''\n\n if (parole.length > 1)\n for (let i = 0; i < Math.min(2, parole.length); i++) {\n iniziali += parole[i].substring(0, 1)\n }\n iniziali = iniziali.length < 2 ? parole[0].substring(0, 2) : iniziali\n\n return iniziali\n },\n goToEnd() {\n this.confirmed = true\n }\n },\n mounted() {\n this.idUser = $('#hfNewUserId').val()\n $('.btn-new-next').prop('disabled', true)\n this.getStatus()\n }\n })\n","\n Vue.component('vue-dt-column-header', {\n props: {\n id: { type: String, required: true },\n name: {type: String, required: true},\n label: { type: String, required: true },\n sortable: { type: Boolean, default: false },\n sortDirection: { type: Number, default: 1 }\n },\n data() {\n return { \n directions: [{ id: 1, value: '', icon:'sort' }, { id: 2, value: 'ASC', icon:'sort-down' }, { id: 3, value: 'DESC', icon: 'sort-up' }]\n }\n },\n template: '#vue-datatable-column-header',\n computed: {\n sortIcon() {\n return this.directions.find(item => item.id == this.sortDirection).icon;\n }\n },\n watch: {},\n methods: {\n dummy(param) { },\n changeSorting(event) {\n if (this.sortable) {\n this.$emit('change-sorting', event, this.name) \n }\n }\n },\n mounted() {\n // EventBus.$on('vnShow', this.vnShow)\n },\n beforeDestroy() {\n // EventBus.$off('vnShow', this.vnShow)\n }\n })\n","\n Vue.component('vue-datatable', {\n props: {\n id: { type: String, required: true },\n visible: { type: Boolean, default: true },\n columnsDefinition: [],\n actionsList: [],\n statusList: [],\n data: [],\n selectedId: { type: Number }\n },\n data() {\n return {\n sortColumn: null,\n sortDirection: 1,\n filter: null\n }\n },\n template: '#vue-datatable',\n computed: {\n computedData() {\n const retVal = [...this.data]\n if (this.filter) {\n console.log('filter')\n }\n if (this.sortDirection != 1) {\n const sortDirection = this.sortDirection == 2 ? 1 : -1\n retVal.sort((a, b) => (a[this.sortColumn] > b[this.sortColumn] ? sortDirection : -sortDirection))\n }\n return retVal\n }\n },\n watch: {},\n methods: {\n dummy(param) {},\n formatDate(value, format) {\n return moment(value).format(format)\n },\n changeSorting(event, sortColumn) {\n if (sortColumn == this.sortColumn) {\n const direction = (this.sortDirection % 3) + 1\n this.sortDirection = direction\n if (direction === 1) this.sortColumn = ''\n } else {\n this.sortDirection = 2\n this.sortColumn = sortColumn\n }\n },\n checkVisibility(hideWhen, showWhen, rowItem) {\n let show = !showWhen\n if (hideWhen) {\n const entries = Object.entries(hideWhen)\n for (const [key, value] of entries) {\n show = show && rowItem[key] !== value\n }\n }\n if (showWhen) {\n const entries = Object.entries(showWhen)\n for (const [key, value] of entries) {\n show = show || rowItem[key] === value\n }\n }\n return show\n }\n },\n mounted() {\n // EventBus.$on('vnShow', this.vnShow)\n },\n beforeDestroy() {\n // EventBus.$off('vnShow', this.vnShow)\n }\n })\n"]}