...
Code Block | ||||
---|---|---|---|---|
| ||||
<template> <div > <header> <a @click="callAkiomaCode('$ akioma.vueTemplates.LaunchDetailsWindow(eventSource); ')"><h3>{{fullName}}</h3></a> </header> </div> </template> <script> import mixinAkioma from '@/mixins/mixinGlobalAkiomaglobal-akioma'; export default { mixins: [ mixinAkioma ], props: { dataSource:{ type: Object }, datasourceNamespace: { type: Object }, currentRecord: { type: Object }, controller: { type:Object } }, computed: { fullName(){ if(this.currentRecord.stamm_nr_nachname || this.currentRecord.vorname) return `${this.currentRecord.stamm_nr_nachname} ${this.currentRecord.vorname}`; else return ''; }, isIconEnabled(){ if(this.currentRecord && this.currentRecord.brs_versicherten_name) return this.currentRecord.brs_versicherten_name.includes('Terence'); return false; }, isCustomStateEnabledIcon(){ if(this.isIconEnabled) { const customState = this.getCustomState('icon-display'); if(customState) return true; } return false; } }, methods: { openConditional (eventSource) { if(this.isCustomStateEnabledIcon) { this.callAkiomaCode('$ akioma.vueTemplates.LaunchDetailsWindow(eventSource); '); } } } } </script> |
In a Custom Vue Component, the developer can implement computed properties, can define new methods, can add watchers and use data component state.
...