@hicoder/angular-cli/templates/widgets/list/select/select.component.ts

Angular UI componenets and service generator. It works with the mean-rest-express package to generate the end to end web application. The input to this generator is the Mongoose schema defined for the express application. mean-rest-express exposes the Res

import { Component, OnInit, Input, EventEmitter, Output, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
import { Injector } from '@angular/core';
import {
    trigger,
    state,
    style,
    animate,
    transition,
  } from '@angular/animations';

import { <%-SchemaName%>ListComponent } from './<%-schemaName%>-list.component';
import { <%-SchemaName%>Service } from '../<%-schemaName%>.service';

@Component({
    animations: [
        trigger(
            'inOutAnimation', 
            [
            transition(
                ':enter', 
                [
                style({ opacity: 0 }),
                animate('0.5s ease-out', 
                        style({ opacity: 1 }))
                ]
            ),
            transition(
                ':leave', 
                [
                style({ opacity: 1 }),
                animate('0.5s ease-in', 
                        style({ opacity: 0 }))
                ]
            )
            ]
        )
    ],
    <%- include(`/widgets/list/component.template.custom.ts`)%>
})
export class <%-SchemaName%><%-ComponentClassName%>Component extends <%-SchemaName%>ListComponent implements OnInit {
    public override clickItemAction: string = '<%-listViewObj.clickItemAction%>';
    public override cardHasLink: boolean = <%-listViewObj.cardHasLink%>;
    public override cardHasSelect: boolean = <%-listViewObj.cardHasSelect%>;
    public override includeSubDetail: boolean = <%-listViewObj.includeSubDetail%>;
    public override canUpdate: boolean = <%-listViewObj.canUpdate%>;
    public override canDelete: boolean = <%-listViewObj.canDelete%>;
    public override canArchive: boolean = <%-listViewObj.canArchive%>;
    public override canCheck: boolean = <%-listViewObj.canCheck%>;
    public override itemMultiSelect: boolean = <%-listViewObj.itemMultiSelect%>;
    public override majorUi: boolean = <%-listViewObj.majorUi%>;

    constructor(
        public override <%-schemaName%>Service: <%-SchemaName%>Service,
        public override injector: Injector,
        public override route: ActivatedRoute
    ) {
        super(<%-schemaName%>Service, injector, route);

        this.listViews = [ <%for (let widget of widgetDef.views) {%>'<%-widget%>', <%}%>];
        this.listViewFilter = '<%-widgetDef.views[0]%>';
    }

    override ngOnInit() {
        this.queryOnNgInit = false; // don't do query on the super class.
        super.ngOnInit();

        this.listCategory1 = {}; // no do query based on category;
        this.listCategory2 = {}; // no do query based on category;
        this.selectedId = this.inputData;
        this.searchList();
    }
}