@netgrif/components 6.2.0-rc.8 → 6.2.1

package/schematics/view/create-view-prompt/views/ldap-role-assignment-view/ldap-role-assignment-view.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLdapRoleAssignmentView = 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 createLdapRoleAssignmentView(tree, args, addViewToService) {
+    const projectInfo = (0, utility_functions_1.getProjectInfo)(tree);
+    const view = new view_class_info_1.ViewClassInfo(args.path, args.viewType, args.componentName);
+    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: (0, utility_functions_1.createRelativePath)(view.fileImportPath, `./${projectInfo.projectNameDasherized}-configuration.service`),
+        modulePath: (0, utility_functions_1.createRelativePath)(view.fileImportPath, './app.module'),
+    };
+    const rules = [];
+    const destinationPath = `${projectInfo.path}/views/${args.path}`;
+    rules.push((0, utility_functions_1.createFilesFromTemplates)('./views/ldap-role-assignment-view/files', destinationPath, templateParams));
+    (0, view_utility_functions_1.updateAppModule)(tree, view.className, view.fileImportPath, [
+        new import_to_add_1.ImportToAdd('AdminComponentModule', '@netgrif/components')
+    ]);
+    if (addViewToService) {
+        (0, view_service_functions_1.addViewToViewService)(tree, view);
+    }
+    return (0, schematics_1.chain)(rules);
+}
+exports.createLdapRoleAssignmentView = createLdapRoleAssignmentView;
+//# sourceMappingURL=ldap-role-assignment-view.js.map

package/schematics/view/create-view-prompt/views/ldap-role-assignment-view/ldap-role-assignment-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ldap-role-assignment-view.js","sourceRoot":"","sources":["../../../../../../../projects/netgrif-components/schematics/view/create-view-prompt/views/ldap-role-assignment-view/ldap-role-assignment-view.ts"],"names":[],"mappings":";;;AAAA,2DAA6D;AAE7D,8EAAoH;AACpH,0EAAmE;AACnE,+CAA6C;AAC7C,qFAAyE;AACzE,sEAA+D;AAC/D,qFAA8E;AAE9E,SAAgB,4BAA4B,CAAC,IAAU,EAAE,IAAyB,EAAE,gBAAyB;IACzG,MAAM,WAAW,GAAG,IAAA,kCAAc,EAAC,IAAI,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,IAAI,+BAAa,CAC1B,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,aAAa,CACrB,CAAC;IACF,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,IAAA,sCAAkB,EAAC,IAAI,CAAC,cAAc,EAAE,KAAK,WAAW,CAAC,qBAAqB,wBAAwB,CAAC;QACzH,UAAU,EAAE,IAAA,sCAAkB,EAAC,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC;KACtE,CAAC;IAEF,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,MAAM,eAAe,GAAG,GAAG,WAAW,CAAC,IAAI,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC;IAGjE,KAAK,CAAC,IAAI,CAAC,IAAA,4CAAwB,EAAC,yCAAyC,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IACjH,IAAA,wCAAe,EAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE;QACvD,IAAI,2BAAW,CAAC,sBAAsB,EAAE,qBAAqB,CAAC;KACjE,CAAC,CAAC;IAEH,IAAI,gBAAgB,EAAE;QAClB,IAAA,6CAAoB,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KACpC;IACD,OAAO,IAAA,kBAAK,EAAC,KAAK,CAAC,CAAC;AACxB,CAAC;AA/BD,oEA+BC"}

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

@@ -1,5 +1,5 @@
 <nc-authentication-overlay>
     <div fxLayout="row" fxLayoutAlign="center center" class="fill-all-space">
-        <nc-login-form></nc-login-form>
+        <nc-login-form (login)="onLogin($event)"></nc-login-form>
     </div>
 </nc-authentication-overlay>

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

@@ -1,5 +1,14 @@
 import {Component} from '@angular/core';
