aboutsummaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/shared/components/svg
diff options
context:
space:
mode:
authorIttay Stern <ittay.stern@att.com>2018-08-29 17:01:32 +0300
committerIttay Stern <ittay.stern@att.com>2019-02-18 18:35:30 +0200
commit6f900cc45d7dd7f97430812b86b5c1d1693c8ae3 (patch)
tree936005c364dc5a7264d6304d4777c3d83494db22 /vid-webpack-master/src/app/shared/components/svg
parent67d99f816cc583643c35193197594cf78d8ce60a (diff)
merge from ecomp a88f0072 - Modern UI
Issue-ID: VID-378 Change-Id: Ibcb23dd27f550cf32ce2fe0239f0f496ae014ff6 Signed-off-by: Ittay Stern <ittay.stern@att.com>
Diffstat (limited to 'vid-webpack-master/src/app/shared/components/svg')
-rw-r--r--vid-webpack-master/src/app/shared/components/svg/svg-component.ts47
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)
+ }
+
+ }
+}