Vue.component('warehouse-item', {
    //language=Vue
    template: `
                <tt-card>
                  <tt-table-crud @openHistory="historyModal = true; historyModalId = $event.id">
                    <template v-slot:rack="{ row }">
                      <span v-if="row.rack && row.shelf">{{ row.rack }} | {{ row.shelf }}</span>
                      <span v-else-if="row.rack">{{ row.rack }}</span>
                      <span v-else> - </span>
                    </template>
                  </tt-table-crud>
                  <warehouse-history-modal :show.sync="historyModal" :id="historyModalId"/>
                </tt-card>
              `, data() {
        return {
            window: window, historyModal: false, historyModalId: null,
        }
    },
})