salix/client/item/src/card/item-card.js

import ngModule from '../module';

class ItemCard {
    constructor($http, $state) {
        this.$http = $http;
        this.$state = $state;
    }

    _getBotanical() {
        let filter = {
            where: {
                itemFk: this.$state.params.id
            },
            include: [{relation: 'genus'}, {relation: 'specie'}]
        };
        this.$http.get(`/item/api/ItemBotanicals?filter=${JSON.stringify(filter)}`)
            .then(res => {
                if (res.data) {
                    this.item.botanical = res.data[0];
                }
            });
    }

    $onInit() {
        let filter = {
            include: [
                {relation: "itemType"},
                {relation: "origin"},
                {relation: "ink"},
                {relation: "producer"},
                {relation: "intrastat"},
                {relation: "expence"},
                {relation: "itemTag", scope: {order: "priority ASC", include: {relation: "tag"}}}
            ]
        };
        this.$http.get(`/item/api/Items/${this.$state.params.id}?filter=${JSON.stringify(filter)}`)
            .then(
                res => {
                    if (res.data && res.data.id) {
                        this.item = res.data;
                        this._getBotanical();
                    }
                }
        );
    }
}
ItemCard.$inject = ['$http', '$state'];

ngModule.component('vnItemCard', {
    template: require('./item-card.html'),
    controller: ItemCard
});