Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagejs
titleSample Vue Component (custom template)
<template>
    <div >
        <header>
            <a @click="callAkiomaCode('$ akioma.vueTemplates.LaunchDetailsWindow(eventSource); ')"><h3>{{fullName}}</h3></a>
        </header>
    </div>
</template>


<script>

import mixinAkioma from '@/mixins/global-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.

...