@netgrif/components 6.0.1

package/schematics/view/create-view-prompt/schematic-create-view-prompt.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.schematicEntryPoint = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const add_view_to_nae_json_1 = require("../_utility/add-view-to-nae-json");
+const view_utility_functions_1 = require("../_utility/view-utility-functions");
+const create_login_view_1 = require("./views/login/create-login-view");
+const create_tab_view_1 = require("./views/tab-view/create-tab-view");
+const create_task_view_1 = require("./views/task-view/create-task-view");
+const create_case_view_1 = require("./views/case-view/create-case-view");
+const create_sidenav_or_toolbar_view_1 = require("./views/sidenav-toolbar-view/create-sidenav-or-toolbar-view");
+const create_empty_view_1 = require("./views/empty-view/create-empty-view");
+const create_dashboard_view_1 = require("./views/dashboard-view/create-dashboard-view");
+const schematic_create_sidenav_prompt_1 = require("./schematic-create-sidenav-prompt");
+const view_service_functions_1 = require("../_utility/view-service-functions");
+const import_to_add_1 = require("../../_commons/import-to-add");
+const create_tree_case_view_1 = require("./views/tree-case-view/create-tree-case-view");
+const create_group_view_1 = require("./views/group-view/create-group-view");
+function schematicEntryPoint(schematicArguments) {
+    return (tree) => {
+        checkPathValidity(tree, schematicArguments.path);
+        return createView(tree, schematicArguments);
+    };
+}
+exports.schematicEntryPoint = schematicEntryPoint;
+function checkPathValidity(tree, path) {
+    if (path === undefined) {
+        throw new schematics_1.SchematicsException(`View path cannot be undefined!`);
+    }
+    if (!view_utility_functions_1.parentViewDefined(tree, path)) {
+        throw new schematics_1.SchematicsException(`Parent view doesn't exist! Create a view with '${view_utility_functions_1.getParentPath(path)}' path first.`);
+    }
+}
+function createView(tree, args, addViewToService = true) {
+    const rules = [];
+    switch (args.viewType) {
+        case 'login':
+            rules.push(create_login_view_1.createLoginView(tree, args, addViewToService));
+            break;
+        case 'tabView':
+            rules.push(create_tab_view_1.createTabView(tree, args, addViewToService, createViewRef));
+            break;
+        case 'taskView':
+            rules.push(create_task_view_1.createTaskView(tree, args, addViewToService));
+            break;
+        case 'caseView':
+            rules.push(create_case_view_1.createCaseView(tree, args, addViewToService));
+            break;
+        case 'emptyView':
+            rules.push(create_empty_view_1.createEmptyView(tree, args, addViewToService));
+            break;
+        case 'dashboard':
+            rules.push(create_dashboard_view_1.createDashboardView(tree, args, addViewToService));
+            break;
+        case 'groupView':
+            rules.push(create_group_view_1.createGroupView(tree, args, addViewToService));
+            break;
+        case 'treeCaseView':
+            rules.push(create_tree_case_view_1.createTreeCaseView(tree, args, addViewToService));
+            break;
+        case 'toolbarView':
+            rules.push(create_sidenav_or_toolbar_view_1.createSidenavOrToolbarView(tree, {
+                createViewArguments: args,
+                addViewToService
+            }));
+            break;
+        case 'sidenavView':
+        case 'sidenavAndToolbarView':
+            rules.push(schematics_1.schematic('create-sidenav-prompt', schematic_create_sidenav_prompt_1.checkJsonParamsForSidenav(args, addViewToService)));
+            // we want to add the route AFTER we get the data from the schematic
+            addViewToService = false;
+            break;
+        case 'customView':
+            if (!args.componentName || !args.customImportPath) {
+                throw new schematics_1.SchematicsException(`Custom components must define both a 'class' and a 'from' attribute! Path: '${args.path}'`);
+            }
+            view_service_functions_1.addViewToViewService(tree, new import_to_add_1.ImportToAdd(args.componentName, args.customImportPath));
+            break;
+        default:
+            throw new schematics_1.SchematicsException(`Unknown view type '${args.viewType}'`);
+    }
+    if (addViewToService) {
+        rules.push(add_view_to_nae_json_1.addViewToNaeJson(args));
+    }
+    return schematics_1.chain(rules);
+}
+const createViewRef = createView;
+//# sourceMappingURL=schematic-create-view-prompt.js.map

