X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=vid-webpack-master%2Fsrc%2Fapp%2Fshared%2Fcomponents%2FgenericFormPopup%2FinstantiationTemplatesModal%2Finstantiation.templates.modal.component.html;h=e2922b2a20748e1f0668ee8a81afb808862b9f31;hb=51d9784740b2fa457fe39046de222930d07da0c1;hp=19f641a560b78379fb4811fa1f311158cd652cd8;hpb=60e01349f8b829b4d9269d978ce41f09b6155196;p=vid.git

diff --git a/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.html b/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.html
index 19f641a56..e2922b2a2 100644
--- a/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.html
+++ b/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.html
@@ -2,6 +2,7 @@
   <div class="modal-content">
     <div class="modal-header">
       <button type="button"
+              [attr.data-tests-id]="'closeModal'"
               class="close"
               (click)="closeModal()">&times;
       </button>
@@ -24,6 +25,17 @@
         </div>
         <div class="col-md-6">
           <div class="col-md-6">
+            <div class="details-item" style="text-align: center;">
+              <input type="checkbox"
+                     #filterByUserIdCheckbox
+                     id="filterByUserIdCheckbox"
+                     [attr.data-tests-id]="'filterByUserIdTestId'"
+                     [checked]="filterByUserId"
+                     (change)="filterByUserIdChanged(filterByUserIdCheckbox.checked)"
+                     data-toggle="toggle">
+              <label class="checkbox-label"
+                     for="'filterByUserIdTestId'">Show only mine</label>
+            </div>
           </div>
           <div class="col-md-6">
             <input
@@ -33,8 +45,8 @@
           </div>
         </div>
       </div>
-      <div class="row" style="margin-left: 0;margin-right: 0;padding: 20px;">
-        <table id="member-table" class="table table-bordered" style="table-layout: fixed">
+      <div class="row table-container">
+        <table id="member-table" class="table table-bordered table-responsive" style="table-layout: fixed">
           <thead class="thead-dark">
           <tr>
             <th class="header-title" id="header-userId">User ID</th>
@@ -49,9 +61,9 @@
           </thead>
           <tbody>
           <tr class="member-table-row"
-              *ngFor="let item of filterTableData | searchFilter: filterText ;"
-              (click)="selectedJobId = item.jobId"
-              [ngClass]="{'selected' : selectedJobId === item.jobId}"
+              *ngFor="let item of filterTableData | searchFilter: filterText;"
+              (click)="selectedInstantiation = item"
+              [ngClass]="{'selected' : selectedInstantiation && selectedInstantiation.jobId === item.jobId}"
               [attr.data-tests-id]="'row-' + item.jobId">
             <td>
               <div>
@@ -148,7 +160,7 @@
       </div>
       <div class="col-md-6" style="padding: 15px;padding-right: 35px;">
         <button
-          [disabled]="selectedJobId === null"
+          [disabled]="selectedInstantiation === null"
           [attr.data-tests-id]="'LoadTemplateButton'"
           type="button" class="btn btn-primary submit"
           (click)="loadTemplate()"><span>Load Template</span>