1 <div class="scrollWrapper">
4 <div class="form-group">
5 <label for="exampleInputEmail1">Action Name</label>
6 <input type="text" class="form-control" placeholder="Action Name" readonly [value]="actionName">
11 <div class="row m-b add-attribute">
13 <h5>Add Attribute</h5>
15 <div class="col pr-0 text-center">
16 <button type="button" data-toggle="modal" data-target="#exampleModalScrollable"
17 class="btn btn-secondary"><i class="icon-custom-attribute" type="button"
18 aria-hidden="true"></i></button>
19 <span>Custom Attribute</span>
21 <div class="col text-center">
22 <button type="button" class="btn btn-secondary"><i class="icon-function-attribute" type="button"
23 aria-hidden="true"></i></button>
24 <span>Function Attribute</span>
30 <div class="accordion" id="accordionExample">
32 <div class="card-header" id="headingOne">
34 <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne"
35 aria-expanded="true" aria-controls="collapseOne">
40 <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
41 <div class="card-body action-attributes">
44 <div class="form-group" *ngFor="let input of inputs">
45 <label for="exampleFormControlTextarea1">{{input.name}}
46 <i [hidden]="!input.required" class="icon-required-star" type="button"
47 aria-hidden="true"></i>
48 <i [hidden]="input.required" type="button" aria-hidden="true"></i>
50 <div class="attributeOptions">
51 <a data-toggle="modal" data-target="#exampleModalScrollable2"
52 class="accordion-delete editAttribute" tooltip="Edit Attribute"
53 placement="bottom"><i class="icon-edit"></i></a>
54 <a class="accordion-delete deleteAttribute" tooltip="Delete Attribute"
55 placement="bottom"><i class="icon-delete-sm"></i></a>
65 <div class="accordion" id="accordionExample1">
67 <div class="card-header" id="headingOne">
69 <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo"
70 aria-expanded="true" aria-controls="collapseTwo">
76 <div id="collapseTwo" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample1">
77 <div class="card-body">
80 <div class="form-group" *ngFor="let output of outputs">
81 <label for="exampleFormControlTextarea1">{{output.name}}
82 <i [hidden]="!output.required" class="icon-required-star" type="button"
83 aria-hidden="true"></i>
84 <i [hidden]="output.required" class="optional-attribute" type="button"
85 aria-hidden="true"></i>
96 <!--Action - Add Custom Attribute - Modal-->
97 <div class="modal fade" id="exampleModalScrollable" tabindex="-1" role="dialog"
98 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
99 <div class="modal-dialog modal-dialog-scrollable" role="document">
100 <div class="modal-content">
101 <div class="modal-header">
102 <h5 class="modal-title" id="exampleModalScrollableTitle">
103 Add Custom Attributes</h5>
104 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
105 <img src="assets/img/icon-close.svg"/>
108 <div class="modal-body createAttributeTabs">
109 <!--Action - Inputs & Outputs Attribute-->
110 <ul class="nav nav-tabs" id="myTab" role="tablist">
111 <li class="nav-item">
112 <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
113 aria-controls="home" aria-selected="true">Inputs</a>
115 <li class="nav-item">
116 <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
117 aria-controls="profile" aria-selected="false">Outputs</a>
120 <div class="tab-content" id="myTabContent">
122 <div class="tab-pane fade show active create-form" id="home" role="tabpanel"
123 aria-labelledby="home-tab">
124 <div class="form-group row">
125 <label for="inputEmail3" class="col-sm-3 col-form-label">Name <span>*</span></label>
126 <div class="col-sm-9">
127 <input [(ngModel)]="inputActionAttribute.name" type="email" class="form-control"
128 id="inputEmail3" placeholder="Attribute name">
131 <div class="form-group row">
132 <label for="inputPassword3" class="col-sm-3 col-form-label">Description</label>
133 <div class="col-sm-9">
134 <input [(ngModel)]="inputActionAttribute.description" type="text" class="form-control"
135 id="inputPassword3" placeholder="Add some description">
138 <div class="form-group row">
139 <label class="col-form-label col-sm-3 pt-0">Type <span>*</span></label>
140 <div class="col-sm-9">
141 <div class="list-group list-group-horizontal">
142 <button type="button" class="list-group-item list-group-item-action"
143 (click)="setInputType('String')">
146 <button type="button" class="list-group-item list-group-item-action"
147 (click)="setInputType('Integer')">Integer
149 <button type="button" class="list-group-item list-group-item-action"
150 (click)="setInputType('Boolean')">Boolean
152 <button type="button" class="list-group-item list-group-item-action"
153 (click)="setInputType('List')">List
155 <button type="button" class="list-group-item list-group-item-action"
156 (click)="setInputType('Other')">Other
159 <input [hidden]="!isInputOtherType" type="text" class="form-control mt-2 mb-2"
160 id="inputPassword4" placeholder="Add Other type name"
161 [(ngModel)]="inputOtherType"
162 (change)="setInputType(inputOtherType)">
166 <div class="form-group row">
167 <label class="col-form-label col-sm-3 pt-0">Required <span>*</span></label>
168 <div class="col-sm-9">
169 <div class="custom-control custom-radio custom-control-inline">
170 <input type="radio" id="customRadioInline1" name="customRadioInline1"
171 class="custom-control-input" (click)="setInputRequired(true)">
172 <label class="custom-control-label" for="customRadioInline1">True</label>
174 <div class="custom-control custom-radio custom-control-inline">
175 <input type="radio" id="customRadioInline2" name="customRadioInline1"
176 class="custom-control-input" (click)="setInputRequired(false)">
177 <label class="custom-control-label" for="customRadioInline2">False</label>
183 <div class="tab-pane fade create-form" id="profile" role="tabpanel" aria-labelledby="profile-tab">
184 <div class="form-group row">
185 <label for="inputEmail3" class="col-sm-3 col-form-label">Name <span>*</span></label>
186 <div class="col-sm-9">
187 <input [(ngModel)]="outputActionAttribute.name" type="email" class="form-control"
188 id="inputEmail3" placeholder="Attribute name">
191 <div class="form-group row">
192 <label for="inputPassword3" class="col-sm-3 col-form-label">Description</label>
193 <div class="col-sm-9">
194 <input [(ngModel)]="outputActionAttribute.description" type="text" class="form-control"
195 id="inputPassword3" placeholder="Add some description">
198 <div class="form-group row">
199 <label class="col-form-label col-sm-3 pt-0">Type <span>*</span></label>
200 <div class="col-sm-9">
201 <div class="list-group list-group-horizontal">
202 <button type="button" class="list-group-item list-group-item-action"
203 (click)="setOutputType('String')">String
205 <button type="button" class="list-group-item list-group-item-action"
206 (click)="setOutputType('Integer')">
209 <button type="button" class="list-group-item list-group-item-action"
210 (click)="setOutputType('Boolean')">
213 <button type="button" class="list-group-item list-group-item-action"
214 (click)="setOutputType('List')">
217 <button type="button" class="list-group-item list-group-item-action"
218 (click)="setOutputType('Other')">
222 <input [hidden]="!isOutputOtherType" type="text" class="form-control mt-2 mb-2"
223 id="inputPassword3" placeholder="Add Other type name"
224 [(ngModel)]="outputOtherType"
225 (change)="setOutputType(outputOtherType)">
228 <div class="form-group row">
229 <label class="col-form-label col-sm-3 pt-0">Required <span>*</span></label>
230 <div class="col-sm-9">
231 <div class="custom-control custom-radio custom-control-inline">
232 <input type="radio" id="customRadioInline3" name="customRadioInline3"
233 class="custom-control-input" (click)="setOutputRequired(true)">
234 <label class="custom-control-label" for="customRadioInline3">True</label>
236 <div class="custom-control custom-radio custom-control-inline">
237 <input type="radio" id="customRadioInline4" name="customRadioInline3"
238 class="custom-control-input">
239 <label class="custom-control-label" for="customRadioInline4"
240 (click)="setOutputRequired(false)">False</label>
247 <div class="modal-footer">
248 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
249 <button type="button" class="btn btn-primary" (click)="submitAttributes()">Submit Attributes</button>
254 <!--Delete Action - Modal-->
255 <div class="modal fade" id="exampleModalScrollable1" tabindex="-1" role="dialog"
256 aria-labelledby="exampleModalScrollableTitle1" aria-hidden="true">
257 <div class="modal-dialog modal-dialog-scrollable" role="document">
258 <div class="modal-content">
259 <div class="modal-header">
260 <h5 class="modal-title" id="exampleModalScrollableTitle1">
262 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
263 <img src="assets/img/icon-close.svg"/>
266 <div class="modal-body">
267 Are you sure you want to delete <b>resource-assignment</b> action?
269 <div class="modal-footer">
270 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
271 <button type="button" class="btn btn-primary">Delete</button>
276 <!--Action - Edit Custom Attribute - Modal-->
277 <div class="modal fade" id="exampleModalScrollable2" tabindex="-1" role="dialog"
278 aria-labelledby="exampleModalScrollableTitle2" aria-hidden="true">
279 <div class="modal-dialog modal-dialog-scrollable" role="document">
280 <div class="modal-content">
281 <div class="modal-header">
282 <h5 class="modal-title" id="exampleModalScrollableTitle2">
283 Edit Custom Attributes</h5>
284 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
285 <img src="assets/img/icon-close.svg"/>
288 <div class="modal-body createAttributeTabs">
289 <div class="create-form">
290 <div class="form-group row">
291 <label for="inputEmail3" class="col-sm-3 col-form-label">Name <span>*</span></label>
292 <div class="col-sm-9">
293 <input type="email" class="form-control" id="inputEmail3" placeholder="Attribute name"
294 value="resource-assignment-properties">
297 <div class="form-group row">
298 <label for="inputPassword3" class="col-sm-3 col-form-label">Description</label>
299 <div class="col-sm-9">
300 <input type="text" class="form-control" id="inputPassword3"
301 placeholder="Add some description"
302 value="Dynamic PropertyDefinition for workflow(resource-assignment).">
305 <div class="form-group row">
306 <label class="col-form-label col-sm-3 pt-0">Type <span>*</span></label>
307 <div class="col-sm-9">
308 <div class="list-group list-group-horizontal">
309 <button type="button" class="list-group-item list-group-item-action">String
311 <button type="button" class="list-group-item list-group-item-action">Integer</button>
312 <button type="button" class="list-group-item list-group-item-action">Boolean</button>
313 <button type="button" class="list-group-item list-group-item-action">List</button>
314 <button type="button" class="list-group-item list-group-item-action active">Other
317 <input type="text" class="form-control mt-2 mb-2" id="inputPassword3"
318 placeholder="Add Other type name" value="dt-resource-assignment-properties">
321 <div class="form-group row">
322 <label class="col-form-label col-sm-3 pt-0">Required <span>*</span></label>
323 <div class="col-sm-9">
324 <div class="custom-control custom-radio custom-control-inline">
325 <input type="radio" id="customRadioInline1" name="customRadioInline1"
326 class="custom-control-input" checked>
327 <label class="custom-control-label" for="customRadioInline1">True</label>
329 <div class="custom-control custom-radio custom-control-inline">
330 <input type="radio" id="customRadioInline2" name="customRadioInline1"
331 class="custom-control-input">
332 <label class="custom-control-label" for="customRadioInline2">False</label>
337 <div class="modal-footer">
338 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
339 <button type="button" class="btn btn-primary">Save</button>