deaneturner

import { Item } from '../../cargo-domain/src/models/Item';

export interface ItemExample extends Item {
    isSelected?: boolean;
    checkbox?: string;
    symbol?: string;
    maxLikes?: string;
    weightCode?: string;
    weightSymbol?: string;
    weightAmount?: string;

deaneturner

// FROM
items$ = this.store.pipe(select(state => state.items));
// TO
items$ = this.store.pipe(select(state => state.contracts));

// FROM
<div class="kn-weight-amount">{{item?.weightAmount}}</div>
// TO
<div class="kn-weight-amount">{{item?.duration}}</div>

deaneturner

import { ItemExample } from '../../../models/item-example';

export const items: ItemExample[] = [
    {
        knTag: '928612d4-b4c2-4426-b80b-861e6cf5fe63',
        knLabel: 'Item row',
        knDescription: '',
        isSelected: false,
        checkbox: 'check_box_outline_blank',
        symbol: 'adjust',

deaneturner

import { Contract } from '../../../models/contract';

export const contracts: Contract[] = [
    {
        knTag: '928612d4-b4c2-4426-b80b-861e6cf5fe63',
        knLabel: 'Contract A',
        knDescription: '',
        isSelected: false,
        checkbox: 'check_box_outline_blank',
    },

deaneturner

import { Item } from '../../cargo-domain/src/models/Item';

export interface Contract extends Item {
    isSelected?: boolean;
    checkbox?: string;
    duration?: string;
}

deaneturner

import { Cargo } from './Cargo';
import { Package } from './Package';

export interface Item extends Cargo {
    knIsContainedIn?: Package;
}

deaneturner

import { Tag } from '../common/TagGenerator';

export abstract class Cargo {
    knTag?: Tag;
    knLabel: string;
    knDescription?: string;
}

deaneturner

/* none */

deaneturner

import {
    Component,
    ContentChild,
    Input, OnDestroy,
    OnInit,
    TemplateRef
} from '@angular/core';
import { PackageConfig } from '../../../models/Package.config';
import { ItemConfig } from '../../../models/Item.config';
import { ListItemDirective } from '../../directives/list-item/list-item.directive';

deaneturner

<div class="cn-package example-package">
  <ng-template #collapseTpl>
    <div (click)="expand($event)">
      <ng-content select=".cn-select-max-no-collapse"></ng-content>
    </div>
  </ng-template>
  <div (click)="collapse($event)" *ngIf="config">
    <div cnGrid [columns]="config.cnLayout.cnColumns">
      <div class="material-icons">grade</div>
      <div>{{ config.cnLabel }}</div>