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"
7 value="resource-assignment">
12 <div class="row m-b add-attribute">
14 <h5>Add Attribute</h5>
16 <div class="col pr-0 text-center">
17 <button type="button" data-toggle="modal" data-target="#exampleModalScrollable"
18 class="btn btn-secondary"><i class="icon-custom-attribute" type="button"
19 aria-hidden="true"></i></button>
20 <span>Custom Attribute</span>
24 <div class="col text-center">
25 <button type="button" class="btn btn-secondary"><i class="icon-function-attribute"
26 type="button" aria-hidden="true"></i></button>
27 <span>Function Attribute</span>
33 <div class="accordion" id="accordionExample">
35 <div class="card-header row" id="headingOne">
36 <button class="btn btn-link" type="button" data-toggle="collapse"
37 data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
41 <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
42 data-parent="#accordionExample">
43 <div class="card-body action-attributes">
46 <div class="form-group" *ngFor="let input of inputs">
47 <label for="exampleFormControlTextarea1">{{input.name}}
48 <i [hidden]="!input.required" class="icon-required-star"
49 type="button" aria-hidden="true"></i>
50 <i [hidden]="input.required" type="button" aria-hidden="true"></i>
52 <div class="attributeOptions">
53 <a data-toggle="modal" data-target="#exampleModalScrollable2"
54 class="accordion-delete editAttribute"
55 tooltip="Edit Attribute" placement="bottom"><i
56 class="icon-edit"></i></a>
57 <a class="accordion-delete deleteAttribute"
58 tooltip="Delete Attribute" placement="bottom"><i
59 class="icon-delete-sm"></i></a>
69 <div class="accordion" id="accordionExample1">
71 <div class="card-header row" id="headingOne">
72 <button class="btn btn-link" type="button" data-toggle="collapse"
73 data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
78 <div id="collapseTwo" class="collapse show" aria-labelledby="headingOne"
79 data-parent="#accordionExample1">
80 <div class="card-body">
83 <div class="form-group" *ngFor="let output of outputs">
84 <label for="exampleFormControlTextarea1">{{output.name}}
85 <i [hidden]="output.required"
86 class="icon-required-star optional-attribute" type="button"
87 aria-hidden="true"></i>
88 <i [hidden]="output.required" class="optional-attribute"
89 type="button" aria-hidden="true"></i>
99 <!--Action - Add Custom Attribute - Modal-->
100 <div class="modal fade" id="exampleModalScrollable" tabindex="-1" role="dialog"
101 aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
102 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
103 <div class="modal-content">
104 <div class="modal-header">
105 <h5 class="modal-title" id="exampleModalScrollableTitle">
106 Add Custom Attributes</h5>
107 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
108 <img src="assets/img/icon-close.svg"/>
111 <div class="modal-body createAttributeTabs">
112 <!--Action - Inputs & Outputs Attribute-->
113 <ul class="nav nav-tabs" id="myTab" role="tablist">
114 <li class="nav-item">
115 <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
116 aria-controls="home" aria-selected="true">Inputs</a>
118 <li class="nav-item">
119 <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
120 aria-controls="profile" aria-selected="false">Outputs</a>
123 <div class="tab-content" id="myTabContent">
125 <div class="tab-pane fade show active create-form" id="home" role="tabpanel"
126 aria-labelledby="home-tab">
127 <div class="form-group row">
128 <label for="inputEmail3" class="col-sm-3 col-form-label">Name <span>*</span></label>
129 <div class="col-sm-9">
130 <input [(ngModel)]="inputActionAttribute.name" type="email" class="form-control"
131 id="inputEmail3" placeholder="Attribute name">
134 <div class="form-group row">
135 <label for="inputPassword3" class="col-sm-3 col-form-label">Description</label>
136 <div class="col-sm-9">
137 <input [(ngModel)]="inputActionAttribute.description" type="text" class="form-control"
139 placeholder="Add some description">
142 <div class="form-group row">
143 <label class="col-form-label col-sm-3 pt-0">Type <span>*</span></label>
144 <div class="col-sm-9">
145 <div class="list-group list-group-horizontal">
146 <button type="button"
147 class="list-group-item list-group-item-action"
148 (click)="setInputType('String')">
151 <button type="button"
152 class="list-group-item list-group-item-action"
153 (click)="setInputType('Integer')">Integer
155 <button type="button"
156 class="list-group-item list-group-item-action"
157 (click)="setInputType('Boolean')">Boolean
159 <button type="button" class="list-group-item list-group-item-action"
160 (click)="setInputType('List')">List
162 <button type="button" class="list-group-item list-group-item-action"
163 (click)="setInputType('Other')">Other
169 <div class="form-group row">
170 <label class="col-form-label col-sm-3 pt-0">Required <span>*</span></label>
171 <div class="col-sm-9">
172 <div class="custom-control custom-radio custom-control-inline">
173 <input type="radio" id="customRadioInline1" name="customRadioInline1"
174 class="custom-control-input" (click)="setInputRequired(true)">
175 <label class="custom-control-label" for="customRadioInline1">True</label>
177 <div class="custom-control custom-radio custom-control-inline">
178 <input type="radio" id="customRadioInline2" name="customRadioInline1"
179 class="custom-control-input" (click)="setInputRequired(false)">
180 <label class="custom-control-label" for="customRadioInline2">False</label>
186 <div class="tab-pane fade create-form" id="profile" role="tabpanel" aria-labelledby="profile-tab">
187 <div class="form-group row">
188 <label for="inputEmail3" class="col-sm-3 col-form-label">Name <span>*</span></label>
189 <div class="col-sm-9">
190 <input [(ngModel)]="outputActionAttribute.name" type="email" class="form-control"
191 id="inputEmail3" placeholder="Attribute name">
194 <div class="form-group row">
195 <label for="inputPassword3" class="col-sm-3 col-form-label">Description</label>
196 <div class="col-sm-9">
197 <input [(ngModel)]="outputActionAttribute.description"
198 type="text" class="form-control" id="inputPassword3"
199 placeholder="Add some description">
202 <div class="form-group row">
203 <label class="col-form-label col-sm-3 pt-0">Type <span>*</span></label>
204 <div class="col-sm-9">
205 <div class="list-group list-group-horizontal">
206 <button type="button" class="list-group-item list-group-item-action">String</button>
207 <button type="button"
208 class="list-group-item list-group-item-action"
209 (click)="setOutputType('Integer')">
212 <button type="button"
213 class="list-group-item list-group-item-action"
214 (click)="setOutputType('Boolean')">
217 <button type="button" class="list-group-item list-group-item-action"
218 (click)="setOutputType('List')">
221 <button type="button"
222 class="list-group-item list-group-item-action"
223 (click)="setOutputType('Other')">
227 <input type="text" class="form-control mt-2 mb-2" id="inputPassword3"
228 placeholder="Add Other type name">
231 <div class="form-group row">
232 <label class="col-form-label col-sm-3 pt-0">Required <span>*</span></label>
233 <div class="col-sm-9">
234 <div class="custom-control custom-radio custom-control-inline">
235 <input type="radio" id="customRadioInline1" name="customRadioInline1"
236 class="custom-control-input" (click)="setOutputRequired(true)">
237 <label class="custom-control-label" for="customRadioInline1">True</label>
239 <div class="custom-control custom-radio custom-control-inline">
240 <input type="radio" id="customRadioInline2" name="customRadioInline1"
241 class="custom-control-input">
242 <label class="custom-control-label" for="customRadioInline2"
243 (click)="setOutputRequired(false)">False</label>
250 <div class="modal-footer">
251 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
252 <button type="button" class="btn btn-primary" (click)="submitAttributes()">Submit Attributes</button>
257 <!--Delete Action - Modal-->
258 <div class="modal fade" id="exampleModalScrollable1" tabindex="-1" role="dialog"
259 aria-labelledby="exampleModalScrollableTitle1" aria-hidden="true">
260 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
261 <div class="modal-content">
262 <div class="modal-header">
263 <h5 class="modal-title" id="exampleModalScrollableTitle1">
265 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
266 <img src="assets/img/icon-close.svg"/>
269 <div class="modal-body">
270 Are you sure you want to delete <b>resource-assignment</b> action?
272 <div class="modal-footer">
273 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
274 <button type="button" class="btn btn-primary">Delete</button>
279 <!--Action - Edit Custom Attribute - Modal-->
280 <div class="modal fade" id="exampleModalScrollable2" tabindex="-1" role="dialog"
281 aria-labelledby="exampleModalScrollableTitle2" aria-hidden="true">
282 <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
283 <div class="modal-content">
284 <div class="modal-header">
285 <h5 class="modal-title" id="exampleModalScrollableTitle2">
286 Edit Custom Attributes</h5>
287 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
288 <img src="assets/img/icon-close.svg"/>
291 <div class="modal-body createAttributeTabs">
292 <div class="create-form">
293 <div class="form-group row">
294 <label for="inputEmail3" class="col-sm-3 col-form-label">Name <span>*</span></label>
295 <div class="col-sm-9">
296 <input type="email" class="form-control" id="inputEmail3" placeholder="Attribute name"
297 value="resource-assignment-properties">
300 <div class="form-group row">
301 <label for="inputPassword3" class="col-sm-3 col-form-label">Description</label>
302 <div class="col-sm-9">
303 <input type="text" class="form-control" id="inputPassword3"
304 placeholder="Add some description"
305 value="Dynamic PropertyDefinition for workflow(resource-assignment).">
308 <div class="form-group row">
309 <label class="col-form-label col-sm-3 pt-0">Type <span>*</span></label>
310 <div class="col-sm-9">
311 <div class="list-group list-group-horizontal">
312 <button type="button"
313 class="list-group-item list-group-item-action">String
315 <button type="button" class="list-group-item list-group-item-action">Integer</button>
316 <button type="button" class="list-group-item list-group-item-action">Boolean</button>
317 <button type="button" class="list-group-item list-group-item-action">List</button>
318 <button type="button" class="list-group-item list-group-item-action active">Other
321 <input type="text" class="form-control mt-2 mb-2" id="inputPassword3"
322 placeholder="Add Other type name" value="dt-resource-assignment-properties">
325 <div class="form-group row">
326 <label class="col-form-label col-sm-3 pt-0">Required <span>*</span></label>
327 <div class="col-sm-9">
328 <div class="custom-control custom-radio custom-control-inline">
329 <input type="radio" id="customRadioInline1" name="customRadioInline1"
330 class="custom-control-input" checked>
331 <label class="custom-control-label" for="customRadioInline1">True</label>
333 <div class="custom-control custom-radio custom-control-inline">
334 <input type="radio" id="customRadioInline2" name="customRadioInline1"
335 class="custom-control-input">
336 <label class="custom-control-label" for="customRadioInline2">False</label>
341 <div class="modal-footer">
342 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
343 <button type="button" class="btn btn-primary">Save</button>