[NAB-378] Global role support

- Add global flag support for roles and improve role ID form
- Enhanced role model to include a global flag.
- Updated role-detail component to handle global flag changes.
- Updated `@netgrif/petriflow` dependency to 2.2.1.

Author: tuplle

.gitignore

@@ -51,6 +51,7 @@ Thumbs.db
 .scannerwork/
 out/
 package-lock.json
+pnpm-lock.yaml
 ### JetBrains template
 # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
 # Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839

package.json

@@ -59,7 +59,7 @@
         "@netgrif/components": "7.0.0-beta.1",
         "@netgrif/components-core": "7.0.0-beta.1",
         "@netgrif/petri.svg": "1.1.1",
-        "@netgrif/petriflow": "2.2.0",
+        "@netgrif/petriflow": "2.2.1",
         "@netgrif/petriflow.svg": "1.1.1",
         "@ngbracket/ngx-layout": "^17.0.1",
         "@ngx-translate/core": "~15.0.0",

src/app/modeler/role-mode/role-detail/role-detail.component.html

@@ -4,9 +4,11 @@
 
         <mat-form-field fxFlex="45">
             <mat-label>Id</mat-label>
-            <input matInput [(ngModel)]="role.role.id" (change)="changeId($event)" [formControl]="form">
-            <mat-error *ngIf="form.errors && form.errors.required">Id is required</mat-error>
-            <mat-error *ngIf="form.errors && form.errors.validUnique">Transition with given id already exists</mat-error>
+            <input matInput [(ngModel)]="role.role.id" (change)="changeId($event)" [formControl]="roleIdForm">
+            <mat-error *ngIf="roleIdForm.errors && roleIdForm.errors.required">Id is required</mat-error>
+            <mat-error *ngIf="roleIdForm.errors && roleIdForm.errors.validUnique">
+                Transition with given id already exists
+            </mat-error>
         </mat-form-field>
 
         <div fxFlex="2.5"></div>
@@ -21,9 +23,17 @@
     <div fxLayout="row wrap" fxLayoutAlign="start center">
         <div fxFlex="2.5"></div>
 
+        <div fxFlex="45">
+            <mat-checkbox [ngModel]="role.role.global" (change)="changeGlobalFlag($event)">
+                Is Global
+            </mat-checkbox>
+        </div>
+
+        <div fxFlex="2.5"></div>
+
         <button mat-stroked-button color="primary" (click)="openActions()" mat-dialog-close>
             <mat-icon>code</mat-icon>
-            <span>Edit Actions ({{numberOfActions()}})</span>
+            <span>Edit Actions ({{ numberOfActions() }})</span>
         </button>
 
         <div fxFlex></div>

src/app/modeler/role-mode/role-detail/role-detail.component.ts

@@ -13,21 +13,21 @@ import {ModelerUtils} from '../../modeler-utils';
 @Component({
     selector: 'nab-role-detail',
     templateUrl: './role-detail.component.html',
-    styleUrl: './role-detail.component.scss'
+    styleUrl: './role-detail.component.scss',
 })
 export class RoleDetailComponent implements OnDestroy {
 
     public role: ChangedRole;
     public shouldSave: boolean = false;
-    public form: FormControl;
+    public roleIdForm: FormControl;
 
     public constructor(
         private _masterService: RoleMasterDetailService,
         private _modelService: ModelService,
         private _router: Router,
         private _actionMode: ActionsModeService,
         private _actionsMasterDetail: ActionsMasterDetailService,
-        protected _historyService: HistoryService
+        protected _historyService: HistoryService,
     ) {
         this._masterService.getSelected$().subscribe(item => {
             this.saveChange();
@@ -36,9 +36,9 @@ export class RoleDetailComponent implements OnDestroy {
             }
             this.role = new ChangedRole(item.clone());
         });
-        this.form = new FormControl('', [
+        this.roleIdForm = new FormControl('', [
             Validators.required,
-            this.validUnique()
+            this.validUnique(),
         ]);
     }
 
@@ -75,6 +75,11 @@ export class RoleDetailComponent implements OnDestroy {
         this.shouldSave = true;
     }
 
+    changeGlobalFlag($event): void {
+        this.role.role.global = $event.checked;
+        this.shouldSave = true;
+    }
+
     get item(): Role {
         return this.service.getSelected();
     }

src/app/modeler/services/model/model.service.ts

@@ -365,6 +365,7 @@ export class ModelService {
         const role = this.model.getRole(newRole.id);
         role.id = newRole.role.id;
         role.title = newRole.role.title;
+        role.global = newRole.role.global;
         this.model.removeRole(newRole.id);
         this.model.addRole(role);