package/schematics/view/create-view-prompt/schematic-create-view-prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic-create-view-prompt.js","sourceRoot":"","sources":["../../../../../projects/netgrif-components/schematics/view/create-view-prompt/schematic-create-view-prompt.ts"],"names":[],"mappings":"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"}

package/schematics/view/create-view-prompt/views/case-view/create-case-view.d.ts

@@ -0,0 +1,4 @@
+import { Rule, Tree } from '@angular-devkit/schematics';
+import { TabbedView } from '../../models/tabbed-view';
+import { CreateViewArguments } from '../../models/create-view-arguments';
+export declare function createCaseView(tree: Tree, args: CreateViewArguments & TabbedView, addViewToService: boolean): Rule;

package/schematics/view/create-view-prompt/views/case-view/create-case-view.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCaseView = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const core_1 = require("@angular-devkit/core");
+const ast_utils_1 = require("@schematics/angular/utility/ast-utils");
+const utility_functions_1 = require("../../../../_utility/utility-functions");
+const view_utility_functions_1 = require("../../../_utility/view-utility-functions");
+const view_service_functions_1 = require("../../../_utility/view-service-functions");
+const view_class_info_1 = require("../../../../_commons/view-class-info");
+const import_to_add_1 = require("../../../../_commons/import-to-add");
+function createCaseView(tree, args, addViewToService) {
+    const projectInfo = utility_functions_1.getProjectInfo(tree);
+    const view = new view_class_info_1.ViewClassInfo(args.path, args.viewType, args.componentName);
+    const rules = [];
+    const destinationPath = `${projectInfo.path}/views/${args.path}`;
+    const templateParams = {
+        prefix: projectInfo.projectPrefixDasherized,
+        className: view.nameWithoutComponent,
+        viewPath: args.path,
+        dasherize: core_1.strings.dasherize,
+        classify: core_1.strings.classify,
+        configName: projectInfo.projectNameClassified,
+        configImportPath: utility_functions_1.createRelativePath(view.fileImportPath, `./${projectInfo.projectNameDasherized}-configuration.service`),
+        caseCreationConfig: {
+            enableCaseTitle: args.enableCaseTitle,
+            isCaseTitleRequired: args.isCaseTitleRequired
+        }
+    };
+    const commonPathPrefix = './views/case-view/files/';
+    rules.push(utility_functions_1.createFilesFromTemplates(`${commonPathPrefix}common`, destinationPath, templateParams));
+    if (!!args.isTabbed) {
+        rules.push(utility_functions_1.createFilesFromTemplates(`${commonPathPrefix}tabbed`, destinationPath, templateParams));
+    }
+    else {
+        Object.assign(templateParams, { viewIdSegment: view_utility_functions_1.getViewIdSegmentFromPath(args.path) });
+        rules.push(utility_functions_1.createFilesFromTemplates(`${commonPathPrefix}simple`, destinationPath, templateParams));
+    }
+    view_utility_functions_1.updateAppModule(tree, view.className, view.fileImportPath, [
+        new import_to_add_1.ImportToAdd('FlexModule', '@angular/flex-layout'),
+        new import_to_add_1.ImportToAdd('FlexLayoutModule', '@angular/flex-layout'),
+        new import_to_add_1.ImportToAdd('MaterialModule', '@netgrif/components-core'),
+        new import_to_add_1.ImportToAdd('HeaderComponentModule', '@netgrif/components'),
+        new import_to_add_1.ImportToAdd('PanelComponentModule', '@netgrif/components'),
+        new import_to_add_1.ImportToAdd('CaseViewComponentModule', '@netgrif/components'),
+        new import_to_add_1.ImportToAdd('SearchComponentModule', '@netgrif/components')
+    ]);
+    const appModule = utility_functions_1.getAppModule(tree, projectInfo.path);
+    const changes = ast_utils_1.addEntryComponentToModule(appModule.sourceFile, appModule.fileEntry.path, 'NewCaseComponent', '@netgrif/components');
+    utility_functions_1.commitChangesToFile(tree, appModule.fileEntry, changes);
+    if (addViewToService) {
+        view_service_functions_1.addViewToViewService(tree, view);
+    }
+    return schematics_1.chain(rules);
+}
+exports.createCaseView = createCaseView;
+//# sourceMappingURL=create-case-view.js.map

