@netgrif/components 6.0.1

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

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTabView = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const ast_utils_1 = require("@schematics/angular/utility/ast-utils");
+const utility_functions_1 = require("../../../../_utility/utility-functions");
+const core_1 = require("@angular-devkit/core");
+const view_utility_functions_1 = require("../../../_utility/view-utility-functions");
+const view_service_functions_1 = require("../../../_utility/view-service-functions");
+const tab_content_template_1 = require("../../models/tab-content-template");
+const import_to_add_1 = require("../../../../_commons/import-to-add");
+const view_class_info_1 = require("../../../../_commons/view-class-info");
+function createTabView(tree, args, addViewToService, createViewFunctionRef) {
+    const projectInfo = utility_functions_1.getProjectInfo(tree);
+    const view = new view_class_info_1.ViewClassInfo(args.path, 'tabView', args.componentName);
+    const params = args.layoutParams;
+    const tabViews = newTabViews();
+    let viewCounterStart = 0;
+    if (!!params.defaultTaskView) {
+        processEmbeddedView(params.defaultTaskView, tabViews, view, args.path, viewCounterStart, tree, createViewFunctionRef, true);
+        viewCounterStart++;
+    }
+    pushTabViews(tabViews, processTabViewContents(tree, params, args.path, view, createViewFunctionRef, viewCounterStart));
+    if (!!params.defaultTaskView) {
+        for (let i = 1; i < tabViews.tabTemplates.length; i++) {
+            if (tabViews.tabViewImports[i].className.endsWith('CaseViewComponent')) {
+                const injectedData = {};
+                injectedData.tabViewComponent = tabViews.tabViewImports[0].className;
+                injectedData.tabViewOrder = params.defaultTaskView.order ? params.defaultTaskView.order : 0;
+                tabViews.tabTemplates[i].injectedObject = injectedData;
+            }
+        }
+        // we don't want to generate the default tab view as a tab
+        tabViews.tabTemplates.splice(0, 1);
+    }
+    const rules = tabViews.rules;
+    rules.push(utility_functions_1.createFilesFromTemplates('./views/tab-view/files', `${projectInfo.path}/views/${args.path}`, {
+        prefix: projectInfo.projectPrefixDasherized,
+        className: view.nameWithoutComponent,
+        tabs: tabViews.tabTemplates,
+        imports: tabViews.tabViewImports,
+        dasherize: core_1.strings.dasherize,
+        classify: core_1.strings.classify,
+        modulePath: utility_functions_1.createRelativePath(view.fileImportPath, './app.module'),
+        viewIdSegment: view_utility_functions_1.getViewIdSegmentFromPath(args.path)
+    }));
+    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('TabsComponentModule', '@netgrif/components')
+    ]);
+    tabViews.entryComponentsImports.forEach(imp => {
+        // the tree/fileEntry gets updated with every iteration, so we need to get the current state every time
+        const appModule = utility_functions_1.getAppModule(tree, projectInfo.path);
+        const changes = ast_utils_1.addEntryComponentToModule(appModule.sourceFile, appModule.fileEntry.path, imp.className, imp.fileImportPath);
+        utility_functions_1.commitChangesToFile(tree, appModule.fileEntry, changes);
+    });
+    if (addViewToService) {
+        view_service_functions_1.addViewToViewService(tree, view);
+    }
+    return schematics_1.chain(rules);
+}
+exports.createTabView = createTabView;
+function processTabViewContents(tree, tabViewParams, hostViewPath, hostClassName, createViewFunctionRef, viewCounterStartValue = 0) {
+    const result = newTabViews();
+    if (tabViewParams.tabs === undefined) {
+        return result;
+    }
+    let viewCounter = viewCounterStartValue;
+    tabViewParams.tabs.forEach(tab => {
+        processEmbeddedView(tab, result, hostClassName, hostViewPath, viewCounter, tree, createViewFunctionRef);
+        viewCounter++;
+    });
+    return result;
+}
+function processEmbeddedView(embeddedView, result, hostClassName, hostViewPath, viewNumber, tree, createViewFunctionRef, isDefaultTabbedTaskView = false) {
+    let tabTemplate;
+    if (embeddedView.component !== undefined) {
+        tabTemplate = processEmbeddedComponent(embeddedView, result, hostClassName);
+    }
+    else if (embeddedView.view !== undefined) {
+        tabTemplate = processEmbeddedNewView(embeddedView, result, hostClassName, `${hostViewPath}/content/${viewNumber}`, tree, createViewFunctionRef, isDefaultTabbedTaskView);
+    }
+    else {
+        throw new schematics_1.SchematicsException('TabView content must contain either a \'component\' or a \'view\' attribute');
+    }
+    if (embeddedView.canBeClosed !== undefined) {
+        tabTemplate.canBeDeleted = embeddedView.canBeClosed;
+    }
+    else {
+        tabTemplate.canBeDeleted = false;
+    }
+    if (embeddedView.label !== undefined) {
+        if (embeddedView.label.icon !== undefined) {
+            tabTemplate.icon = embeddedView.label.icon;
+        }
+        if (embeddedView.label.text !== undefined) {
+            tabTemplate.text = embeddedView.label.text;
+        }
+    }
+    if (embeddedView.order !== undefined) {
+        tabTemplate.order = embeddedView.order;
+    }
+    result.tabTemplates.push(tabTemplate);
+}
+function processEmbeddedComponent(embeddedComponent, result, hostClassName) {
+    if (!embeddedComponent.component) {
+        throw new schematics_1.SchematicsException('processEmbeddedComponent can\'t be called with EmbeddedView object' +
+            ' that doesn\'t contain the \'component\' attribute!');
+    }
+    if (embeddedComponent.component.class === undefined || embeddedComponent.component.classPath === undefined) {
+        throw new schematics_1.SchematicsException('TabView content Component must define both a \'class\' and a \'classPath\' attribute');
+    }
+    if (!embeddedComponent.component.classPath.startsWith('./')) {
+        embeddedComponent.component.classPath = `./${embeddedComponent.component.classPath}`;
+    }
+    result.tabViewImports.push(new import_to_add_1.ImportToAdd(embeddedComponent.component.class, utility_functions_1.createRelativePath(hostClassName.fileImportPath, embeddedComponent.component.classPath)));
+    result.entryComponentsImports.push(new import_to_add_1.ImportToAdd(embeddedComponent.component.class, embeddedComponent.component.classPath));
+    return new tab_content_template_1.TabContentTemplate(embeddedComponent.component.class);
+}
+function processEmbeddedNewView(embeddedView, result, hostClassName, newViewPath, tree, createViewFunctionRef, isDefaultTabbedTaskView = false) {
+    if (!embeddedView.view) {
+        throw new schematics_1.SchematicsException('processEmbeddedNewView can\'t be called with EmbeddedView object' +
+            ' that doesn\'t contain the \'view\' attribute!');
+    }
+    if (embeddedView.view.name === undefined) {
+        throw new schematics_1.SchematicsException('TabView content View must define a \'name\' attribute');
+    }
+    const createViewArguments = {
+        path: newViewPath,
+        viewType: embeddedView.view.name,
+        layoutParams: embeddedView.view.params,
+        componentName: embeddedView.view.componentName,
+        isTabbed: true,
+        access: 'private',
+        isDefaultTabbedTaskView,
+        enableCaseTitle: embeddedView.enableCaseTitle === undefined ? true : embeddedView.enableCaseTitle,
+        isCaseTitleRequired: embeddedView.isCaseTitleRequired === undefined ? true : embeddedView.isCaseTitleRequired
+    };
+    result.rules.push(createViewFunctionRef(tree, createViewArguments, false));
+    const newComponentName = new view_class_info_1.ViewClassInfo(newViewPath, embeddedView.view.name);
+    result.tabViewImports.push(new import_to_add_1.ImportToAdd(newComponentName.className, utility_functions_1.createRelativePath(hostClassName.fileImportPath, newComponentName.fileImportPath)));
+    result.entryComponentsImports.push(new import_to_add_1.ImportToAdd(newComponentName.className, newComponentName.fileImportPath));
+    return new tab_content_template_1.TabContentTemplate(newComponentName.className);
+}
+function pushTabViews(destination, source) {
+    // iteration over Object.keys() caused a type compilation error
+    destination.entryComponentsImports.push(...source.entryComponentsImports);
+    destination.tabViewImports.push(...source.tabViewImports);
+    destination.tabTemplates.push(...source.tabTemplates);
+    destination.rules.push(...source.rules);
+    return destination;
+}
+function newTabViews() {
+    return {
+        rules: [],
+        tabTemplates: [],
+        tabViewImports: [],
+        entryComponentsImports: []
+    };
+}
+//# sourceMappingURL=create-tab-view.js.map

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

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

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

