merge from ecomp a88f0072 - Modern UI

Issue-ID: VID-378
Change-Id: Ibcb23dd27f550cf32ce2fe0239f0f496ae014ff6
Signed-off-by: Ittay Stern <ittay.stern@att.com>

1 files changed, 47 insertions, 0 deletions

diff --git a/vid-webpack-master/src/app/shared/components/svg/svg-component.ts b/vid-webpack-master/src/app/shared/components/svg/svg-component.ts
new file mode 100644
index 000000000..2e4642432
--- /dev/null
+++ b/vid-webpack-master/src/app/shared/components/svg/svg-component.ts
@@ -0,0 +1,47 @@
+import {
+  AfterViewChecked,
+  Component,
+  ElementRef,
+  EventEmitter,
+  Input,
+  Output
+} from "@angular/core";
+import * as _ from 'lodash';
+
+@Component({
+  selector : 'vid-svg-icon',
+  template: `    
+      <svg-icon
+        [mode]="mode"
+        [size]="size"
+        [name]="name"
+        [testId]="testId"
+        [clickable]="clickable">
+    </svg-icon>
+  `,
+
+
+})
+export class SvgComponent implements AfterViewChecked{
+  @Input() mode : string = 'primary';
+  @Input() size : string = 'large';
+  @Input() testId : string = null;
+  @Input() name : string = null;
+  @Input() clickable : boolean = false;
+  @Input() fill : string ;
+  @Input() widthViewBox: string = null;
+  @Input() heightViewBox: string = null;
+
+  constructor(private elRef: ElementRef) {}
+
+  ngAfterViewChecked(): void {
+    if(!_.isNil(this.fill)){
+      this.elRef.nativeElement.children[0].children[0].children[0].style.fill = this.fill;
+    }
+
+    if(this.widthViewBox && this.heightViewBox){
+      this.elRef.nativeElement.children[0].children[0].children[0].setAttribute('viewBox', "1 1 " + this.widthViewBox + " " + this.heightViewBox)
+    }
+
+  }
+}