package/schematics/view/create-view-prompt/views/case-view/create-case-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-case-view.js","sourceRoot":"","sources":["../../../../../../../projects/netgrif-components/schematics/view/create-view-prompt/views/case-view/create-case-view.ts"],"names":[],"mappings":"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"}

package/schematics/view/create-view-prompt/views/case-view/files/common/__className@dasherize__.component.html.template

@@ -0,0 +1,20 @@
+<div class="case-view-container" fxLayout="column" fxLayoutAlign="start stretch">
+
+    <mat-card class="case-view-search-container">
+        <div fxLayout="row" fxLayoutAlign="space-between">
+            <div fxLayoutAlign="start center" fxFlex>
+                <nc-search class="search-width"></nc-search>
+            </div>
+            <div fxLayoutAlign="end center">
+                <button mat-mini-fab color="primary" *ngIf="hasAuthority()" (click)="createNewCase()">
+                    <mat-icon class="net-upload" aria-hidden="false">add</mat-icon>
+                </button>
+            </div>
+        </div>
+    </mat-card>
+
+    <nc-header #header [type]="headerType" class="case-header-padding"></nc-header>
+
+    <nc-case-list [selectedHeaders$]="selectedHeaders$"
+                   (caseClick)="handleCaseClick($event)" fxFlex></nc-case-list>
+</div>

package/schematics/view/create-view-prompt/views/case-view/files/common/__className@dasherize__.component.spec.ts.template

