@sneat/ext-assetus-components 0.2.0

package/esm2022/index.js

@@ -0,0 +1,2 @@
+export * from './lib';
+//# sourceMappingURL=index.js.map

package/esm2022/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/extensions/assetus/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC","sourcesContent":["export * from './lib';\n"]}

package/esm2022/lib/asset-add/add-asset-base-component.js

@@ -0,0 +1,48 @@
+import { Component, inject } from '@angular/core';
+import { FormControl, UntypedFormGroup, Validators } from '@angular/forms';
+import { SpaceBaseComponent } from '@sneat/space-components';
+import { AssetService } from '../services';
+import * as i0 from "@angular/core";
+export class AddAssetBaseComponent extends SpaceBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.isSubmitting = false;
+        this.titleForm = new UntypedFormGroup({
+            title: new FormControl('', Validators.required),
+        });
+        this.assetService = inject(AssetService);
+    }
+    static { this.metadata = {
+        inputs: ['space'],
+    }; }
+    createAssetAndGoToAssetPage(request, space) {
+        if (!this.space) {
+            throw new Error('no team context');
+        }
+        this.assetService
+            .createAsset(this.space, request)
+            .subscribe({
+            next: (asset) => {
+                this.spaceParams.spaceNavService
+                    .navigateForwardToSpacePage(space, 'asset/' + asset.id, {
+                    replaceUrl: true,
+                    state: { asset, space },
+                })
+                    .catch(this.spaceParams.errorLogger.logErrorHandler(`failed to navigate to team page`));
+            },
+            error: (err) => {
+                this.isSubmitting = false;
+                this.spaceParams.errorLogger.logError(err, 'Failed to create a new asset');
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AddAssetBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: AddAssetBaseComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AddAssetBaseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }] });
+//# sourceMappingURL=add-asset-base-component.js.map

package/esm2022/lib/asset-add/add-asset-base-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-asset-base-component.js","sourceRoot":"","sources":["../../../../../../../../libs/extensions/assetus/components/src/lib/asset-add/add-asset-base-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAuB,MAAM,aAAa,CAAC;;AAKhE,MAAM,OAAgB,qBAAsB,SAAQ,kBAAkB;IAHtE;;QAWS,iBAAY,GAAG,KAAK,CAAC;QAErB,cAAS,GAAG,IAAI,gBAAgB,CAAC;YACtC,KAAK,EAAE,IAAI,WAAW,CAAS,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;SACxD,CAAC,CAAC;QAEgB,iBAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;KAoCxD;aAjDwB,aAAQ,GAAG;QAChC,MAAM,EAAE,CAAC,OAAO,CAAC;KAClB,AAF8B,CAE7B;IAaQ,2BAA2B,CAInC,OAA8C,EAC9C,KAAoB;QAEpB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,CAAC,YAAY;aACd,WAAW,CAAmB,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC;aAClD,SAAS,CAAC;YACT,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;gBACd,IAAI,CAAC,WAAW,CAAC,eAAe;qBAC7B,0BAA0B,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC,EAAE,EAAE;oBACtD,UAAU,EAAE,IAAI;oBAChB,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;iBACxB,CAAC;qBACD,KAAK,CACJ,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,eAAe,CAC1C,iCAAiC,CAClC,CACF,CAAC;YACN,CAAC;YACD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;gBACb,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;gBAC1B,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,QAAQ,CACnC,GAAG,EACH,8BAA8B,CAC/B,CAAC;YACJ,CAAC;SACF,CAAC,CAAC;IACP,CAAC;8GAjDmB,qBAAqB;kGAArB,qBAAqB,+FAF/B,EAAE;;2FAEQ,qBAAqB;kBAH1C,SAAS;mBAAC;oBACT,QAAQ,EAAE,EAAE;iBACb","sourcesContent":["import { Component, inject } from '@angular/core';\nimport { FormControl, UntypedFormGroup, Validators } from '@angular/forms';\nimport { IContactusSpaceDboAndID } from '@sneat/contactus-core';\nimport { AssetExtraType, IAssetExtra } from '@sneat/mod-assetus-core';\nimport { SpaceBaseComponent } from '@sneat/space-components';\nimport { ISpaceContext } from '@sneat/space-models';\nimport { AssetService, ICreateAssetRequest } from '../services';\n\n@Component({\n  template: '',\n})\nexport abstract class AddAssetBaseComponent extends SpaceBaseComponent {\n  public static readonly metadata = {\n    inputs: ['space'],\n  };\n\n  public contactusSpace?: IContactusSpaceDboAndID;\n  public country?: string;\n\n  public isSubmitting = false;\n\n  public titleForm = new UntypedFormGroup({\n    title: new FormControl<string>('', Validators.required),\n  });\n\n  protected readonly assetService = inject(AssetService);\n\n  protected createAssetAndGoToAssetPage<\n    ExtraType extends AssetExtraType,\n    Extra extends IAssetExtra,\n  >(\n    request: ICreateAssetRequest<ExtraType, Extra>,\n    space: ISpaceContext,\n  ): void {\n    if (!this.space) {\n      throw new Error('no team context');\n    }\n    this.assetService\n      .createAsset<ExtraType, Extra>(this.space, request)\n      .subscribe({\n        next: (asset) => {\n          this.spaceParams.spaceNavService\n            .navigateForwardToSpacePage(space, 'asset/' + asset.id, {\n              replaceUrl: true,\n              state: { asset, space },\n            })\n            .catch(\n              this.spaceParams.errorLogger.logErrorHandler(\n                `failed to navigate to team page`,\n              ),\n            );\n        },\n        error: (err) => {\n          this.isSubmitting = false;\n          this.spaceParams.errorLogger.logError(\n            err,\n            'Failed to create a new asset',\n          );\n        },\n      });\n  }\n}\n"]}

package/esm2022/lib/asset-add/asset-add-document/asset-add-document.component.js