-import {NAE_VIEW_ID_SEGMENT, ViewIdService} from '@netgrif/components-core';
+import {
+    NAE_VIEW_ID_SEGMENT,
+    ViewIdService,
+    SnackBarService,
+    LoggerService,
+    UserService,
+    User,
+} from '@netgrif/components-core';
+import {Router} from '@angular/router';
+import {TranslateService} from '@ngx-translate/core';
 
 @Component({
     selector: '<%= prefix %>-<%= dasherize(className) %>',
@@ -13,6 +22,32 @@ import {NAE_VIEW_ID_SEGMENT, ViewIdService} from '@netgrif/components-core';
 })
 export class <%= classify(className) %>Component {
 
-    constructor() {}
+    constructor(private router: Router,
+                private _userService: UserService,
+                private _snackbar: SnackBarService,
+                private _translate: TranslateService,
+                private _log: LoggerService) {
+        }
+
+      ngOnInit(): void {
+            if (this._userService.user.id.length !== 0) {
+                this.redirectToHome();
+            }
+        }
+
+     onLogin(user: User) {
+            if (user && user.id) {
+                this.redirectToHome();
+            } else {
+                this._snackbar.openErrorSnackBar(this._translate.instant('forms.login.wrongCredentials'));
+            }
+    }
+
+     private redirectToHome() {
+         this.router.navigate(['/']).then((value) => {
+              this._log.debug('Routed to ' + value);
+          });
+        }
+
 
 }

package/schematics/view/create-view-prompt/views/public-resolver-view/create-public-resolver-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 createPublicResolverView(tree: Tree, args: CreateTaskViewArguments & TabbedView, addViewToService: boolean): Rule;

package/schematics/view/create-view-prompt/views/public-resolver-view/create-public-resolver-view.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createPublicResolverView = 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 createPublicResolverView(tree, args, addViewToService) {
+    const projectInfo = (0, 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,
+        dasherize: core_1.strings.dasherize,
+        classify: core_1.strings.classify
+    };
+    const commonPathPrefix = './views/public-resolver-view/files/';
+    const destinationPath = `${projectInfo.path}/views/${args.path}`;
+    rules.push((0, utility_functions_1.createFilesFromTemplates)(`${commonPathPrefix}common`, destinationPath, templateParams));
+    (0, 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')
+    ]);
+    if (addViewToService) {
+        (0, view_service_functions_1.addViewToViewService)(tree, view);
+    }
+    return (0, schematics_1.chain)(rules);
+}
+exports.createPublicResolverView = createPublicResolverView;
+//# sourceMappingURL=create-public-resolver-view.js.map

package/schematics/view/create-view-prompt/views/public-resolver-view/create-public-resolver-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-public-resolver-view.js","sourceRoot":"","sources":["../../../../../../../projects/netgrif-components/schematics/view/create-view-prompt/views/public-resolver-view/create-public-resolver-view.ts"],"names":[],"mappings":";;;AAAA,2DAA6D;AAC7D,+CAA6C;AAC7C,8EAAgG;AAChG,qFAAyE;AACzE,qFAA8E;AAE9E,0EAAmE;AACnE,sEAA+D;AAI/D,SAAgB,wBAAwB,CAAC,IAAU,EAAE,IAA0C,EAAE,gBAAyB;IACtH,MAAM,WAAW,GAAG,IAAA,kCAAc,EAAC,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,SAAS,EAAE,cAAO,CAAC,SAAS;QAC5B,QAAQ,EAAE,cAAO,CAAC,QAAQ;KAC7B,CAAC;IAEF,MAAM,gBAAgB,GAAG,qCAAqC,CAAC;IAC/D,MAAM,eAAe,GAAG,GAAG,WAAW,CAAC,IAAI,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC;IACjE,KAAK,CAAC,IAAI,CAAC,IAAA,4CAAwB,EAAC,GAAG,gBAAgB,QAAQ,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnG,IAAA,wCAAe,EAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE;QACvD,IAAI,2BAAW,CAAC,YAAY,EAAE,sBAAsB,CAAC;QACrD,IAAI,2BAAW,CAAC,kBAAkB,EAAE,sBAAsB,CAAC;QAC3D,IAAI,2BAAW,CAAC,gBAAgB,EAAE,0BAA0B,CAAC;KAChE,CAAC,CAAC;IAEH,IAAI,gBAAgB,EAAE;QAClB,IAAA,6CAAoB,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KACpC;IACD,OAAO,IAAA,kBAAK,EAAC,KAAK,CAAC,CAAC;AACxB,CAAC;AA7BD,4DA6BC"}

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

@@ -0,0 +1,4 @@
+<div fxFlex fxLayoutAlign="center center" fxLayout="column">
+    <mat-spinner color="accent"></mat-spinner>
+    <span>{{ 'publicView.resolving' | translate }}</span>
+</div>

