@ducna01120/fleetops-engine/addon/components/custom-field-value.js

Fleet & Transport Management Extension for Fleetbase

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { inject as service } from '@ember/service';
import { action, computed } from '@ember/object';
import { equal } from '@ember/object/computed';

export default class CustomFieldValueComponent extends Component {
    @service fetch;

    @tracked selectedPort;
    @tracked selectedVessel;

    @equal('args.metaField.type', 'text') isTextInput;
    @equal('args.metaField.type', 'select') isSelectInput;
    @equal('args.metaField.type', 'vessel') isVesselInput;
    @equal('args.metaField.type', 'port') isPortInput;
    @equal('args.metaField.type', 'datetime') isDateTimeInput;
    @equal('args.metaField.type', 'boolean') isBooleanInput;

    @computed('args.metaField.type') get isTextDisplay() {
        const { type } = this.args.metaField;

        return ['text', 'select', 'vessel', 'port', 'datetime'].includes(type);
    }

    @action setupComponent() {
        const { isPortInput, isVesselInput } = this;

        if (isPortInput) {
            this.fetchPort();
        }

        if (isVesselInput) {
            this.fetchVessel();
        }
    }

    @action fetchVessel() {}

    @action fetchPort() {}
}