@@ -0,0 +1,166 @@
+import { Component, Input } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonButton, IonButtons, IonCard, IonDatetime, IonIcon, IonInput, IonItem, IonPopover, } from '@ionic/angular/standalone';
+import { ClassName, SelectFromListComponent } from '@sneat/ui';
+import { SpaceComponentBaseParams } from '@sneat/space-components';
+import { format, parseISO } from 'date-fns';
+import { AddAssetBaseComponent } from '../add-asset-base-component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class AssetAddDocumentComponent extends AddAssetBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.documentTypes = [
+            { id: 'car', title: 'Car', iconName: 'car-outline' },
+            { id: 'motorbike', title: 'Motorbike', iconName: 'bicycle-outline' },
+            // { id: 'bicycle', title: 'Bicycle', iconName: 'bicycle-outline' }, this is a sport asset
+            { id: 'boat', title: 'Boat', iconName: 'boat-outline' },
+        ];
+        this.countryIso2 = 'IE';
+        this.regNumber = '';
+        this.vin = '';
+        this.yearOfBuild = '';
+        // public make = '';
+        // public model = '';
+        this.engine = '';
+        this.nctExpires = ''; // ISO date string 'YYYY-MM-DD'
+        this.taxExpires = ''; // ISO date string 'YYYY-MM-DD'
+        this.nextServiceDue = ''; // ISO date string 'YYYY-MM-DD'
+    }
+    ngOnChanges(changes) {
+        const spaceChanges = changes['space'];
+        if (spaceChanges && this.space) {
+            const a = this.documentAsset ?? {
+                id: '',
+                space: this.space ?? { id: '' },
+                dbo: {
+                    status: 'draft',
+                    category: 'vehicle',
+                    extraType: 'document',
+                    extra: {},
+                    spaceID: this.space?.id,
+                    type: this.documentType,
+                    title: '',
+                    possession: undefined,
+                    createdAt: new Date().toISOString(),
+                    createdBy: '-',
+                    updatedAt: new Date().toISOString(),
+                    updatedBy: '-',
+                },
+            };
+            this.documentAsset = { ...a, space: this.space };
+        }
+    }
+    onAssetChanged(_asset) {
+        // TODO: Implement asset changed logic
+    }
+    onVehicleTypeChanged() {
+        if (this.documentAsset?.dbo) {
+            this.documentAsset = {
+                ...this.documentAsset,
+                dbo: {
+                    ...this.documentAsset.dbo,
+                    type: this.documentType,
+                    extraType: 'document',
+                    extra: {},
+                },
+            };
+        }
+    }
+    formatDate(value) {
+        return value && !Array.isArray(value)
+            ? format(parseISO(value), 'dd MMMM yyyy')
+            : '';
+    }
+    submitDocumentForm() {
+        if (!this.space) {
+            throw 'no team context';
+        }
+        if (!this.documentType) {
+            throw 'no vehicleType';
+        }
+        const assetDto = this.documentAsset?.dbo;
+        if (!assetDto) {
+            throw new Error('no asset');
+        }
+        this.isSubmitting = true;
+        let request = {
+            asset: {
+                ...assetDto,
+                status: 'active',
+                category: 'vehicle',
+            },
+            spaceID: this.space?.id,
+        };
+        if (this.yearOfBuild) {
+            request = {
+                ...request,
+                asset: { ...request.asset, yearOfBuild: +this.yearOfBuild },
+            };
+        }
+        // if (this.vin) {
+        // 	vehicle.vin = this.vin;
+        // }
+        // if (this.countryIso2) {
+        // 	request.countryID = this.countryIso2;
+        // }
+        // if (this.taxExpires) {
+        // 	vehicle.taxExpires = this.taxExpires;
+        // }
+        // if (this.nctExpires) {
+        // 	vehicle.nctExpires = this.nctExpires;
+        // }
+        // if (this.nextServiceDue) {
+        // 	vehicle.nextServiceDue = this.nextServiceDue;
+        // }
+        // const { engine } = this;
+        // if (engine) {
+        // 	const engineLower = engine.toLowerCase();
+        // 	request.engine = engine;
+        // 	if (engineLower.includes('petrol')) {
+        // 		request.fuelType = 'petrol';
+        // 	} else if (engineLower.includes('diesel')) {
+        // 		request.fuelType = 'diesel';
+        // 	}
+        // 	const size = engine.match(/(\d+(\.\d)?)+L/);
+        // 	console.log('size:', size);
+        // 	if (size) {
+        // 		// tslint:disable-next-line:no-magic-numbers
+        // 		request.engineCC = +size[1] * 1000;
+        // 	}
+        // }
+        this.createAssetAndGoToAssetPage(request, this.space);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AssetAddDocumentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: AssetAddDocumentComponent, isStandalone: true, selector: "sneat-asset-add-document", inputs: { documentAsset: "documentAsset" }, providers: [
+            {
+                provide: ClassName,
+                useValue: 'AssetAddVehicleComponent',
+            },
+            SpaceComponentBaseParams,
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (documentType) {\n  <h1 class=\"ion-padding\">New {{ documentType }}</h1>\n} @else {\n  <h1 class=\"ion-padding\">New vehicle</h1>\n}\n\n@if (!documentType) {\n  <ion-card>\n    <sneat-select-from-list\n      [(ngModel)]=\"documentType\"\n      (ngModelChange)=\"onVehicleTypeChanged()\"\n      [isFilterable]=\"false\"\n      title=\"Type\"\n      [items]=\"documentTypes\"\n    />\n  </ion-card>\n}\n\n<ion-card>\n  <ion-item>\n    <!-- Datetime in popover with input -->\n    <ion-input label=\"Taxed till\" [value]=\"taxExpires\" />\n    <ion-buttons slot=\"end\">\n      <ion-button fill=\"clear\" id=\"open-date-input-2\">\n        <ion-icon icon=\"calendar\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-popover trigger=\"open-date-input-2\" show-backdrop=\"false\">\n      <ng-template>\n        <ion-datetime\n          #popoverDatetime2\n          presentation=\"date\"\n          (ionChange)=\"taxExpires = formatDate(popoverDatetime2.value)\"\n        />\n      </ng-template>\n    </ion-popover>\n  </ion-item>\n  <!--\t\t<ion-item>-->\n  <!--\t\t\t<ion-label>NCT till</ion-label>-->\n  <!--\t\t\t<ion-datetime max=\"2021\" [(ngModel)]=\"nctExpires\"></ion-datetime>-->\n  <!--\t\t</ion-item>-->\n  <!--\t\t<ion-item>-->\n  <!--\t\t\t<ion-label>Service due</ion-label>-->\n  <!--\t\t\t<ion-datetime max=\"2021\" [(ngModel)]=\"nextServiceDue\"></ion-datetime>-->\n  <!--\t\t</ion-item>-->\n</ion-card>\n\n@if (documentAsset?.dbo?.extra?.[\"regNumber\"]) {\n  <ion-button\n    [color]=\"documentAsset?.dbo?.extra?.['regNumber'] ? 'primary' : 'light'\"\n    size=\"large\"\n    class=\"ion-margin\"\n    expand=\"full\"\n    [disabled]=\"!space || isSubmitting\"\n    (click)=\"submitDocumentForm()\"\n  >\n    @if (isSubmitting) {\n      Adding vehicle...\n    } @else {\n      Add vehicle\n    }\n  </ion-button>\n}\n\n<div style=\"height: 300px\"></div>\n<!--TODO: workaround for calendar overlap -->\n", dependencies: [{ kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: SelectFromListComponent, selector: "sneat-select-from-list", inputs: ["value", "filterLabel", "label", "listLabel", "listLabelColor", "isFilterable", "isLoading", "items", "items$", "lastItemLines", "labelPlacement", "justify", "other", "canAdd", "filterItem", "selectMode", "isReadonly", "$isProcessing", "sortBy"], outputs: ["valueChange", "filterChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonPopover, selector: "ion-popover" }, { kind: "component", type: IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AssetAddDocumentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-asset-add-document', providers: [
+                        {
+                            provide: ClassName,
+                            useValue: 'AssetAddVehicleComponent',
+                        },
+                        SpaceComponentBaseParams,
+                    ], imports: [
+                        IonCard,
+                        SelectFromListComponent,
+                        FormsModule,
+                        IonItem,
+                        IonInput,
+                        IonButtons,
+                        IonButton,
+                        IonIcon,
+                        IonPopover,
+                        IonDatetime,
+                    ], template: "@if (documentType) {\n  <h1 class=\"ion-padding\">New {{ documentType }}</h1>\n} @else {\n  <h1 class=\"ion-padding\">New vehicle</h1>\n}\n\n@if (!documentType) {\n  <ion-card>\n    <sneat-select-from-list\n      [(ngModel)]=\"documentType\"\n      (ngModelChange)=\"onVehicleTypeChanged()\"\n      [isFilterable]=\"false\"\n      title=\"Type\"\n      [items]=\"documentTypes\"\n    />\n  </ion-card>\n}\n\n<ion-card>\n  <ion-item>\n    <!-- Datetime in popover with input -->\n    <ion-input label=\"Taxed till\" [value]=\"taxExpires\" />\n    <ion-buttons slot=\"end\">\n      <ion-button fill=\"clear\" id=\"open-date-input-2\">\n        <ion-icon icon=\"calendar\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-popover trigger=\"open-date-input-2\" show-backdrop=\"false\">\n      <ng-template>\n        <ion-datetime\n          #popoverDatetime2\n          presentation=\"date\"\n          (ionChange)=\"taxExpires = formatDate(popoverDatetime2.value)\"\n        />\n      </ng-template>\n    </ion-popover>\n  </ion-item>\n  <!--\t\t<ion-item>-->\n  <!--\t\t\t<ion-label>NCT till</ion-label>-->\n  <!--\t\t\t<ion-datetime max=\"2021\" [(ngModel)]=\"nctExpires\"></ion-datetime>-->\n  <!--\t\t</ion-item>-->\n  <!--\t\t<ion-item>-->\n  <!--\t\t\t<ion-label>Service due</ion-label>-->\n  <!--\t\t\t<ion-datetime max=\"2021\" [(ngModel)]=\"nextServiceDue\"></ion-datetime>-->\n  <!--\t\t</ion-item>-->\n</ion-card>\n\n@if (documentAsset?.dbo?.extra?.[\"regNumber\"]) {\n  <ion-button\n    [color]=\"documentAsset?.dbo?.extra?.['regNumber'] ? 'primary' : 'light'\"\n    size=\"large\"\n    class=\"ion-margin\"\n    expand=\"full\"\n    [disabled]=\"!space || isSubmitting\"\n    (click)=\"submitDocumentForm()\"\n  >\n    @if (isSubmitting) {\n      Adding vehicle...\n    } @else {\n      Add vehicle\n    }\n  </ion-button>\n}\n\n<div style=\"height: 300px\"></div>\n<!--TODO: workaround for calendar overlap -->\n" }]
+        }], propDecorators: { documentAsset: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=asset-add-document.component.js.map

package/esm2022/lib/asset-add/asset-add-document/asset-add-document.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-add-document.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/extensions/assetus/components/src/lib/asset-add/asset-add-document/asset-add-document.component.ts","../../../../../../../../../libs/extensions/assetus/components/src/lib/asset-add/asset-add-document/asset-add-document.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {\n  IonButton,\n  IonButtons,\n  IonCard,\n  IonDatetime,\n  IonIcon,\n  IonInput,\n  IonItem,\n  IonPopover,\n} from '@ionic/angular/standalone';\nimport { ClassName, ISelectItem, SelectFromListComponent } from '@sneat/ui';\nimport { timestamp } from '@sneat/dto';\nimport {\n  AssetPossession,\n  AssetVehicleType,\n  IAssetContext,\n  IAssetDocumentContext,\n  IAssetDocumentExtra,\n} from '@sneat/mod-assetus-core';\nimport { SpaceComponentBaseParams } from '@sneat/space-components';\nimport { format, parseISO } from 'date-fns';\nimport { ICreateAssetRequest } from '../../services';\nimport { AddAssetBaseComponent } from '../add-asset-base-component';\n\n@Component({\n  selector: 'sneat-asset-add-document',\n  templateUrl: './asset-add-document.component.html',\n  providers: [\n    {\n      provide: ClassName,\n      useValue: 'AssetAddVehicleComponent',\n    },\n    SpaceComponentBaseParams,\n  ],\n  imports: [\n    IonCard,\n    SelectFromListComponent,\n    FormsModule,\n    IonItem,\n    IonInput,\n    IonButtons,\n    IonButton,\n    IonIcon,\n    IonPopover,\n    IonDatetime,\n  ],\n})\nexport class AssetAddDocumentComponent\n  extends AddAssetBaseComponent\n  implements OnChanges\n{\n  // @Input() public override space?: ISpaceContext;\n  @Input() public documentAsset?: IAssetDocumentContext;\n\n  protected documentType?: AssetVehicleType;\n  protected readonly documentTypes: ISelectItem[] = [\n    { id: 'car', title: 'Car', iconName: 'car-outline' },\n    { id: 'motorbike', title: 'Motorbike', iconName: 'bicycle-outline' },\n    // { id: 'bicycle', title: 'Bicycle', iconName: 'bicycle-outline' }, this is a sport asset\n    { id: 'boat', title: 'Boat', iconName: 'boat-outline' },\n  ];\n\n  protected countryIso2 = 'IE';\n  protected regNumber = '';\n  protected vin = '';\n  protected yearOfBuild = '';\n  // public make = '';\n  // public model = '';\n  protected engine = '';\n  protected engines?: string[];\n\n  protected nctExpires = ''; // ISO date string 'YYYY-MM-DD'\n  protected taxExpires = ''; // ISO date string 'YYYY-MM-DD'\n  protected nextServiceDue = ''; // ISO date string 'YYYY-MM-DD'\n\n  ngOnChanges(changes: SimpleChanges): void {\n    const spaceChanges = changes['space'];\n    if (spaceChanges && this.space) {\n      const a: IAssetContext<'document'> = this.documentAsset ?? {\n        id: '',\n        space: this.space ?? { id: '' },\n        dbo: {\n          status: 'draft',\n          category: 'vehicle',\n          extraType: 'document',\n          extra: {},\n          spaceID: this.space?.id,\n          type: this.documentType,\n          title: '',\n          possession: undefined as unknown as AssetPossession,\n          createdAt: new Date().toISOString() as unknown as timestamp,\n          createdBy: '-',\n          updatedAt: new Date().toISOString() as unknown as timestamp,\n          updatedBy: '-',\n        },\n      };\n      this.documentAsset = { ...a, space: this.space };\n    }\n  }\n\n  protected onAssetChanged(_asset: IAssetContext): void {\n    // TODO: Implement asset changed logic\n  }\n\n  protected onVehicleTypeChanged(): void {\n    if (this.documentAsset?.dbo) {\n      this.documentAsset = {\n        ...this.documentAsset,\n        dbo: {\n          ...this.documentAsset.dbo,\n          type: this.documentType,\n          extraType: 'document',\n          extra: {},\n        },\n      };\n    }\n  }\n\n  protected formatDate(value?: string | string[] | null): string {\n    return value && !Array.isArray(value)\n      ? format(parseISO(value), 'dd MMMM yyyy')\n      : '';\n  }\n\n  protected submitDocumentForm(): void {\n    if (!this.space) {\n      throw 'no team context';\n    }\n    if (!this.documentType) {\n      throw 'no vehicleType';\n    }\n    const assetDto = this.documentAsset?.dbo;\n    if (!assetDto) {\n      throw new Error('no asset');\n    }\n    this.isSubmitting = true;\n    let request: ICreateAssetRequest<'document', IAssetDocumentExtra> = {\n      asset: {\n        ...assetDto,\n        status: 'active',\n        category: 'vehicle',\n      },\n      spaceID: this.space?.id,\n    };\n    if (this.yearOfBuild) {\n      request = {\n        ...request,\n        asset: { ...request.asset, yearOfBuild: +this.yearOfBuild },\n      };\n    }\n\n    // if (this.vin) {\n    // \tvehicle.vin = this.vin;\n    // }\n    // if (this.countryIso2) {\n    // \trequest.countryID = this.countryIso2;\n    // }\n    // if (this.taxExpires) {\n    // \tvehicle.taxExpires = this.taxExpires;\n    // }\n    // if (this.nctExpires) {\n    // \tvehicle.nctExpires = this.nctExpires;\n    // }\n    // if (this.nextServiceDue) {\n    // \tvehicle.nextServiceDue = this.nextServiceDue;\n    // }\n\n    // const { engine } = this;\n    // if (engine) {\n    // \tconst engineLower = engine.toLowerCase();\n    // \trequest.engine = engine;\n    // \tif (engineLower.includes('petrol')) {\n    // \t\trequest.fuelType = 'petrol';\n    // \t} else if (engineLower.includes('diesel')) {\n    // \t\trequest.fuelType = 'diesel';\n    // \t}\n    // \tconst size = engine.match(/(\\d+(\\.\\d)?)+L/);\n    // \tconsole.log('size:', size);\n    // \tif (size) {\n    // \t\t// tslint:disable-next-line:no-magic-numbers\n    // \t\trequest.engineCC = +size[1] * 1000;\n    // \t}\n    // }\n\n    this.createAssetAndGoToAssetPage(request, this.space);\n  }\n}\n","@if (documentType) {\n  <h1 class=\"ion-padding\">New {{ documentType }}</h1>\n} @else {\n  <h1 class=\"ion-padding\">New vehicle</h1>\n}\n\n@if (!documentType) {\n  <ion-card>\n    <sneat-select-from-list\n      [(ngModel)]=\"documentType\"\n      (ngModelChange)=\"onVehicleTypeChanged()\"\n      [isFilterable]=\"false\"\n      title=\"Type\"\n      [items]=\"documentTypes\"\n    />\n  </ion-card>\n}\n\n<ion-card>\n  <ion-item>\n    <!-- Datetime in popover with input -->\n    <ion-input label=\"Taxed till\" [value]=\"taxExpires\" />\n    <ion-buttons slot=\"end\">\n      <ion-button fill=\"clear\" id=\"open-date-input-2\">\n        <ion-icon icon=\"calendar\" />\n      </ion-button>\n    </ion-buttons>\n    <ion-popover trigger=\"open-date-input-2\" show-backdrop=\"false\">\n      <ng-template>\n        <ion-datetime\n          #popoverDatetime2\n          presentation=\"date\"\n          (ionChange)=\"taxExpires = formatDate(popoverDatetime2.value)\"\n        />\n      </ng-template>\n    </ion-popover>\n  </ion-item>\n  <!--\t\t<ion-item>-->\n  <!--\t\t\t<ion-label>NCT till</ion-label>-->\n  <!--\t\t\t<ion-datetime max=\"2021\" [(ngModel)]=\"nctExpires\"></ion-datetime>-->\n  <!--\t\t</ion-item>-->\n  <!--\t\t<ion-item>-->\n  <!--\t\t\t<ion-label>Service due</ion-label>-->\n  <!--\t\t\t<ion-datetime max=\"2021\" [(ngModel)]=\"nextServiceDue\"></ion-datetime>-->\n  <!--\t\t</ion-item>-->\n</ion-card>\n\n@if (documentAsset?.dbo?.extra?.[\"regNumber\"]) {\n  <ion-button\n    [color]=\"documentAsset?.dbo?.extra?.['regNumber'] ? 'primary' : 'light'\"\n    size=\"large\"\n    class=\"ion-margin\"\n    expand=\"full\"\n    [disabled]=\"!space || isSubmitting\"\n    (click)=\"submitDocumentForm()\"\n  >\n    @if (isSubmitting) {\n      Adding vehicle...\n    } @else {\n      Add vehicle\n    }\n  </ion-button>\n}\n\n<div style=\"height: 300px\"></div>\n<!--TODO: workaround for calendar overlap -->\n"]}

package/esm2022/lib/asset-add/asset-add-dwelling/asset-add-dwelling.component.js

@@ -0,0 +1,115 @@
+import { Component, Input } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonButton, IonCard } from '@ionic/angular/standalone';
+import { ClassName, SelectFromListComponent } from '@sneat/ui';
+import { SpaceComponentBaseParams } from '@sneat/space-components';
+import { AddDwellingCardComponent } from '../../edit-dwelling-card/edit-dwelling-card.component';
+import { AddAssetBaseComponent } from '../add-asset-base-component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class AssetAddDwellingComponent extends AddAssetBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.dwellingTypes = [
+            { id: 'house', title: 'House', iconName: 'home-outline' },
+            { id: 'apartment', title: 'Apartment', iconName: 'business-outline' },
+            { id: 'room', title: 'Room', iconName: 'storefront-outline' },
+        ];
+    }
+    ngOnChanges(changes) {
+        if (changes['space'] && this.space) {
+            this.dwellingAsset = this.dwellingAsset ?? {
+                id: '',
+                space: this.space ?? { id: '' },
+                dbo: {
+                    status: 'draft',
+                    category: 'dwelling',
+                    extraType: 'dwelling',
+                    extra: {
+                        rent_price: { value: 0, currency: 'USD' },
+                    },
+                    spaceID: this.space?.id,
+                    type: this.dwellingType,
+                    title: 'My dwelling',
+                    possession: 'owning',
+                    createdAt: new Date().toISOString(),
+                    createdBy: '-',
+                    updatedAt: new Date().toISOString(),
+                    updatedBy: '-',
+                },
+            };
+        }
+    }
+    onDwellingTypeChanged() {
+        if (this.dwellingAsset?.dbo) {
+            this.dwellingAsset = {
+                ...this.dwellingAsset,
+                dbo: {
+                    ...this.dwellingAsset.dbo,
+                    type: this.dwellingType,
+                },
+            };
+        }
+    }
+    onAssetChanged(asset) {
+        this.dwellingAsset = asset;
+    }
+    submitDwellingForm() {
+        // console.log('submitDwellingForm', this.dwellingAsset);
+        if (!this.space) {
+            throw new Error('no team context');
+        }
+        if (!this.dwellingAsset) {
+            throw new Error('no dwellingType');
+        }
+        const assetDto = this.dwellingAsset?.dbo;
+        if (!assetDto) {
+            throw new Error('no asset');
+        }
+        this.isSubmitting = true;
+        if (assetDto.extra) {
+            if (assetDto.extra.numberOfBedrooms) {
+                assetDto.extra.numberOfBedrooms = +assetDto.extra?.numberOfBedrooms;
+            }
+            if (assetDto.extra.areaSqM) {
+                assetDto.extra.areaSqM = +assetDto.extra?.areaSqM;
+            }
+        }
+        const request = {
+            asset: {
+                ...assetDto,
+                status: 'active',
+                category: 'dwelling',
+            },
+            spaceID: this.space?.id,
+        };
+        this.createAssetAndGoToAssetPage(request, this.space);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AssetAddDwellingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: AssetAddDwellingComponent, isStandalone: true, selector: "sneat-asset-add-dwelling", inputs: { dwellingAsset: "dwellingAsset" }, providers: [
+            {
+                provide: ClassName,
+                useValue: 'AssetAddDwellingComponent',
+            },
+            SpaceComponentBaseParams,
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (dwellingType) {\n  <h1 class=\"ion-padding\">New {{ dwellingType }}</h1>\n} @else {\n  <h1 class=\"ion-padding\">New dwelling</h1>\n}\n\n@if (dwellingType) {\n  <sneat-edit-dwelling-card\n    [space]=\"space\"\n    [(dwellingAsset)]=\"dwellingAsset\"\n    (dwellingAssetChange)=\"onAssetChanged($event)\"\n  />\n} @else {\n  <ion-card>\n    <sneat-select-from-list\n      [(ngModel)]=\"dwellingType\"\n      (ngModelChange)=\"onDwellingTypeChanged()\"\n      [isFilterable]=\"false\"\n      title=\"Type\"\n      [items]=\"dwellingTypes\"\n    />\n  </ion-card>\n}\n\n@if (dwellingAsset?.dbo?.type || dwellingAsset?.dbo?.countryID) {\n  <ion-button\n    [color]=\"dwellingAsset?.dbo?.type ? 'primary' : 'light'\"\n    size=\"large\"\n    class=\"ion-margin\"\n    expand=\"full\"\n    [disabled]=\"!space || isSubmitting\"\n    (click)=\"submitDwellingForm()\"\n  >\n    @if (isSubmitting) {\n      Adding dwelling...\n    } @else {\n      Add dwelling\n    }\n  </ion-button>\n}\n", dependencies: [{ kind: "component", type: AddDwellingCardComponent, selector: "sneat-edit-dwelling-card", inputs: ["space", "dwellingAsset"], outputs: ["dwellingAssetChange"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: SelectFromListComponent, selector: "sneat-select-from-list", inputs: ["value", "filterLabel", "label", "listLabel", "listLabelColor", "isFilterable", "isLoading", "items", "items$", "lastItemLines", "labelPlacement", "justify", "other", "canAdd", "filterItem", "selectMode", "isReadonly", "$isProcessing", "sortBy"], outputs: ["valueChange", "filterChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AssetAddDwellingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-asset-add-dwelling', providers: [
+                        {
+                            provide: ClassName,
+                            useValue: 'AssetAddDwellingComponent',
+                        },
+                        SpaceComponentBaseParams,
+                    ], imports: [
+                        AddDwellingCardComponent,
+                        IonCard,
+                        SelectFromListComponent,
+                        FormsModule,
+                        IonButton,
+                    ], template: "@if (dwellingType) {\n  <h1 class=\"ion-padding\">New {{ dwellingType }}</h1>\n} @else {\n  <h1 class=\"ion-padding\">New dwelling</h1>\n}\n\n@if (dwellingType) {\n  <sneat-edit-dwelling-card\n    [space]=\"space\"\n    [(dwellingAsset)]=\"dwellingAsset\"\n    (dwellingAssetChange)=\"onAssetChanged($event)\"\n  />\n} @else {\n  <ion-card>\n    <sneat-select-from-list\n      [(ngModel)]=\"dwellingType\"\n      (ngModelChange)=\"onDwellingTypeChanged()\"\n      [isFilterable]=\"false\"\n      title=\"Type\"\n      [items]=\"dwellingTypes\"\n    />\n  </ion-card>\n}\n\n@if (dwellingAsset?.dbo?.type || dwellingAsset?.dbo?.countryID) {\n  <ion-button\n    [color]=\"dwellingAsset?.dbo?.type ? 'primary' : 'light'\"\n    size=\"large\"\n    class=\"ion-margin\"\n    expand=\"full\"\n    [disabled]=\"!space || isSubmitting\"\n    (click)=\"submitDwellingForm()\"\n  >\n    @if (isSubmitting) {\n      Adding dwelling...\n    } @else {\n      Add dwelling\n    }\n  </ion-button>\n}\n" }]
+        }], propDecorators: { dwellingAsset: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=asset-add-dwelling.component.js.map

package/esm2022/lib/asset-add/asset-add-dwelling/asset-add-dwelling.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-add-dwelling.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/extensions/assetus/components/src/lib/asset-add/asset-add-dwelling/asset-add-dwelling.component.ts","../../../../../../../../../libs/extensions/assetus/components/src/lib/asset-add/asset-add-dwelling/asset-add-dwelling.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { IonButton, IonCard } from '@ionic/angular/standalone';\nimport { ClassName, ISelectItem, SelectFromListComponent } from '@sneat/ui';\nimport { timestamp } from '@sneat/dto';\nimport {\n  AssetRealEstateType,\n  IAssetContext,\n  IAssetDwellingContext,\n  IAssetDwellingExtra,\n} from '@sneat/mod-assetus-core';\nimport { SpaceComponentBaseParams } from '@sneat/space-components';\nimport { AddDwellingCardComponent } from '../../edit-dwelling-card/edit-dwelling-card.component';\nimport { ICreateAssetRequest } from '../../services';\nimport { AddAssetBaseComponent } from '../add-asset-base-component';\n\n@Component({\n  selector: 'sneat-asset-add-dwelling',\n  templateUrl: './asset-add-dwelling.component.html',\n  providers: [\n    {\n      provide: ClassName,\n      useValue: 'AssetAddDwellingComponent',\n    },\n    SpaceComponentBaseParams,\n  ],\n  imports: [\n    AddDwellingCardComponent,\n    IonCard,\n    SelectFromListComponent,\n    FormsModule,\n    IonButton,\n  ],\n})\nexport class AssetAddDwellingComponent\n  extends AddAssetBaseComponent\n  implements OnChanges\n{\n  @Input() public dwellingAsset?: IAssetDwellingContext;\n\n  protected dwellingType?: AssetRealEstateType;\n  protected readonly dwellingTypes: ISelectItem[] = [\n    { id: 'house', title: 'House', iconName: 'home-outline' },\n    { id: 'apartment', title: 'Apartment', iconName: 'business-outline' },\n    { id: 'room', title: 'Room', iconName: 'storefront-outline' },\n  ];\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['space'] && this.space) {\n      this.dwellingAsset = this.dwellingAsset ?? {\n        id: '',\n        space: this.space ?? { id: '' },\n        dbo: {\n          status: 'draft',\n          category: 'dwelling',\n          extraType: 'dwelling',\n          extra: {\n            rent_price: { value: 0, currency: 'USD' },\n          },\n          spaceID: this.space?.id,\n          type: this.dwellingType,\n          title: 'My dwelling',\n          possession: 'owning',\n          createdAt: new Date().toISOString() as unknown as timestamp,\n          createdBy: '-',\n          updatedAt: new Date().toISOString() as unknown as timestamp,\n          updatedBy: '-',\n        },\n      };\n    }\n  }\n\n  protected onDwellingTypeChanged(): void {\n    if (this.dwellingAsset?.dbo) {\n      this.dwellingAsset = {\n        ...this.dwellingAsset,\n        dbo: {\n          ...this.dwellingAsset.dbo,\n          type: this.dwellingType,\n        },\n      };\n    }\n  }\n\n  protected onAssetChanged(asset: IAssetContext): void {\n    this.dwellingAsset = asset as IAssetDwellingContext;\n  }\n\n  protected submitDwellingForm(): void {\n    // console.log('submitDwellingForm', this.dwellingAsset);\n    if (!this.space) {\n      throw new Error('no team context');\n    }\n    if (!this.dwellingAsset) {\n      throw new Error('no dwellingType');\n    }\n    const assetDto = this.dwellingAsset?.dbo;\n    if (!assetDto) {\n      throw new Error('no asset');\n    }\n    this.isSubmitting = true;\n\n    if (assetDto.extra) {\n      if (assetDto.extra.numberOfBedrooms) {\n        assetDto.extra.numberOfBedrooms = +assetDto.extra?.numberOfBedrooms;\n      }\n      if (assetDto.extra.areaSqM) {\n        assetDto.extra.areaSqM = +assetDto.extra?.areaSqM;\n      }\n    }\n\n    const request: ICreateAssetRequest<'dwelling', IAssetDwellingExtra> = {\n      asset: {\n        ...assetDto,\n        status: 'active',\n        category: 'dwelling',\n      },\n      spaceID: this.space?.id,\n    };\n\n    this.createAssetAndGoToAssetPage(request, this.space);\n  }\n}\n","@if (dwellingType) {\n  <h1 class=\"ion-padding\">New {{ dwellingType }}</h1>\n} @else {\n  <h1 class=\"ion-padding\">New dwelling</h1>\n}\n\n@if (dwellingType) {\n  <sneat-edit-dwelling-card\n    [space]=\"space\"\n    [(dwellingAsset)]=\"dwellingAsset\"\n    (dwellingAssetChange)=\"onAssetChanged($event)\"\n  />\n} @else {\n  <ion-card>\n    <sneat-select-from-list\n      [(ngModel)]=\"dwellingType\"\n      (ngModelChange)=\"onDwellingTypeChanged()\"\n      [isFilterable]=\"false\"\n      title=\"Type\"\n      [items]=\"dwellingTypes\"\n    />\n  </ion-card>\n}\n\n@if (dwellingAsset?.dbo?.type || dwellingAsset?.dbo?.countryID) {\n  <ion-button\n    [color]=\"dwellingAsset?.dbo?.type ? 'primary' : 'light'\"\n    size=\"large\"\n    class=\"ion-margin\"\n    expand=\"full\"\n    [disabled]=\"!space || isSubmitting\"\n    (click)=\"submitDwellingForm()\"\n  >\n    @if (isSubmitting) {\n      Adding dwelling...\n    } @else {\n      Add dwelling\n    }\n  </ion-button>\n}\n"]}

package/esm2022/lib/asset-add/asset-add-vehicle/asset-add-vehicle.component.js

@@ -0,0 +1,173 @@
+import { Component, Input } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { IonButton, IonCard } from '@ionic/angular/standalone';
+import { SelectFromListComponent } from '@sneat/ui';
+import { SpaceComponentBaseParams } from '@sneat/space-components';
+import { EngineTypes, FuelTypes, } from '@sneat/mod-assetus-core';
+import { format, parseISO } from 'date-fns';
+import { VehicleCardComponent } from '../../vehicle-card/vehicle-card.component';
+import { AddAssetBaseComponent } from '../add-asset-base-component';
+import { ClassName } from '@sneat/ui';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class AssetAddVehicleComponent extends AddAssetBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.vehicleTypes = [
+            { id: 'car', title: 'Car', iconName: 'car-outline' },
+            { id: 'motorbike', title: 'Motorbike', iconName: 'bicycle-outline' },
+            // { id: 'bicycle', title: 'Bicycle', iconName: 'bicycle-outline' }, this is a sport asset
+            { id: 'boat', title: 'Boat', iconName: 'boat-outline' },
+        ];
+        this.countryIso2 = 'IE';
+        this.regNumber = '';
+        this.vin = '';
+        this.yearOfBuild = '';
+        // protected make = '';
+        // protected model = '';
+        this.engine = '';
+        this.nctExpires = ''; // ISO date string 'YYYY-MM-DD'
+        this.taxExpires = ''; // ISO date string 'YYYY-MM-DD'
+        this.nextServiceDue = ''; // ISO date string 'YYYY-MM-DD'
+    }
+    ngOnChanges(changes) {
+        if (changes['space'] && this.space) {
+            const a = this.vehicleAsset ?? {
+                id: '',
+                space: this.space ?? { id: '' },
+                dbo: {
+                    status: 'draft',
+                    category: 'vehicle',
+                    extraType: 'vehicle',
+                    extra: {
+                        make: '',
+                        model: '',
+                        engineFuel: FuelTypes.unknown,
+                        engineType: EngineTypes.unknown,
+                    },
+                    spaceID: this.space?.id,
+                    type: this.vehicleType,
+                    possession: 'owning',
+                    createdAt: new Date().toISOString(),
+                    createdBy: '-',
+                    updatedAt: new Date().toISOString(),
+                    updatedBy: '-',
+                },
+            };
+            this.vehicleAsset = { ...a, space: this.space };
+        }
+    }
+    onAssetChanged(asset) {
+        this.vehicleAsset = asset;
+    }
+    onVehicleTypeChanged() {
+        if (this.vehicleAsset?.dbo) {
+            this.vehicleAsset = {
+                ...this.vehicleAsset,
+                dbo: {
+                    ...this.vehicleAsset.dbo,
+                    type: this.vehicleType,
+                    extraType: 'vehicle',
+                    extra: {
+                        make: '',
+                        model: '',
+                        regNumber: '',
+                        engineType: '',
+                        engineFuel: '',
+                    },
+                },
+            };
+        }
+    }
+    formatDate(value) {
+        return value && !Array.isArray(value)
+            ? format(parseISO(value), 'dd MMMM yyyy')
+            : '';
+    }
+    submitVehicleForm() {
+        if (!this.space) {
+            throw 'no team context';
+        }
+        if (!this.vehicleType) {
+            throw 'no vehicleType';
+        }
+        const assetDto = this.vehicleAsset?.dbo;
+        if (!assetDto) {
+            throw new Error('no asset');
+        }
+        this.isSubmitting = true;
+        let request = {
+            asset: {
+                ...assetDto,
+                status: 'active',
+                category: 'vehicle',
+            },
+            spaceID: this.space?.id,
+        };
+        if (this.yearOfBuild) {
+            request = {
+                ...request,
+                asset: { ...request.asset, yearOfBuild: +this.yearOfBuild },
+            };
+        }
+        // if (this.vin) {
+        // 	vehicle.vin = this.vin;
+        // }
+        // if (this.countryIso2) {
+        // 	request.countryID = this.countryIso2;
+        // }
+        // if (this.taxExpires) {
+        // 	vehicle.taxExpires = this.taxExpires;
+        // }
+        // if (this.nctExpires) {
+        // 	vehicle.nctExpires = this.nctExpires;
+        // }
+        // if (this.nextServiceDue) {
+        // 	vehicle.nextServiceDue = this.nextServiceDue;
+        // }
+        // const { engine } = this;
+        // if (engine) {
+        // 	const engineLower = engine.toLowerCase();
+        // 	request.engine = engine;
+        // 	if (engineLower.includes('petrol')) {
+        // 		request.fuelType = 'petrol';
+        // 	} else if (engineLower.includes('diesel')) {
+        // 		request.fuelType = 'diesel';
+        // 	}
+        // 	const size = engine.match(/(\d+(\.\d)?)+L/);
+        // 	console.log('size:', size);
+        // 	if (size) {
+        // 		// tslint:disable-next-line:no-magic-numbers
+        // 		request.engineCC = +size[1] * 1000;
+        // 	}
+        // }
+        this.createAssetAndGoToAssetPage(request, this.space);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AssetAddVehicleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: AssetAddVehicleComponent, isStandalone: true, selector: "sneat-asset-add-vehicle", inputs: { vehicleAsset: "vehicleAsset" }, providers: [
+            {
+                provide: ClassName,
+                useValue: 'AssetAddVehicleComponent',
+            },
+            SpaceComponentBaseParams,
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (vehicleType) {\n  <h1 class=\"ion-padding\">New {{ vehicleType }}</h1>\n} @else {\n  <h1 class=\"ion-padding\">New vehicle</h1>\n}\n\n@if (vehicleType) {\n  <sneat-vehicle-card\n    [space]=\"space\"\n    [(vehicleAsset)]=\"vehicleAsset\"\n    (vehicleAssetChange)=\"onAssetChanged($event)\"\n  />\n} @else {\n  <ion-card>\n    <sneat-select-from-list\n      [(ngModel)]=\"vehicleType\"\n      (ngModelChange)=\"onVehicleTypeChanged()\"\n      [isFilterable]=\"false\"\n      title=\"Type\"\n      [items]=\"vehicleTypes\"\n    />\n  </ion-card>\n}\n\n@if (vehicleAsset?.dbo?.extra?.model || vehicleAsset?.dbo?.extra?.regNumber) {\n  <ion-button\n    [color]=\"vehicleAsset?.dbo?.extra?.model ? 'primary' : 'light'\"\n    size=\"large\"\n    class=\"ion-margin\"\n    expand=\"full\"\n    [disabled]=\"!space || isSubmitting\"\n    (click)=\"submitVehicleForm()\"\n  >\n    @if (isSubmitting) {\n      Adding vehicle...\n    } @else {\n      Add vehicle\n    }\n  </ion-button>\n}\n\n<div style=\"height: 300px\"></div>\n<!--TODO: workaround for calendar overlap -->\n", dependencies: [{ kind: "component", type: SelectFromListComponent, selector: "sneat-select-from-list", inputs: ["value", "filterLabel", "label", "listLabel", "listLabelColor", "isFilterable", "isLoading", "items", "items$", "lastItemLines", "labelPlacement", "justify", "other", "canAdd", "filterItem", "selectMode", "isReadonly", "$isProcessing", "sortBy"], outputs: ["valueChange", "filterChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: VehicleCardComponent, selector: "sneat-vehicle-card", inputs: ["space", "vehicleAsset", "make", "model", "yearBuild"], outputs: ["vehicleAssetChange"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AssetAddVehicleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-asset-add-vehicle', providers: [
+                        {
+                            provide: ClassName,
+                            useValue: 'AssetAddVehicleComponent',
+                        },
+                        SpaceComponentBaseParams,
+                    ], imports: [
+                        SelectFromListComponent,
+                        FormsModule,
+                        IonCard,
+                        VehicleCardComponent,
+                        IonButton,
+                    ], template: "@if (vehicleType) {\n  <h1 class=\"ion-padding\">New {{ vehicleType }}</h1>\n} @else {\n  <h1 class=\"ion-padding\">New vehicle</h1>\n}\n\n@if (vehicleType) {\n  <sneat-vehicle-card\n    [space]=\"space\"\n    [(vehicleAsset)]=\"vehicleAsset\"\n    (vehicleAssetChange)=\"onAssetChanged($event)\"\n  />\n} @else {\n  <ion-card>\n    <sneat-select-from-list\n      [(ngModel)]=\"vehicleType\"\n      (ngModelChange)=\"onVehicleTypeChanged()\"\n      [isFilterable]=\"false\"\n      title=\"Type\"\n      [items]=\"vehicleTypes\"\n    />\n  </ion-card>\n}\n\n@if (vehicleAsset?.dbo?.extra?.model || vehicleAsset?.dbo?.extra?.regNumber) {\n  <ion-button\n    [color]=\"vehicleAsset?.dbo?.extra?.model ? 'primary' : 'light'\"\n    size=\"large\"\n    class=\"ion-margin\"\n    expand=\"full\"\n    [disabled]=\"!space || isSubmitting\"\n    (click)=\"submitVehicleForm()\"\n  >\n    @if (isSubmitting) {\n      Adding vehicle...\n    } @else {\n      Add vehicle\n    }\n  </ion-button>\n}\n\n<div style=\"height: 300px\"></div>\n<!--TODO: workaround for calendar overlap -->\n" }]
+        }], propDecorators: { vehicleAsset: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=asset-add-vehicle.component.js.map

package/esm2022/lib/asset-add/asset-add-vehicle/asset-add-vehicle.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-add-vehicle.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/extensions/assetus/components/src/lib/asset-add/asset-add-vehicle/asset-add-vehicle.component.ts","../../../../../../../../../libs/extensions/assetus/components/src/lib/asset-add/asset-add-vehicle/asset-add-vehicle.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { IonButton, IonCard } from '@ionic/angular/standalone';\nimport { ISelectItem, SelectFromListComponent } from '@sneat/ui';\nimport { timestamp } from '@sneat/dto';\nimport { SpaceComponentBaseParams } from '@sneat/space-components';\nimport {\n  AssetVehicleType,\n  EngineTypes,\n  FuelTypes,\n  IAssetContext,\n  IAssetVehicleContext,\n  IAssetVehicleExtra,\n} from '@sneat/mod-assetus-core';\nimport { format, parseISO } from 'date-fns';\nimport { ICreateAssetRequest } from '../../services';\nimport { VehicleCardComponent } from '../../vehicle-card/vehicle-card.component';\nimport { AddAssetBaseComponent } from '../add-asset-base-component';\nimport { ClassName } from '@sneat/ui';\n\n@Component({\n  selector: 'sneat-asset-add-vehicle',\n  templateUrl: './asset-add-vehicle.component.html',\n  providers: [\n    {\n      provide: ClassName,\n      useValue: 'AssetAddVehicleComponent',\n    },\n    SpaceComponentBaseParams,\n  ],\n  imports: [\n    SelectFromListComponent,\n    FormsModule,\n    IonCard,\n    VehicleCardComponent,\n    IonButton,\n  ],\n})\nexport class AssetAddVehicleComponent\n  extends AddAssetBaseComponent\n  implements OnChanges\n{\n  @Input() public vehicleAsset?: IAssetVehicleContext;\n\n  protected vehicleType?: AssetVehicleType;\n  protected readonly vehicleTypes: ISelectItem[] = [\n    { id: 'car', title: 'Car', iconName: 'car-outline' },\n    { id: 'motorbike', title: 'Motorbike', iconName: 'bicycle-outline' },\n    // { id: 'bicycle', title: 'Bicycle', iconName: 'bicycle-outline' }, this is a sport asset\n    { id: 'boat', title: 'Boat', iconName: 'boat-outline' },\n  ];\n\n  protected countryIso2 = 'IE';\n  protected regNumber = '';\n  protected vin = '';\n  protected yearOfBuild = '';\n  // protected make = '';\n  // protected model = '';\n  protected engine = '';\n  protected engines?: string[];\n\n  protected nctExpires = ''; // ISO date string 'YYYY-MM-DD'\n  protected taxExpires = ''; // ISO date string 'YYYY-MM-DD'\n  protected nextServiceDue = ''; // ISO date string 'YYYY-MM-DD'\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['space'] && this.space) {\n      const a: IAssetVehicleContext = this.vehicleAsset ?? {\n        id: '',\n        space: this.space ?? { id: '' },\n        dbo: {\n          status: 'draft',\n          category: 'vehicle',\n          extraType: 'vehicle',\n          extra: {\n            make: '',\n            model: '',\n            engineFuel: FuelTypes.unknown,\n            engineType: EngineTypes.unknown,\n          },\n          spaceID: this.space?.id,\n          type: this.vehicleType,\n          possession: 'owning',\n          createdAt: new Date().toISOString() as unknown as timestamp,\n          createdBy: '-',\n          updatedAt: new Date().toISOString() as unknown as timestamp,\n          updatedBy: '-',\n        },\n      };\n      this.vehicleAsset = { ...a, space: this.space };\n    }\n  }\n\n  protected onAssetChanged(asset: IAssetContext): void {\n    this.vehicleAsset = asset as IAssetVehicleContext;\n  }\n\n  onVehicleTypeChanged(): void {\n    if (this.vehicleAsset?.dbo) {\n      this.vehicleAsset = {\n        ...this.vehicleAsset,\n        dbo: {\n          ...this.vehicleAsset.dbo,\n          type: this.vehicleType,\n          extraType: 'vehicle',\n          extra: {\n            make: '',\n            model: '',\n            regNumber: '',\n            engineType: '',\n            engineFuel: '',\n          },\n        },\n      };\n    }\n  }\n\n  formatDate(value?: string | string[] | null): string {\n    return value && !Array.isArray(value)\n      ? format(parseISO(value), 'dd MMMM yyyy')\n      : '';\n  }\n\n  protected submitVehicleForm(): void {\n    if (!this.space) {\n      throw 'no team context';\n    }\n    if (!this.vehicleType) {\n      throw 'no vehicleType';\n    }\n    const assetDto = this.vehicleAsset?.dbo;\n    if (!assetDto) {\n      throw new Error('no asset');\n    }\n    this.isSubmitting = true;\n    let request: ICreateAssetRequest<'vehicle', IAssetVehicleExtra> = {\n      asset: {\n        ...assetDto,\n        status: 'active',\n        category: 'vehicle',\n      },\n      spaceID: this.space?.id,\n    };\n    if (this.yearOfBuild) {\n      request = {\n        ...request,\n        asset: { ...request.asset, yearOfBuild: +this.yearOfBuild },\n      };\n    }\n\n    // if (this.vin) {\n    // \tvehicle.vin = this.vin;\n    // }\n    // if (this.countryIso2) {\n    // \trequest.countryID = this.countryIso2;\n    // }\n    // if (this.taxExpires) {\n    // \tvehicle.taxExpires = this.taxExpires;\n    // }\n    // if (this.nctExpires) {\n    // \tvehicle.nctExpires = this.nctExpires;\n    // }\n    // if (this.nextServiceDue) {\n    // \tvehicle.nextServiceDue = this.nextServiceDue;\n    // }\n\n    // const { engine } = this;\n    // if (engine) {\n    // \tconst engineLower = engine.toLowerCase();\n    // \trequest.engine = engine;\n    // \tif (engineLower.includes('petrol')) {\n    // \t\trequest.fuelType = 'petrol';\n    // \t} else if (engineLower.includes('diesel')) {\n    // \t\trequest.fuelType = 'diesel';\n    // \t}\n    // \tconst size = engine.match(/(\\d+(\\.\\d)?)+L/);\n    // \tconsole.log('size:', size);\n    // \tif (size) {\n    // \t\t// tslint:disable-next-line:no-magic-numbers\n    // \t\trequest.engineCC = +size[1] * 1000;\n    // \t}\n    // }\n\n    this.createAssetAndGoToAssetPage(request, this.space);\n  }\n}\n","@if (vehicleType) {\n  <h1 class=\"ion-padding\">New {{ vehicleType }}</h1>\n} @else {\n  <h1 class=\"ion-padding\">New vehicle</h1>\n}\n\n@if (vehicleType) {\n  <sneat-vehicle-card\n    [space]=\"space\"\n    [(vehicleAsset)]=\"vehicleAsset\"\n    (vehicleAssetChange)=\"onAssetChanged($event)\"\n  />\n} @else {\n  <ion-card>\n    <sneat-select-from-list\n      [(ngModel)]=\"vehicleType\"\n      (ngModelChange)=\"onVehicleTypeChanged()\"\n      [isFilterable]=\"false\"\n      title=\"Type\"\n      [items]=\"vehicleTypes\"\n    />\n  </ion-card>\n}\n\n@if (vehicleAsset?.dbo?.extra?.model || vehicleAsset?.dbo?.extra?.regNumber) {\n  <ion-button\n    [color]=\"vehicleAsset?.dbo?.extra?.model ? 'primary' : 'light'\"\n    size=\"large\"\n    class=\"ion-margin\"\n    expand=\"full\"\n    [disabled]=\"!space || isSubmitting\"\n    (click)=\"submitVehicleForm()\"\n  >\n    @if (isSubmitting) {\n      Adding vehicle...\n    } @else {\n      Add vehicle\n    }\n  </ion-button>\n}\n\n<div style=\"height: 300px\"></div>\n<!--TODO: workaround for calendar overlap -->\n"]}