package/schematics/view/create-view-prompt/views/public-resolver-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 {<%= configName %>ConfigurationService} from '<%= configImportPath %>';
+import {
+    MockAuthenticationMethodService,
+    AuthenticationMethodService,
+    ConfigurationService,
+    UserService,
+    MaterialModule,
+    TranslateLibModule
+} from '@netgrif/components-core';
+import {HttpClientTestingModule} from '@angular/common/http/testing';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {RouterTestingModule} from '@angular/router/testing';
+
+describe('<%= classify(className) %>Component', () => {
+    let component: <%= classify(className) %>Component;
+    let fixture: ComponentFixture<<%= classify(className) %>Component>;
+
+    beforeEach(waitForAsync(() => {
+      TestBed.configureTestingModule({
+          declarations: [<%= classify(className) %>Component],
+          imports: [
+              HttpClientTestingModule,
+              MaterialModule,
+              BrowserAnimationsModule,
+              RouterTestingModule.withRoutes([]),
+              TranslateLibModule
+          ],
+          providers: [
+              {provide: AuthenticationMethodService, useClass: MockAuthenticationMethodService},
+              {provide: ConfigurationService, useClass: <%= configName %>ConfigurationService},
+              UserService
+          ]
+      })
+          .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/public-resolver-view/files/common/__className@dasherize__.component.ts.template

@@ -0,0 +1,46 @@
+import {Component, OnDestroy, OnInit} from '@angular/core';
+import {
+    UserService,
+    SessionService,
+    AuthenticationService,
+    PublicUrlResolverService,
+    RedirectService
+} from '@netgrif/components-core';
+import {Router} from '@angular/router';
+import {Subscription} from 'rxjs';
+
+@Component({
+    selector: '<%= prefix %>-<%= dasherize(className) %>',
+    templateUrl: './<%= dasherize(className) %>.component.html',
+    styleUrls: ['./<%= dasherize(className) %>.component.scss']
+})
+export class <%= classify(className) %>Component implements OnInit, OnDestroy {
+
+    private _userSub: Subscription;
+
+    constructor(protected _userService: UserService, protected _sessionService: SessionService, protected _router: Router,
+                protected _auth: AuthenticationService, protected _publicResolver: PublicUrlResolverService,
+                protected _redirectService: RedirectService) {
+    }
+
+    ngOnInit(): void {
+        this._userSub = this._userService.user$.subscribe(user => {
+            if (!!user && user.id !== '') {
+                this._router.navigate([this._redirectService.parseRedirectPath(this._publicResolver.url)],
+                    { queryParams: this._redirectService.queryParams });
+                this._publicResolver.url = undefined;
+            } else {
+                if (!this._sessionService.verified && !this._sessionService.isVerifying &&
+                    this._sessionService.isInitialized && !this._auth.isAuthenticated) {
+                    this._router.navigate([this._redirectService.parseRedirectPath(this._publicResolver.url)],
+                        { queryParams: this._redirectService.queryParams });
+                    this._publicResolver.url = undefined;
+                }
+            }
+        });
+    }
+
+    ngOnDestroy(): void {
+        this._userSub.unsubscribe();
+    }
+}

package/schematics/view/create-view-prompt/views/public-single-task-view/create-public-single-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 createPublicSingleTaskView(tree: Tree, args: CreateTaskViewArguments & TabbedView, addViewToService: boolean): Rule;

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createPublicSingleTaskView = 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 createPublicSingleTaskView(tree, args, addViewToService) {
+    const projectInfo = (0, 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,
+        dasherize: core_1.strings.dasherize,
+        classify: core_1.strings.classify,
+    };
+    const commonPathPrefix = './views/public-single-task-view/files/';
+    const destinationPath = `${projectInfo.path}/views/${args.path}`;
+    rules.push((0, utility_functions_1.createFilesFromTemplates)(`${commonPathPrefix}common`, destinationPath, templateParams));
+    (0, 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'),
+        new import_to_add_1.ImportToAdd('HeaderComponentModule', '@netgrif/components')
+    ]);
+    if (addViewToService) {
+        (0, view_service_functions_1.addViewToViewService)(tree, view);
+    }
+    return (0, schematics_1.chain)(rules);
+}
+exports.createPublicSingleTaskView = createPublicSingleTaskView;
+//# sourceMappingURL=create-public-single-task-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-public-single-task-view.js","sourceRoot":"","sources":["../../../../../../../projects/netgrif-components/schematics/view/create-view-prompt/views/public-single-task-view/create-public-single-task-view.ts"],"names":[],"mappings":";;;AAAA,2DAA6D;AAC7D,+CAA6C;AAC7C,8EAAgG;AAChG,qFAAyE;AACzE,qFAA8E;AAE9E,0EAAmE;AACnE,sEAA+D;AAI/D,SAAgB,0BAA0B,CAAC,IAAU,EAAE,IAA0C,EAAE,gBAAyB;IACxH,MAAM,WAAW,GAAG,IAAA,kCAAc,EAAC,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,SAAS,EAAE,cAAO,CAAC,SAAS;QAC5B,QAAQ,EAAE,cAAO,CAAC,QAAQ;KAC7B,CAAC;IAEF,MAAM,gBAAgB,GAAG,wCAAwC,CAAC;IAClE,MAAM,eAAe,GAAG,GAAG,WAAW,CAAC,IAAI,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC;IACjE,KAAK,CAAC,IAAI,CAAC,IAAA,4CAAwB,EAAC,GAAG,gBAAgB,QAAQ,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnG,IAAA,wCAAe,EAAC,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;QAC/D,IAAI,2BAAW,CAAC,uBAAuB,EAAE,qBAAqB,CAAC;KAClE,CAAC,CAAC;IAEH,IAAI,gBAAgB,EAAE;QAClB,IAAA,6CAAoB,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KACpC;IACD,OAAO,IAAA,kBAAK,EAAC,KAAK,CAAC,CAAC;AACxB,CAAC;AA/BD,gEA+BC"}

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

@@ -0,0 +1,33 @@
+<div class="task-tab-background full-height">
+    <div fxLayout="column" fxLayoutAlign="start stretch" class="content-margin full-height" >
+        <nc-header [hidden]='hidden' #header type="task" class="task-panel-padding-mini"></nc-header>
+        <nc-single-task [task$]="task$" [loading$]="loading$" [selectedHeaders$]="selectedHeaders$" (taskEvent)="logEvent($event)"
+                        [pageHeader]='pageHeader' [pageFooter]='pageFooter' [actionButtonTemplates]='[finishButton]'
+                        [actionRowJustifyContent]='"center"' fxFlex></nc-single-task>
+    </div>
+</div>
+
+<ng-template #finishButton let-finish="finish">
+    <div class="public-button-padding">
+        <button mat-raised-button color="primary" class="public-button"
+                (click)="finish();">
+            <span>{{ 'singleTask.finishButtonTitle' | translate }}</span>
+        </button>
+    </div>
+</ng-template>
+
+<ng-template #pageHeader>
+    <div>
+        <!-- <img src="TODO LINK" alt="logo" class="logoimg"> -->
+        <mat-divider class="upper-divider"></mat-divider>
+    </div>
+    <mat-card class="upper-card">
+        <span class="upper-card-title"><strong>Example task title</strong></span>
+    </mat-card>
+</ng-template>
+
+<ng-template #pageFooter>
+    <mat-toolbar color="primary" class="footer-custom">
+        <!-- TODO -->
+    </mat-toolbar>
+</ng-template>

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

@@ -0,0 +1,69 @@
+.task-tab-background{
+    height: 100%;
+    width: 100%;
+    overflow: auto;
+    background-color: transparent;
+}
+.search-panel{
+    margin-top: 8px;
+}
+.content-margin{
+    margin: 0 8px;
+}
+.task-panel-padding-mini{
+    padding-bottom: 8px;
+    padding-top: 8px;
+}
+
+.search-width {
+    width: 100%;
+}
+
+.full-height {
+    height: 100%;
+}
+.public-button {
+    height: 36px;
+    width: 200px;
+}
+
+.public-button-padding {
+    padding: 16px;
+    flex-direction: column;
+    display: flex;
+    align-items: center;
+}
+
+.single-page-task {
+    width: 85% !important;
+    padding-bottom: 25px;
+}
+
+.logoimg {
+    height: 120px;
+    outline: none !important;
+    cursor: pointer;
+}
+
+.upper-card {
+    margin-bottom: 10px;
+}
+
+.upper-card-title {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
+
+.upper-divider {
+    border-top-width: 20px;
+    border-top-color: #023b7e;
+    border-radius: 4px;
+    margin-bottom: 10px;
+}
+
+.footer-custom {
+    border-radius: 4px;
+    margin-bottom: 10px;
+}
+

package/schematics/view/create-view-prompt/views/public-single-task-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 {
+    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 %>';
+import {Observable} from 'rxjs';
+import {RouterTestingModule} from '@angular/router/testing';
+
+describe('<%= classify(className) %>Component', () => {
+    let component: <%= classify(className) %>Component;
+    let fixture: ComponentFixture<<%= classify(className) %>Component>;
+
+    beforeEach(waitForAsync(() => {
+        TestBed.configureTestingModule({
+            imports: [
+                MaterialModule,
+                HeaderComponentModule,
+                PanelComponentModule,
+                BrowserAnimationsModule,
+                RouterTestingModule.withRoutes([])
+            ],
+            providers: [
+                {provide: NAE_TAB_DATA, useValue: {baseFilter: new SimpleFilter('id', FilterType.TASK, {}), tabSelected$: new Observable()}},
+                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/public-single-task-view/files/common/__className@dasherize__.component.ts.template

@@ -0,0 +1,151 @@
+import {AfterViewInit, Component, ViewChild} from '@angular/core';
+import {
+    TaskEventNotification,
+    TaskViewService,
+    CaseResourceService,
+    PublicCaseResourceService,
+    PublicTaskResourceService,
+    SearchService,
+    PublicProcessService,
+    ProcessService,
+    TaskResourceService,
+    SnackBarService,
+    UserService,
+    SessionService,
+    PetriNetResourceService,
+    PublicPetriNetResourceService,
+    LoggerService,
+    ResourceProvider,
+    ConfigurationService,
+    FieldConverterService,
+    AuthenticationService,
+    PublicUrlResolverService,
+    publicBaseFilterFactory,
+    publicFactoryResolver,
+    AllowedNetsService,
+    PublicTaskLoadingService,
+    AllowedNetsServiceFactory,
+    NAE_VIEW_ID_SEGMENT,
+    ViewIdService,
+    NAE_BASE_FILTER,
+    ChangedFieldsService,
+    AbstractSingleTaskViewComponent,
+    TaskContentService,
+    TaskDataService,
+    FinishTaskService,
+    RedirectService,
+    SingleTaskContentService, TaskRequestStateService, TaskEventService, NAE_TASK_OPERATIONS, SubjectTaskOperations
+} from '@netgrif/components-core';
+import {HeaderComponent} from '@netgrif/components';
+import {ActivatedRoute, Router} from '@angular/router';
+import {TranslateService} from '@ngx-translate/core';
+import {combineLatest} from 'rxjs';
+import {map} from 'rxjs/operators';
+
+const localAllowedNetsServiceFactory = (factory: AllowedNetsServiceFactory, route: ActivatedRoute) => {
+    const array = [];
+    if (route.snapshot.paramMap.get('petriNetId') !== null) {
+        array.push(route.snapshot.paramMap.get('petriNetId'));
+    }
+    return factory.createFromArray(array);
+};
+
+const processServiceFactory = (userService: UserService, sessionService: SessionService, authService: AuthenticationService,
+                               router: Router, publicResolverService: PublicUrlResolverService, petriNetResource: PetriNetResourceService,
+                               publicPetriNetResource: PublicPetriNetResourceService, loggerService: LoggerService, redirectService: RedirectService) => {
+    return publicFactoryResolver(userService, sessionService, authService, router, publicResolverService,
+        new ProcessService(petriNetResource, loggerService),
+        new PublicProcessService(publicPetriNetResource, loggerService), redirectService);
+};
+
+const taskResourceServiceFactory = (userService: UserService, sessionService: SessionService, authService: AuthenticationService,
+                                    router: Router, publicResolverService: PublicUrlResolverService,
+                                    logger: LoggerService, provider: ResourceProvider, config: ConfigurationService,
+                                    fieldConverter: FieldConverterService, redirectService: RedirectService) => {
+    return publicFactoryResolver(userService, sessionService, authService, router, publicResolverService,
+        new TaskResourceService(provider, config, fieldConverter, logger),
+        new PublicTaskResourceService(provider, config, fieldConverter, logger), redirectService);
+};
+
+const caseResourceServiceFactory = (userService: UserService, sessionService: SessionService, authService: AuthenticationService,
+                                    router: Router, publicResolverService: PublicUrlResolverService,
+                                    provider: ResourceProvider, config: ConfigurationService, redirectService: RedirectService) => {
+    return publicFactoryResolver(userService, sessionService, authService, router, publicResolverService,
+        new CaseResourceService(provider, config),
+        new PublicCaseResourceService(provider, config), redirectService);
+};
+
+@Component({
+    selector: '<%= prefix %>-<%= dasherize(className) %>',
+    templateUrl: './<%= dasherize(className) %>.component.html',
+    styleUrls: ['./<%= dasherize(className) %>.component.scss'],
+    providers: [
+        TaskViewService,
+        PublicTaskLoadingService,
+        SearchService,
+        ChangedFieldsService,
+        {
+            provide: ProcessService,
+            useFactory: processServiceFactory,
+            deps: [UserService, SessionService, AuthenticationService, Router, PublicUrlResolverService, PetriNetResourceService,
+                PublicPetriNetResourceService, LoggerService, RedirectService]
+        },
+        {
+            provide: TaskResourceService,
+            useFactory: taskResourceServiceFactory,
+            deps: [UserService, SessionService, AuthenticationService, Router, PublicUrlResolverService,
+                LoggerService, ResourceProvider, ConfigurationService, FieldConverterService, RedirectService]
+        },
+        {
+            provide: CaseResourceService,
+            useFactory: caseResourceServiceFactory,
+            deps: [UserService, SessionService, AuthenticationService, Router, PublicUrlResolverService,
+                ResourceProvider, ConfigurationService, RedirectService]
+        },
+        {
+            provide: NAE_BASE_FILTER,
+            useFactory: publicBaseFilterFactory,
+            deps: [Router, ActivatedRoute, ProcessService, CaseResourceService, SnackBarService, TranslateService, PublicTaskLoadingService]
+        },
+        {
+            provide: AllowedNetsService,
+            useFactory: localAllowedNetsServiceFactory,
+            deps: [AllowedNetsServiceFactory, ActivatedRoute]
+        },
+        {   provide: NAE_VIEW_ID_SEGMENT, useValue: 'publicView'},
+        ViewIdService,
+        {provide: TaskContentService, useClass: SingleTaskContentService},
+        TaskDataService,
+        FinishTaskService,
+        TaskRequestStateService,
+        TaskEventService,
+        {provide: NAE_TASK_OPERATIONS, useClass: SubjectTaskOperations},
+    ]
+})
+export class <%= classify(className) %>Component extends AbstractSingleTaskViewComponent implements AfterViewInit {
+
+    @ViewChild('header') public taskHeaderComponent: HeaderComponent;
+
+    hidden: boolean;
+
+    constructor(taskViewService: TaskViewService, publicTaskLoadingService: PublicTaskLoadingService,
+                activatedRoute: ActivatedRoute) {
+        super(taskViewService, activatedRoute);
+        this.hidden = true;
+        this.loading$ = combineLatest(taskViewService.loading$, publicTaskLoadingService.loading$).pipe(
+            map(sources => {
+                return sources[0] || sources[1];
+            })
+        );
+    }
+
+    ngAfterViewInit(): void {
+        this.initializeHeader(this.taskHeaderComponent);
+    }
+
+    logEvent(event: TaskEventNotification) {
+        console.log(event);
+    }
+
+}
+

package/schematics/view/create-view-prompt/views/public-task-view/create-public-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 createPublicTaskView(tree: Tree, args: CreateTaskViewArguments & TabbedView, addViewToService: boolean): Rule;

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createPublicTaskView = 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 createPublicTaskView(tree, args, addViewToService) {
+    const projectInfo = (0, 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,
+        dasherize: core_1.strings.dasherize,
+        classify: core_1.strings.classify,
+    };
+    const commonPathPrefix = './views/public-task-view/files/';
+    const destinationPath = `${projectInfo.path}/views/${args.path}`;
+    rules.push((0, utility_functions_1.createFilesFromTemplates)(`${commonPathPrefix}common`, destinationPath, templateParams));
+    (0, 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'),
+        new import_to_add_1.ImportToAdd('HeaderComponentModule', '@netgrif/components')
+    ]);
+    if (addViewToService) {
+        (0, view_service_functions_1.addViewToViewService)(tree, view);
+    }
+    return (0, schematics_1.chain)(rules);
+}
+exports.createPublicTaskView = createPublicTaskView;
+//# sourceMappingURL=create-public-task-view.js.map