@@ -0,0 +1,3 @@
+<div fxLayout="column" fxLayoutAlign="start stretch" class="full-height">
+    <nc-tab-view [initialTabs]="tabs" stretch="true" class="full-height" fxFlex="100"></nc-tab-view>
+</div>

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

@@ -0,0 +1,3 @@
+.full-height {
+    height: 100%;
+}

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

@@ -0,0 +1,27 @@
+import {waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { <%= classify(className) %>Component } from './<%= dasherize(className) %>.component';
+import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
+import {AppModule} from '<%= modulePath %>';
+
+describe('<%= classify(className) %>Component', () => {
+  let component: <%= classify(className) %>Component;
+  let fixture: ComponentFixture<<%= classify(className) %>Component>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+       imports: [AppModule],
+       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/tab-view/files/__className@dasherize__.component.ts.template

@@ -0,0 +1,34 @@
+import {Component} from '@angular/core';
+import {NAE_VIEW_ID_SEGMENT, ViewIdService} from '@netgrif/components-core';
+<% for(imp of imports) { %>import { <%= imp.className %> } from '<%= imp.fileImportPath %>';
+<% } %>
+
+@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 {
+
+    tabs = [<% for(let tab of tabs) { %>
+        {<% if (tab.icon !== undefined || tab.text !== undefined) { %>
+            label: {<% if (tab.icon !== undefined) { %>
+                icon: '<%= tab.icon %>',<% } if (tab.text !== undefined) { %>
+                text: '<%= tab.text %>',<% } %>
+            },<% } %>
+            canBeClosed: <%= tab.canBeDeleted %>,
+            tabContentComponent: <%= tab.tabContentComponent %>,<% if (tab.order !== undefined) { %>
+            order: <%= tab.order %>,<% } %><% if (!!tab.injectedObject) { %>
+            injectedObject: {
+                tabViewComponent: <%= tab.injectedObject.tabViewComponent %>,
+                tabViewOrder: <%= tab.injectedObject.tabViewOrder %>
+            }<% } %>
+        },<% } %>
+    ];
+
+}

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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTaskView = 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 createTaskView(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 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`),
+        isDefaultTabbedTaskView: !!args.isDefaultTabbedTaskView
+    };
+    const commonPathPrefix = './views/task-view/files/';
+    const destinationPath = `${projectInfo.path}/views/${args.path}`;
+    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('MaterialModule', '@netgrif/components-core'),
+        new import_to_add_1.ImportToAdd('PanelComponentModule', '@netgrif/components'),
+        new import_to_add_1.ImportToAdd('SearchComponentModule', '@netgrif/components')
+    ]);
+    if (addViewToService) {
+        view_service_functions_1.addViewToViewService(tree, view);
+    }
+    return schematics_1.chain(rules);
+}
+exports.createTaskView = createTaskView;
+//# sourceMappingURL=create-task-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-task-view.js","sourceRoot":"","sources":["../../../../../../../projects/netgrif-components/schematics/view/create-view-prompt/views/task-view/create-task-view.ts"],"names":[],"mappings":";;;AAAA,2DAA6D;AAC7D,+CAA6C;AAC7C,8EAAoH;AACpH,qFAAmG;AACnG,qFAA8E;AAE9E,0EAAmE;AACnE,sEAA+D;AAI/D,SAAgB,cAAc,CAAC,IAAU,EAAE,IAA0C,EAAE,gBAAyB;IAC5G,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,MAAM,cAAc,GAAG;QACnB,MAAM,EAAE,WAAW,CAAC,uBAAuB;QAC3C,SAAS,EAAE,IAAI,CAAC,oBAAoB;QACpC,QAAQ,EAAE,IAAI,CAAC,IAAI;QACnB,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,uBAAuB,EAAE,CAAC,CAAC,IAAI,CAAC,uBAAuB;KAC1D,CAAC;IAEF,MAAM,gBAAgB,GAAG,0BAA0B,CAAC;IACpD,MAAM,eAAe,GAAG,GAAG,WAAW,CAAC,IAAI,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC;IACjE,KAAK,CAAC,IAAI,CAAC,4CAAwB,CAAC,GAAG,gBAAgB,QAAQ,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IACnG,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;QACjB,KAAK,CAAC,IAAI,CAAC,4CAAwB,CAAC,GAAG,gBAAgB,QAAQ,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;KACtG;SAAM;QACH,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,EAAC,aAAa,EAAE,iDAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAC,CAAC,CAAC;QACpF,KAAK,CAAC,IAAI,CAAC,4CAAwB,CAAC,GAAG,gBAAgB,QAAQ,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;KACtG;IAED,wCAAe,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE;QACvD,IAAI,2BAAW,CAAC,YAAY,EAAE,sBAAsB,CAAC;QACrD,IAAI,2BAAW,CAAC,gBAAgB,EAAE,0BAA0B,CAAC;QAC7D,IAAI,2BAAW,CAAC,sBAAsB,EAAE,qBAAqB,CAAC;QAC9D,IAAI,2BAAW,CAAC,uBAAuB,EAAE,qBAAqB,CAAC;KAClE,CAAC,CAAC;IAEH,IAAI,gBAAgB,EAAE;QAClB,6CAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KACpC;IACD,OAAO,kBAAK,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC;AAxCD,wCAwCC"}

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

@@ -0,0 +1,7 @@
+<div class="task-tab-background full-height">
+    <div fxLayout="column" fxLayoutAlign="start stretch" class="content-margin full-height" >
+        <mat-card class="search-panel"><nc-search class="search-width"></nc-search></mat-card>
+        <nc-header #header type="task" class="task-panel-padding-mini"></nc-header>
+        <nc-task-list [tasks$]="tasks$" [loading$]="loading$" [selectedHeaders$]="selectedHeaders$" fxFlex></nc-task-list>
+    </div>
+</div>

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

@@ -0,0 +1,22 @@
+.task-tab-background{
+    height: 100%;
+    width: 100%;
+    overflow: auto;
+    background-color: transparent;
+}
+.search-panel{
+    margin-top: 20px;
+}
+.content-margin{
+    margin: 0 20px;
+}
+.task-panel-padding-mini{
+    padding-bottom: 20px;
+    padding-top: 20px;
+}
+.full-height {
+    height: 100%;
+}
+.search-width {
+    width: 100%;
+}

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

@@ -0,0 +1,49 @@
+import {waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { <%= classify(className) %>Component } from './<%= dasherize(className) %>.component';
+import {
+    MaterialModule,
+    ConfigurationService,
+    AuthenticationMethodService,
+    NAE_TAB_DATA,
+    SimpleFilter,
+    FilterType
+} from '@netgrif/components-core';
+import {
+    HeaderComponentModule,
+    PanelComponentModule,
+} from '@netgrif/components';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+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: [
+                MaterialModule,
+                HeaderComponentModule,
+                PanelComponentModule,
+                BrowserAnimationsModule
+            ],
+            providers: [
+                {provide: NAE_TAB_DATA, useValue: {baseFilter: new SimpleFilter('id', FilterType.TASK, {})}},
+                AuthenticationMethodService,
+                {provide: ConfigurationService, useClass: <%= configName %>ConfigurationService}
+            ],
+            declarations: [<%= classify(className) %>Component]
+        })
+            .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/task-view/files/simple/__className@dasherize__.component.ts.template

@@ -0,0 +1,62 @@
+import {AfterViewInit, Component, ViewChild} from '@angular/core';
+import {
+    AbstractTaskView,
+    AllowedNetsService,
+    AllowedNetsServiceFactory,
+    CategoryFactory,
+    defaultTaskSearchCategoriesFactory,
+    NAE_BASE_FILTER,
+    NAE_SEARCH_CATEGORIES,
+    NAE_VIEW_ID_SEGMENT,
+    SearchService,
+    SimpleFilter,
+    TaskViewService,
+    ViewIdService,
+    ChangedFieldsService
+} from '@netgrif/components-core';
+import {
+    HeaderComponent,
+} from '@netgrif/components';
+
+const localAllowedNetsFactory = (factory: AllowedNetsServiceFactory) => {
+    return factory.createFromConfig('<%= viewPath %>');
+};
+
+const baseFilterFactory = () => {
+    return {
+        filter: SimpleFilter.emptyTaskFilter()
+    };
+};
+
+@Component({
+    selector: '<%= prefix %>-<%= dasherize(className) %>',
+    templateUrl: './<%= dasherize(className) %>.component.html',
+    styleUrls: ['./<%= dasherize(className) %>.component.scss'],
+    providers: [
+        CategoryFactory,
+        SearchService,
+        TaskViewService,
+        ChangedFieldsService
+        {   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: defaultTaskSearchCategoriesFactory, deps: [CategoryFactory]},
+    ]
+})
+export class <%= classify(className) %>Component extends AbstractTaskView implements AfterViewInit {
+
+    @ViewChild('header') public taskHeaderComponent: HeaderComponent;
+
+    constructor(taskViewService: TaskViewService) {
+        super(taskViewService);
+    }
+
+    ngAfterViewInit(): void {
+        this.initializeHeader(this.taskHeaderComponent);
+    }
+}

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

@@ -0,0 +1,64 @@
+import {AfterViewInit, Component, Inject, ViewChild} from '@angular/core';
+import {
+    AllowedNetsService,
+    AllowedNetsServiceFactory,
+    CategoryFactory,
+    defaultTaskSearchCategoriesFactory,
+    InjectedTabbedTaskViewData,
+    NAE_BASE_FILTER,
+    NAE_SEARCH_CATEGORIES,
+    NAE_TAB_DATA,
+    NAE_TASK_VIEW_CONFIGURATION,
+    SearchService,
+    TabbedTaskView,
+    tabbedAllowedNetsServiceFactory,
+    tabbedTaskViewConfigurationFactory,
+    TaskViewService,
+    ViewIdService,
+    ChangedFieldsService
+} from '@netgrif/components-core';
+import {
+    HeaderComponent,
+} from '@netgrif/components';
+
+const baseFilterFactory = (injectedTabData: InjectedTabbedTaskViewData) => {
+    return {
+        filter: injectedTabData.baseFilter
+    };
+};
+
+@Component({
+    selector: '<%= prefix %>-<%= dasherize(className) %>',
+    templateUrl: './<%= dasherize(className) %>.component.html',
+    styleUrls: ['./<%= dasherize(className) %>.component.scss'],
+    providers: [
+        CategoryFactory,
+        TaskViewService,
+        SearchService,
+        ChangedFieldsService
+        {   provide: NAE_BASE_FILTER,
+            useFactory: baseFilterFactory,
+            deps: [NAE_TAB_DATA]},
+        {   provide: AllowedNetsService,
+            useFactory: tabbedAllowedNetsServiceFactory,
+            deps: [AllowedNetsServiceFactory, NAE_TAB_DATA]},
+        {   provide: NAE_TASK_VIEW_CONFIGURATION,
+            useFactory: tabbedTaskViewConfigurationFactory,
+            deps: [NAE_TAB_DATA]},<% if(isDefaultTabbedTaskView) { %>
+        {   provide: ViewIdService, useValue: null},<% } else { %>
+        ViewIdService,<% } %>
+        {provide: NAE_SEARCH_CATEGORIES, useFactory: defaultTaskSearchCategoriesFactory, deps: [CategoryFactory]},
+    ]
+})
+export class <%= classify(className) %>Component extends TabbedTaskView implements AfterViewInit {
+
+    @ViewChild('header') public taskHeaderComponent: HeaderComponent;
+
+    constructor(taskViewService: TaskViewService, @Inject(NAE_TAB_DATA) injectedTabData: InjectedTabbedTaskViewData) {
+        super(taskViewService, injectedTabData);
+    }
+
+    ngAfterViewInit(): void {
+        this.initializeHeader(this.taskHeaderComponent);
+    }
+}

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

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

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTreeCaseView = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const utility_functions_1 = require("../../../../_utility/utility-functions");
+const view_class_info_1 = require("../../../../_commons/view-class-info");
+const core_1 = require("@angular-devkit/core");
+const view_utility_functions_1 = require("../../../_utility/view-utility-functions");
+const import_to_add_1 = require("../../../../_commons/import-to-add");
+const view_service_functions_1 = require("../../../_utility/view-service-functions");
+function createTreeCaseView(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);
+    const filterId = args.layoutParams && args.layoutParams.filterId
+        ? `'${args.layoutParams.filterId}'`
+        : `''/* TODO put your root node filter id here */`;
+    rules.push(utility_functions_1.createFilesFromTemplates('./views/tree-case-view/files', `${projectInfo.path}/views/${args.path}`, {
+        prefix: projectInfo.projectPrefixDasherized,
+        className: view.nameWithoutComponent,
+        dasherize: core_1.strings.dasherize,
+        classify: core_1.strings.classify,
+        configName: projectInfo.projectNameClassified,
+        configImportPath: utility_functions_1.createRelativePath(view.fileImportPath, `./${projectInfo.projectNameDasherized}-configuration.service`),
+        filterId,
+        viewIdSegment: view_utility_functions_1.getViewIdSegmentFromPath(args.path)
+    }));
+    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('MatProgressSpinnerModule', '@angular/material/progress-spinner'),
+        new import_to_add_1.ImportToAdd('TreeCaseViewComponentModule', '@netgrif/components')
+    ]);
+    if (addViewToService) {
+        view_service_functions_1.addViewToViewService(tree, view);
+    }
+    return schematics_1.chain(rules);
+}
+exports.createTreeCaseView = createTreeCaseView;
+//# sourceMappingURL=create-tree-case-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-tree-case-view.js","sourceRoot":"","sources":["../../../../../../../projects/netgrif-components/schematics/view/create-view-prompt/views/tree-case-view/create-tree-case-view.ts"],"names":[],"mappings":";;;AAAA,2DAA6D;AAE7D,8EAAoH;AACpH,0EAAmE;AACnE,+CAA6C;AAC7C,qFAAmG;AACnG,sEAA+D;AAC/D,qFAA8E;AAE9E,SAAgB,kBAAkB,CAAC,IAAU,EAAE,IAAyB,EAAE,gBAAyB;IAC/F,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,CACrB,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ;QAC5D,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG;QACnC,CAAC,CAAC,gDAAgD,CAAC;IAEvD,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,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,QAAQ;QACR,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,YAAY,EAAE,sBAAsB,CAAC;QACrD,IAAI,2BAAW,CAAC,0BAA0B,EAAE,oCAAoC,CAAC;QACjF,IAAI,2BAAW,CAAC,6BAA6B,EAAE,qBAAqB,CAAC;KACxE,CAAC,CAAC;IAEH,IAAI,gBAAgB,EAAE;QAClB,6CAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KACpC;IACD,OAAO,kBAAK,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC;AAlCD,gDAkCC"}

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

@@ -0,0 +1,15 @@
+<div fxLayoutAlign="center start" class="height-100">
+    <div  class="fill-all-space" fxLayout="row" fxFlex="80">
+        <mat-card class="fill-all-space">
+            <div fxLayout="column" fxFlex="25" class="overflow-auto">
+                <nc-tree-component [filter]="filter" [showTreeRoot]="true"></nc-tree-component>
+            </div>
+
+            <mat-divider [vertical]="true" class="divider-fix"></mat-divider>
+
+            <div fxLayout="column" fxFlex="75" class="overflow-auto">
+                <nc-tree-task-content></nc-tree-task-content>
+            </div>
+        </mat-card>
+    </div>
+</div>

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

@@ -0,0 +1,17 @@
+mat-divider.divider-fix {
+
+}
+
+.fill-all-space {
+    height: 100%;
+    width: 100%;
+    background-color: transparent;
+}
+
+.overflow-auto {
+    overflow: auto;
+}
+
+.height-100 {
+    height: 95%;
+}

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

@@ -0,0 +1,33 @@
+import {waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { <%= classify(className) %>Component } from './<%= dasherize(className) %>.component';
+import {ConfigurationService, AuthenticationMethodService, NullAuthenticationService} from '@netgrif/components-core';
+import {TreeCaseViewComponentModule} from '@netgrif/components';
+import {<%= configName %>ConfigurationService} from '<%= configImportPath %>';
+import {NoopAnimationsModule} 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: [TreeCaseViewComponentModule, NoopAnimationsModule],
+            providers: [
+                {provide: ConfigurationService, useClass: <%= configName %>ConfigurationService},
+                {provide: AuthenticationMethodService, useClass: NullAuthenticationService}
+            ]
+        })
+            .compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(<%= classify(className) %>Component);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});
+