@@ -0,0 +1,52 @@
+import {waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { <%= classify(className) %>Component } from './<%= dasherize(className) %>.component';
+import {
+    CaseHeaderService,
+    ConfigurationService,
+    MaterialModule,
+    NAE_TAB_DATA,
+    AuthenticationMethodService,
+    MockAuthenticationMethodService
+} from '@netgrif/components-core';
+import {
+    HeaderComponentModule
+} from '@netgrif/components';
+import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
+import {HttpClientTestingModule} from '@angular/common/http/testing';
+import {<%= configName %>ConfigurationService} from '<%= configImportPath %>';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+
+describe('<%= classify(className) %>Component', () => {
+    let component: <%= classify(className) %>Component;
+    let fixture: ComponentFixture<<%= classify(className) %>Component>;
+
+    beforeEach(waitForAsync(() => {
+        TestBed.configureTestingModule({
+            imports: [
+                MaterialModule,
+                HttpClientTestingModule,
+                HeaderComponentModule,
+                BrowserAnimationsModule
+            ],
+            providers: [
+                {provide: AuthenticationMethodService, useClass: MockAuthenticationMethodService},
+                {provide: NAE_TAB_DATA, useValue: {tabViewComponent: undefined, tabViewOrder: 1}},
+                {provide: ConfigurationService, useClass: <%= configName %>ConfigurationService},
+                CaseHeaderService
+                ],
+            declarations: [<%= classify(className) %>Component],
+            schemas: [CUSTOM_ELEMENTS_SCHEMA]
+        })
+            .compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(<%= classify(className) %>Component);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});

package/schematics/view/create-view-prompt/views/case-view/files/simple/__className@dasherize__.component.scss.template

@@ -0,0 +1,28 @@
+.case-view-container {
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+}
+
+.case-view-search-container {
+    margin-top: 16px;
+    padding: 16px;
+}
+
+.case-header-padding {
+    padding-bottom: 16px;
+    padding-top: 16px;
+}
+
+.font-size-20 {
+    font-size: 20px;
+}
+
+.search-width {
+    width: 100%;
+}
+
+
+.full-height {
+    height: 100%;
+}

package/schematics/view/create-view-prompt/views/case-view/files/simple/__className@dasherize__.component.ts.template

@@ -0,0 +1,67 @@
+import {AfterViewInit, Component, ViewChild} from '@angular/core';
+import {
+    AbstractCaseView,
+    AllowedNetsService,
+    AllowedNetsServiceFactory,
+    Case,
+    CaseViewService,
+    CategoryFactory,
+    defaultCaseSearchCategoriesFactory,
+    NAE_BASE_FILTER,
+    NAE_SEARCH_CATEGORIES,
+    NAE_VIEW_ID_SEGMENT,
+    SearchService,
+    SimpleFilter,
+    ViewIdService,
+} from '@netgrif/components-core';
+import {
+    HeaderComponent
+} from '@netgrif/components';
+
+const localAllowedNetsFactory = (factory: AllowedNetsServiceFactory) => {
+    return factory.createFromConfig('<%= viewPath %>');
+};
+
+const baseFilterFactory = () => {
+    return {
+        filter: SimpleFilter.emptyCaseFilter()
+    };
+};
+
+@Component({
+    selector: '<%= prefix %>-<%= dasherize(className) %>',
+    templateUrl: './<%= dasherize(className) %>.component.html',
+    styleUrls: ['./<%= dasherize(className) %>.component.scss'],
+    providers: [
+        CategoryFactory,
+        CaseViewService,
+        SearchService,
+        {   provide: NAE_BASE_FILTER,
+            useFactory: baseFilterFactory},
+        {   provide: AllowedNetsService,
+            useFactory: localAllowedNetsFactory,
+            deps: [AllowedNetsServiceFactory]},
+        {   provide: NAE_VIEW_ID_SEGMENT,
+            useValue: '<%= viewIdSegment %>'},
+        ViewIdService,
+        {provide: NAE_SEARCH_CATEGORIES, useFactory: defaultCaseSearchCategoriesFactory, deps: [CategoryFactory]},
+    ],
+})
+export class <%= classify(className) %>Component extends AbstractCaseView implements AfterViewInit {
+
+    @ViewChild('header') public caseHeaderComponent: HeaderComponent;
+
+    constructor(caseViewService: CaseViewService) {
+        super(caseViewService, undefined, undefined, {
+              enableCaseTitle: <%= caseCreationConfig.enableCaseTitle %>,
+              isCaseTitleRequired: <%= caseCreationConfig.isCaseTitleRequired %>
+        });
+    }
+
+    ngAfterViewInit(): void {
+        this.initializeHeader(this.caseHeaderComponent);
+    }
+
+    public handleCaseClick(clickedCase: Case): void {}
+
+}

package/schematics/view/create-view-prompt/views/case-view/files/tabbed/__className@dasherize__.component.scss.template

@@ -0,0 +1,21 @@
+.case-view-container {
+    margin: 16px;
+    height: calc(100% - 32px);
+}
+
+.case-view-search-container {
+    padding: 16px;
+}
+
+.case-header-padding {
+    padding-bottom: 20px;
+    padding-top: 20px;
+}
+
+.font-size-20 {
+    font-size: 20px;
+}
+
+.search-width {
+    width: 100%;
+}

package/schematics/view/create-view-prompt/views/case-view/files/tabbed/__className@dasherize__.component.ts.template

@@ -0,0 +1,64 @@
+import {AfterViewInit, Component, Inject, ViewChild} from '@angular/core';
+import {
+    AllowedNetsService,
+    AllowedNetsServiceFactory,
+    CaseViewService,
+    CategoryFactory,
+    defaultCaseSearchCategoriesFactory,
+    InjectedTabbedCaseViewData,
+    LoggerService,
+    NAE_BASE_FILTER,
+    NAE_SEARCH_CATEGORIES,
+    NAE_TAB_DATA,
+    SearchService,
+    SimpleFilter,
+    TabbedCaseView,
+    ViewIdService,
+} from '@netgrif/components-core';
+import {HeaderComponent} from '@netgrif/components';
+
+const localAllowedNetsFactory = (factory: AllowedNetsServiceFactory) => {
+    return factory.createFromArray([]);
+};
+
+const baseFilterFactory = () => {
+    return {
+        filter: SimpleFilter.emptyCaseFilter()
+    };
+};
+
+@Component({
+    selector: '<%= prefix %>-<%= dasherize(className) %>',
+    templateUrl: './<%= dasherize(className) %>.component.html',
+    styleUrls: ['./<%= dasherize(className) %>.component.scss'],
+    providers: [
+        CategoryFactory,
+        CaseViewService,
+        SearchService,
+        {   provide: NAE_BASE_FILTER,
+            useFactory: baseFilterFactory},
+        {   provide: AllowedNetsService,
+            useFactory: localAllowedNetsFactory,
+            deps: [AllowedNetsServiceFactory]},
+        ViewIdService,
+        {provide: NAE_SEARCH_CATEGORIES, useFactory: defaultCaseSearchCategoriesFactory, deps: [CategoryFactory]},
+    ]
+})
+export class <%= classify(className) %>Component extends TabbedCaseView implements AfterViewInit {
+
+    @ViewChild('header') public caseHeaderComponent: HeaderComponent;
+
+    constructor(caseViewService: CaseViewService,
+                loggerService: LoggerService,
+                @Inject(NAE_TAB_DATA) injectedTabData: InjectedTabbedCaseViewData) {
+        super(caseViewService, loggerService, injectedTabData, undefined, undefined, undefined, {
+            enableCaseTitle: <%= caseCreationConfig.enableCaseTitle %>,
+            isCaseTitleRequired: <%= caseCreationConfig.isCaseTitleRequired %>
+        });
+    }
+
+    ngAfterViewInit(): void {
+        super.initializeHeader(this.caseHeaderComponent);
+    }
+
+}

package/schematics/view/create-view-prompt/views/dashboard-view/create-dashboard-view.d.ts

@@ -0,0 +1,3 @@
+import { Rule, Tree } from '@angular-devkit/schematics';
+import { CreateViewArguments } from '../../models/create-view-arguments';
+export declare function createDashboardView(tree: Tree, args: CreateViewArguments, addViewToService: boolean): Rule;

package/schematics/view/create-view-prompt/views/dashboard-view/create-dashboard-view.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDashboardView = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const core_1 = require("@angular-devkit/core");
+const utility_functions_1 = require("../../../../_utility/utility-functions");
+const view_utility_functions_1 = require("../../../_utility/view-utility-functions");
+const view_service_functions_1 = require("../../../_utility/view-service-functions");
+const view_class_info_1 = require("../../../../_commons/view-class-info");
+const import_to_add_1 = require("../../../../_commons/import-to-add");
+function createDashboardView(tree, args, addViewToService) {
+    const projectInfo = utility_functions_1.getProjectInfo(tree);
+    const rules = [];
+    const view = new view_class_info_1.ViewClassInfo(args.path, args.viewType, args.componentName);
+    rules.push(utility_functions_1.createFilesFromTemplates('./views/dashboard-view/files', `${projectInfo.path}/views/${args.path}`, {
+        prefix: projectInfo.projectPrefixDasherized,
+        className: view.nameWithoutComponent,
+        webPath: args.path,
+        dasherize: core_1.strings.dasherize,
+        classify: core_1.strings.classify,
+        configName: projectInfo.projectNameClassified,
+        configImportPath: utility_functions_1.createRelativePath(view.fileImportPath, `./${projectInfo.projectNameDasherized}-configuration.service`),
+        viewIdSegment: view_utility_functions_1.getViewIdSegmentFromPath(args.path)
+    }));
+    view_utility_functions_1.updateAppModule(tree, view.className, view.fileImportPath, [
+        new import_to_add_1.ImportToAdd('DashboardComponentModule', '@netgrif/components'),
+    ]);
+    if (addViewToService) {
+        view_service_functions_1.addViewToViewService(tree, view);
+    }
+    return schematics_1.chain(rules);
+}
+exports.createDashboardView = createDashboardView;
+//# sourceMappingURL=create-dashboard-view.js.map

package/schematics/view/create-view-prompt/views/dashboard-view/create-dashboard-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-dashboard-view.js","sourceRoot":"","sources":["../../../../../../../projects/netgrif-components/schematics/view/create-view-prompt/views/dashboard-view/create-dashboard-view.ts"],"names":[],"mappings":";;;AAAA,2DAA6D;AAC7D,+CAA6C;AAC7C,8EAAoH;AACpH,qFAAmG;AACnG,qFAA8E;AAC9E,0EAAmE;AACnE,sEAA+D;AAI/D,SAAgB,mBAAmB,CAAC,IAAU,EAAE,IAAyB,EAAE,gBAAyB;IAChG,MAAM,WAAW,GAAG,kCAAc,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,MAAM,IAAI,GAAG,IAAI,+BAAa,CAC1B,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,aAAa,CAAC,CAAC;IAExB,KAAK,CAAC,IAAI,CAAC,4CAAwB,CAAC,8BAA8B,EAAE,GAAG,WAAW,CAAC,IAAI,UAAU,IAAI,CAAC,IAAI,EAAE,EAAE;QAC1G,MAAM,EAAE,WAAW,CAAC,uBAAuB;QAC3C,SAAS,EAAE,IAAI,CAAC,oBAAoB;QACpC,OAAO,EAAE,IAAI,CAAC,IAAI;QAClB,SAAS,EAAE,cAAO,CAAC,SAAS;QAC5B,QAAQ,EAAE,cAAO,CAAC,QAAQ;QAC1B,UAAU,EAAE,WAAW,CAAC,qBAAqB;QAC7C,gBAAgB,EAAE,sCAAkB,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,WAAW,CAAC,qBAAqB,wBAAwB,CAAC;QACzH,aAAa,EAAE,iDAAwB,CAAC,IAAI,CAAC,IAAI,CAAC;KACrD,CAAC,CAAC,CAAC;IAEJ,wCAAe,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE;QACvD,IAAI,2BAAW,CAAC,0BAA0B,EAAE,qBAAqB,CAAC;KACrE,CAAC,CAAC;IAEH,IAAI,gBAAgB,EAAE;QAClB,6CAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KACpC;IACD,OAAO,kBAAK,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC;AA3BD,kDA2BC"}

package/schematics/view/create-view-prompt/views/dashboard-view/files/__className@dasherize__.component.html.template

@@ -0,0 +1 @@
+<nc-dashboard-content [params]="params"></nc-dashboard-content>

package/schematics/view/create-view-prompt/views/dashboard-view/files/__className@dasherize__.component.spec.ts.template

@@ -0,0 +1,31 @@
+import {waitForAsync, ComponentFixture, TestBed} from '@angular/core/testing';
+import {<%= classify(className) %>Component} from './<%= dasherize(className) %>.component';
+import {MaterialModule, ConfigurationService} from '@netgrif/components-core';
+import {DashboardComponentModule} from '@netgrif/components';
+import {HttpClientTestingModule} from '@angular/common/http/testing';
+import {<%= configName %>ConfigurationService} from '<%= configImportPath %>';
+
+describe('<%= classify(className) %>Component', () => {
+     let component: <%= classify(className) %>Component;
+     let fixture: ComponentFixture<<%= classify(className) %>Component>;
+
+     beforeEach(waitForAsync(() => {
+         TestBed.configureTestingModule({
+             imports: [DashboardComponentModule, MaterialModule, HttpClientTestingModule],
+             declarations: [<%= classify(className) %>Component],
+             providers: [
+                 {provide: ConfigurationService, useClass: <%= configName %>ConfigurationService}
+             ]
+         }).compileComponents();
+     }));
+
+     beforeEach(() => {
+         fixture = TestBed.createComponent(<%= classify(className) %>Component);
+         component = fixture.componentInstance;
+         fixture.detectChanges();
+     });
+
+     it('should create', () => {
+         expect(component).toBeTruthy();
+     });
+});

package/schematics/view/create-view-prompt/views/dashboard-view/files/__className@dasherize__.component.ts.template

@@ -0,0 +1,23 @@
+import {Component} from '@angular/core';
+import {ConfigurationService, DashboardParams, NAE_VIEW_ID_SEGMENT, ViewIdService} from '@netgrif/components-core';
+
+
+@Component({
+    selector: '<%= prefix %>-<%= dasherize(className) %>',
+    templateUrl: './<%= dasherize(className) %>.component.html',
+    styleUrls: ['./<%= dasherize(className) %>.component.scss'],
+    providers: [
+        {   provide: NAE_VIEW_ID_SEGMENT,
+            useValue: '<%= viewIdSegment %>'},
+        ViewIdService,
+    ]
+})
+export class <%= classify(className) %>Component {
+
+    public params: DashboardParams;
+
+        constructor(private _config: ConfigurationService) {
+            this.params = this._config.getViewByPath('<%= webPath %>').layout.params as DashboardParams;
+        }
+
+}

package/schematics/view/create-view-prompt/views/empty-view/create-empty-view.d.ts

@@ -0,0 +1,3 @@
+import { Rule, Tree } from '@angular-devkit/schematics';
+import { CreateViewArguments } from '../../models/create-view-arguments';
+export declare function createEmptyView(tree: Tree, args: CreateViewArguments, addViewToService: boolean): Rule;

package/schematics/view/create-view-prompt/views/empty-view/create-empty-view.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEmptyView = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const core_1 = require("@angular-devkit/core");
+const utility_functions_1 = require("../../../../_utility/utility-functions");
+const view_class_info_1 = require("../../../../_commons/view-class-info");
+const view_utility_functions_1 = require("../../../_utility/view-utility-functions");
+const view_service_functions_1 = require("../../../_utility/view-service-functions");
+function createEmptyView(tree, args, addViewToService) {
+    const projectInfo = utility_functions_1.getProjectInfo(tree);
+    const view = new view_class_info_1.ViewClassInfo(args.path, args.viewType, args.componentName);
+    const rules = [];
+    rules.push(utility_functions_1.createFilesFromTemplates('./views/empty-view/files', `${projectInfo.path}/views/${args.path}`, {
+        prefix: projectInfo.projectPrefixDasherized,
+        className: view.nameWithoutComponent,
+        dasherize: core_1.strings.dasherize,
+        classify: core_1.strings.classify,
+        viewIdSegment: view_utility_functions_1.getViewIdSegmentFromPath(args.path)
+    }));
+    view_utility_functions_1.updateAppModule(tree, view.className, view.fileImportPath, []);
+    if (addViewToService) {
+        view_service_functions_1.addViewToViewService(tree, view);
+    }
+    return schematics_1.chain(rules);
+}
+exports.createEmptyView = createEmptyView;
+//# sourceMappingURL=create-empty-view.js.map

package/schematics/view/create-view-prompt/views/empty-view/create-empty-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-empty-view.js","sourceRoot":"","sources":["../../../../../../../projects/netgrif-components/schematics/view/create-view-prompt/views/empty-view/create-empty-view.ts"],"names":[],"mappings":";;;AAAA,2DAA6D;AAC7D,+CAA6C;AAC7C,8EAAgG;AAChG,0EAAmE;AACnE,qFAAmG;AACnG,qFAA8E;AAI9E,SAAgB,eAAe,CAAC,IAAU,EAAE,IAAyB,EAAE,gBAAyB;IAC5F,MAAM,WAAW,GAAG,kCAAc,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,IAAI,+BAAa,CAC1B,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,aAAa,CAAC,CAAC;IACxB,MAAM,KAAK,GAAG,EAAE,CAAC;IAEjB,KAAK,CAAC,IAAI,CAAC,4CAAwB,CAAC,0BAA0B,EAAE,GAAG,WAAW,CAAC,IAAI,UAAU,IAAI,CAAC,IAAI,EAAE,EAAE;QACtG,MAAM,EAAE,WAAW,CAAC,uBAAuB;QAC3C,SAAS,EAAE,IAAI,CAAC,oBAAoB;QACpC,SAAS,EAAE,cAAO,CAAC,SAAS;QAC5B,QAAQ,EAAE,cAAO,CAAC,QAAQ;QAC1B,aAAa,EAAE,iDAAwB,CAAC,IAAI,CAAC,IAAI,CAAC;KACrD,CAAC,CAAC,CAAC;IACJ,wCAAe,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;IAE/D,IAAI,gBAAgB,EAAE;QAClB,6CAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KACpC;IACD,OAAO,kBAAK,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC;AArBD,0CAqBC"}

package/schematics/view/create-view-prompt/views/empty-view/files/__className@dasherize__.component.html.template

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

package/schematics/view/create-view-prompt/views/empty-view/files/__className@dasherize__.component.spec.ts.template

@@ -0,0 +1,25 @@
+import {waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { <%= classify(className) %>Component } from './<%= dasherize(className) %>.component';
+import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
+
+describe('<%= classify(className) %>Component', () => {
+   let component: <%= classify(className) %>Component;
+   let fixture: ComponentFixture<<%= classify(className) %>Component>;
+
+   beforeEach(waitForAsync(() => {
+       TestBed.configureTestingModule({
+           declarations: [<%= classify(className) %>Component],
+           schemas: [CUSTOM_ELEMENTS_SCHEMA]
+       }).compileComponents();
+   }));
+
+   beforeEach(() => {
+       fixture = TestBed.createComponent(<%= classify(className) %>Component);
+       component = fixture.componentInstance;
+       fixture.detectChanges();
+   });
+
+   it('should create', () => {
+       expect(component).toBeTruthy();
+   });
+});

package/schematics/view/create-view-prompt/views/empty-view/files/__className@dasherize__.component.ts.template

@@ -0,0 +1,18 @@
+import {Component} from '@angular/core';
+import {NAE_VIEW_ID_SEGMENT, ViewIdService} from '@netgrif/components-core';
+
+@Component({
+    selector: '<%= prefix %>-<%= dasherize(className) %>',
+    templateUrl: './<%= dasherize(className) %>.component.html',
+    styleUrls: ['./<%= dasherize(className) %>.component.scss'],
+    providers: [
+       {   provide: NAE_VIEW_ID_SEGMENT,
+           useValue: '<%= viewIdSegment %>'},
+       ViewIdService,
+   ]
+})
+export class <%= classify(className) %>Component {
+
+    constructor() {}
+
+}

package/schematics/view/create-view-prompt/views/group-view/create-group-view.d.ts

@@ -0,0 +1,4 @@
+import { Rule, Tree } from '@angular-devkit/schematics';
+import { TabbedView } from '../../models/tabbed-view';
+import { CreateViewArguments } from '../../models/create-view-arguments';
+export declare function createGroupView(tree: Tree, args: CreateViewArguments & TabbedView, addViewToService: boolean): Rule;