bm-process-diagram.component.html 2.65 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<ng-template #addProcessPatternModal let-d="dismiss">
  <div class="modal-header">
    <h4 class="modal-title">Add Process Pattern</h4>
    <button type="button" class="close" aria-label="Close" (click)="d()">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    <div class="text-muted pt-3">
      <app-select-process-pattern-form
        (submitProcessPatternForm)="addProcessPattern($event)"></app-select-process-pattern-form>
    </div>
  </div>
</ng-template>

16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<ng-template #showCategoriesModal let-d="dismiss">
  <div class="modal-header">
    <h4 class="modal-title">Show categories of {{modalElement.businessObject.name}}</h4>
    <button type="button" class="close" aria-label="Close" (click)="d()">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    <h5>Needed</h5>
    <ul class="list-group" *ngIf="modalElement.businessObject.get('neededCategory').length > 0">
      <li class="list-group-item"
          *ngFor="let category of modalElement.businessObject.get('neededCategory')">{{category}}</li>
    </ul>
    <div class="alert alert-info" *ngIf="modalElement.businessObject.get('neededCategory').length === 0">
      No needed categories defined for this task.
    </div>
    <h5 class="mt-3">Forbidden</h5>
    <ul class="list-group" *ngIf="modalElement.businessObject.get('forbiddenCategory').length > 0">
      <li class="list-group-item"
          *ngFor="let category of modalElement.businessObject.get('forbiddenCategory')">{{category}}</li>
    </ul>
    <div class="alert alert-info" *ngIf="modalElement.businessObject.get('forbiddenCategory').length === 0">
      No forbidden categories defined for this task.
    </div>
  </div>
</ng-template>

43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<ng-template #deleteProcessPatternModal let-d="dismiss">
  <div class="modal-header">
    <h4 class="modal-title">Delete Process Pattern {{modalElement.businessObject.name}}</h4>
    <button type="button" class="close" aria-label="Close" (click)="d()">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    <div class="alert alert-warning">Deleting the process pattern {{modalElement.businessObject.name}}.</div>
  </div>
  <div class="modal-footer">
    <button class="btn btn-danger btn-block" (click)="deleteProcessPattern(modalElement); d()">
      Delete Process Pattern
    </button>
  </div>
</ng-template>

60
<div #canvas class="border" style="height: 500px"></div>
61
62
63
64
65
66
<div class="container">
  <div class="my-3 p-3 bg-white rounded shadow-sm">
    <h6 class="border-bottom border-gray pb-2">Controls</h6>
    <button class="btn btn-primary" (click)="save()">Save Diagram</button>
  </div>
</div>
67