@netgrif/components 6.2.0-rc.9 → 6.2.2

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

@@ -5,14 +5,14 @@
     background-color: transparent;
 }
 .search-panel{
-    margin-top: 16px;
+    margin-top: 8px;
 }
 .content-margin{
-    margin: 0 16px;
+    margin: 0 8px;
 }
 .task-panel-padding-mini{
-    padding-bottom: 16px;
-    padding-top: 16px;
+    padding-bottom: 8px;
+    padding-top: 8px;
 }
 .full-height {
     height: 100%;

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

@@ -14,6 +14,8 @@ import {
 } 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;
@@ -25,10 +27,11 @@ describe('<%= classify(className) %>Component', () => {
                 MaterialModule,
                 HeaderComponentModule,
                 PanelComponentModule,
-                BrowserAnimationsModule
+                BrowserAnimationsModule,
+                RouterTestingModule.withRoutes([])
             ],
             providers: [
-                {provide: NAE_TAB_DATA, useValue: {baseFilter: new SimpleFilter('id', FilterType.TASK, {})}},
+                {provide: NAE_TAB_DATA, useValue: {baseFilter: new SimpleFilter('id', FilterType.TASK, {}), tabSelected$: new Observable()}},
                 AuthenticationMethodService,
                 {provide: ConfigurationService, useClass: <%= configName %>ConfigurationService}
             ],

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

@@ -36,7 +36,7 @@ const baseFilterFactory = () => {
         CategoryFactory,
         SearchService,
         TaskViewService,
-        ChangedFieldsService
+        ChangedFieldsService,
         {   provide: NAE_BASE_FILTER,
             useFactory: baseFilterFactory},
         {   provide: AllowedNetsService,

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

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

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createWorkflowView = 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 view_service_functions_1 = require("../../../_utility/view-service-functions");
+const import_to_add_1 = require("../../../../_commons/import-to-add");
+function createWorkflowView(tree, args, addViewToService) {
+    const projectInfo = (0, utility_functions_1.getProjectInfo)(tree);
+    const rules = [];
+    const view = new view_class_info_1.ViewClassInfo(args.path, args.viewType, args.componentName);
+    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: (0, utility_functions_1.createRelativePath)(view.fileImportPath, `./${projectInfo.projectNameDasherized}-configuration.service`),
+        modulePath: (0, utility_functions_1.createRelativePath)(view.fileImportPath, './app.module'),
+        showDeleteMenu: args.showDeleteMenu,
+        confirmWorkflowDeletion: args.confirmWorkflowDeletion
+    };
+    rules.push((0, utility_functions_1.createFilesFromTemplates)('./views/workflow-view/files', destinationPath, templateParams));
+    (0, view_utility_functions_1.updateAppModule)(tree, view.className, view.fileImportPath, [
+        new import_to_add_1.ImportToAdd('WorkflowViewComponentModule', '@netgrif/components')
+    ]);
+    if (addViewToService) {
+        (0, view_service_functions_1.addViewToViewService)(tree, view);
+    }
+    return (0, schematics_1.chain)(rules);
+}
+exports.createWorkflowView = createWorkflowView;
+//# sourceMappingURL=create-workflow-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-workflow-view.js","sourceRoot":"","sources":["../../../../../../../projects/netgrif-components/schematics/view/create-view-prompt/views/workflow-view/create-workflow-view.ts"],"names":[],"mappings":";;;AAAA,2DAA6D;AAE7D,8EAAoH;AACpH,0EAAmE;AACnE,+CAA6C;AAC7C,qFAAyE;AACzE,qFAA8E;AAC9E,sEAA+D;AAE/D,SAAgB,kBAAkB,CAAC,IAAU,EAAE,IAAyB,EAAE,gBAAyB;IAC/F,MAAM,WAAW,GAAG,IAAA,kCAAc,EAAC,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;IACF,MAAM,eAAe,GAAG,GAAG,WAAW,CAAC,IAAI,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC;IAEjE,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;QACnE,cAAc,EAAE,IAAI,CAAC,cAAc;QACnC,uBAAuB,EAAE,IAAI,CAAC,uBAAuB;KACxD,CAAC;IAEF,KAAK,CAAC,IAAI,CAAC,IAAA,4CAAwB,EAAC,6BAA6B,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IACrG,IAAA,wCAAe,EAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE;QACvD,IAAI,2BAAW,CAAC,6BAA6B,EAAE,qBAAqB,CAAC;KACxE,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;AAhCD,gDAgCC"}

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

@@ -0,0 +1,3 @@
+<div class="workflow-view-container" fxLayout="column" fxLayoutAlign="start stretch">
+    <nc-workflow-view fxFlex [showDeleteMenu]="<%= showDeleteMenu %>"></nc-workflow-view>
+</div>

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

@@ -0,0 +1,5 @@
+.workflow-view-container {
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+}

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

@@ -0,0 +1,45 @@
+import {AfterViewInit, Component, OnDestroy, OnInit, ViewChild} from '@angular/core';
+import {
+    NAE_WORKFLOW_SERVICE_CONFIRM_DELETE,
+    PetriNetResourceService,
+    BaseAllowedNetsService,
+    loadAllPages
+} from '@netgrif/components-core';
+import {WorkflowViewComponent} from '@netgrif/components';
+import {Subscription} from 'rxjs';
+
+@Component({
+    selector: '<%= prefix %>-<%= dasherize(className) %>',
+    templateUrl: './<%= dasherize(className) %>.component.html',
+    styleUrls: ['./<%= dasherize(className) %>.component.scss']<% if (confirmWorkflowDeletion !== undefined) { %>,
+    providers: [
+        {provide: NAE_WORKFLOW_SERVICE_CONFIRM_DELETE, useValue: <%= confirmWorkflowDeletion %>}
+    ]
+    <% } %>
+})
+export class <%= classify(className) %>Component implements OnInit, AfterViewInit, OnDestroy {
+
+    @ViewChild(WorkflowViewComponent) workflowViewComp: WorkflowViewComponent;
+
+    private _sub: Subscription;
+
+    constructor(private petriNetRes: PetriNetResourceService, private _baseAllowedNets: BaseAllowedNetsService) {
+    }
+
+    ngOnInit(): void {
+        loadAllPages((a, b) => this.petriNetRes.searchPetriNets(a, b), {}).subscribe(a => console.log(a));
+    }
+
+    ngAfterViewInit(): void {
+        this._sub = this.workflowViewComp.workflows$.subscribe(nets => {
+            this._baseAllowedNets.allowedNets = nets.map(net => net.identifier);
+        });
+    }
+
+    ngOnDestroy(): void {
+        if (this._sub !== undefined) {
+            this._sub.unsubscribe();
+        }
+    }
+
+}

package/src/lib/data-fields/data-field.theme.scss

@@ -93,13 +93,21 @@
         }
 
         .mat-error {
-            font-size: 11px !important;
+            font-size: 10px !important;
             line-height: 18px !important;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            width: 100%;
+            overflow: hidden;
         }
 
         .mat-hint {
             font-size: 11px !important;
             line-height: 18px !important;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            width: 100%;
+            overflow: hidden;
         }
 
         .ql-toolbar.ql-snow {
@@ -222,3 +230,41 @@
     }
 }
 
+.mat-calendar-arrow {
+    border: none !important;
+    width: 10px !important;
+    height: 5px !important;
+}
+ngx-mat-calendar-header .mat-calendar-arrow {
+    border-left: 5px solid transparent !important;
+    border-right: 5px solid transparent !important;
+    border-top-width: 5px !important;
+    border-top-style: solid !important;
+    width: 0 !important;
+    height: 0 !important;
+}
+
+ngx-mat-calendar {
+    .mat-calendar-body-cell {
+        position: relative !important;
+    }
+}
+
+mat-calendar {
+    .mat-calendar-arrow {
+        width: 0;
+        height: 0;
+    }
+
+    .mat-calendar-body-cell {
+        position: absolute !important;
+        height: 100%;
+    }
+}
+
+ngx-mat-datetime-content {
+    .mat-calendar-arrow {
+        width: 0;
+    }
+}
+

package/src/lib/header/header.theme.scss

@@ -14,4 +14,10 @@
     .header-color-font {
         color: mat.get-contrast-color-from-palette($primary, 500);
     }
+
+    .netgrif-header-input {
+        .mat-input-element {
+            caret-color: mat.get-contrast-color-from-palette($primary, 500) !important;
+        }
+    }
 }