Move onap UI loader and icons to VID

Issue-ID: VID-748

Change-Id: If79180e55651ad29bd2771a35855209419d1a0f5
Signed-off-by: Yoav Schneiderman <yoav.schneiderman@intl.att.com>

3 files changed, 12 insertions, 12 deletions

diff --git a/vid-webpack-master/src/app/drawingBoard/service-planning/available-models-tree/available-models-tree.component.html b/vid-webpack-master/src/app/drawingBoard/service-planning/available-models-tree/available-models-tree.component.html
index 7864808fc..d309f2107 100644
--- a/vid-webpack-master/src/app/drawingBoard/service-planning/available-models-tree/available-models-tree.component.html
+++ b/vid-webpack-master/src/app/drawingBoard/service-planning/available-models-tree/available-models-tree.component.html
@@ -29,10 +29,10 @@
               <span [attr.data-tests-id]="'numberButton'">{{node.data.getNodeCount(node, this.serviceModelId)}}</span>
             </span>
             <span class="icon-v" *ngIf="node?.data?.showNodeIcons(node, serviceModelId)?.vIcon">
-                <svg-icon
+                <custom-icon
                   [mode]="'secondary'"
                   [name]="'maximum'">
-              </svg-icon>
+              </custom-icon>
             </span>
             <span class="icon-plus" *ngIf="_store.getState().service.serviceInstance[serviceModelId].action !== 'Delete' && node?.data?.showNodeIcons(node, serviceModelId)?.addIcon">
               <span tooltip="Add" [attr.data-tests-id]="'node-'+node.data.name+'-add-btn'" (click)="onClickAdd(node, serviceModelId)">
diff --git a/vid-webpack-master/src/app/drawingBoard/service-planning/drawing-board-header/drawing-board-header.component.html b/vid-webpack-master/src/app/drawingBoard/service-planning/drawing-board-header/drawing-board-header.component.html
index 7a18bce89..2c046785d 100644
--- a/vid-webpack-master/src/app/drawingBoard/service-planning/drawing-board-header/drawing-board-header.component.html
+++ b/vid-webpack-master/src/app/drawingBoard/service-planning/drawing-board-header/drawing-board-header.component.html
@@ -2,12 +2,12 @@
   <div class="left-header">
     <span class="vid-logo-small"></span>
     <span class="icon-back">
-      <svg-icon
+      <custom-icon
         (click)="closePage()"
         [testId]="'backBtn'"
         [size]="'large'"
         [name]="'navigation-arrow-back'">
-      </svg-icon>
+      </custom-icon>
     </span>
 
     <div class="header-col middleDetails" style="padding-top: 7px;padding-left: 13px;line-height: 100%;" *ngIf="isServiceFailed">
@@ -59,12 +59,12 @@
         <ng-template *ngIf="mode !== 'CREATE'" contextMenuItem
                      (execute)="drawingBoardHeaderService.showAuditInfo(serviceModelId)">
           <div  [attr.data-tests-id]="'context-menu-header-audit-item'" style="float: left;margin-top: 8px;">
-                  <svg-icon
+                  <custom-icon
                     [ngClass]="'eye-o'"
                     class="eye-o"
                     [size]="'small'"
                     [name]="'eye-o'">
-                </svg-icon></div>
+                </custom-icon></div>
                 <div style="padding-left: 12px;">Show Audit Info</div>
         </ng-template>
         <ng-template *ngIf="drawingBoardHeaderService?.showResumeService(serviceModelId)" contextMenuItem
diff --git a/vid-webpack-master/src/app/drawingBoard/service-planning/drawing-board-tree/drawing-board-tree.html b/vid-webpack-master/src/app/drawingBoard/service-planning/drawing-board-tree/drawing-board-tree.html
index ea2362949..610986279 100644
--- a/vid-webpack-master/src/app/drawingBoard/service-planning/drawing-board-tree/drawing-board-tree.html
+++ b/vid-webpack-master/src/app/drawingBoard/service-planning/drawing-board-tree/drawing-board-tree.html
@@ -41,12 +41,12 @@
           <div><span title="{{node.data.type}}"
                      [attr.data-tests-id]="'node-type-indicator'">{{node?.data?.typeName}}</span></div>
           <div *ngIf="isLinkedInstance(node?.data)">
-            <svg-icon
+            <custom-icon
               [ngClass]="'link'"
               class="icon-link"
               [size]="'small'"
               [name]="'link'">
-            </svg-icon>
+            </custom-icon>
           </div>
         </div>
         <div class="model-info" [ngClass]="{'rightBorder' : pageMode === 'VIEW'}">
@@ -78,12 +78,12 @@
                          [enabled]="isEnabled(currentNode, serviceModelId, contextMenuOption.methodName)">
               <div [attr.data-tests-id]="contextMenuOption.dataTestId">
                 <div style="float: left;margin-top: 3px;">
-                  <svg-icon
+                  <custom-icon
                     class="icon-edit"
                     [ngClass]="contextMenuOption.iconClass"
                     [size]="'small'"
                     [name]="contextMenuOption.iconClass">
-                </svg-icon></div>
+                </custom-icon></div>
                 <div style="padding-left: 25px;">{{getcontextMenuOptionLabel(contextMenuOption)}}</div>
               </div>
             </ng-template>
@@ -95,12 +95,12 @@
             tooltipPlacement="left"
             [attr.data-tests-id]="'node-'+ node.data.modelId + '-' + node.data.modelName +'-alert-icon'"
             class="icon-alert">
-              <svg-icon
+              <custom-icon
                 [mode]="'warning'"
                 [testId]="'icon-alert'"
                 [size]="'medium'"
                 [name]="'alert-triangle-o'">
-              </svg-icon>
+              </custom-icon>
           </span>
         </div>