Update code to latest

Change-Id: I76b37c2d6d333204899c9bc87f310e5b607a5e73
Issue-ID: DCAEGEN2-836
Signed-off-by: Manor, Yanir (ym903w) <ym903w@intl.att.com>

2 files changed, 9 insertions, 8 deletions

diff --git a/public/src/app/rule-engine/from/from.component.html b/public/src/app/rule-engine/from/from.component.html
index 011f609..0da7173 100644
--- a/public/src/app/rule-engine/from/from.component.html
+++ b/public/src/app/rule-engine/from/from.component.html
@@ -5,14 +5,14 @@
       <div style="display: flex; align-items: center; width: 100%;" class="label">
         <span class="label" style="padding: 0 5px; width: 50px;">From</span>
         <input class="input-text" name="copyFrom" required style="min-width: 190px;" (ngModelChange)="modelChange(from)" #copyFrom="ngModel"
-          [(ngModel)]="from.value" type="text" data-tests-id="valueInput">
+          [(ngModel)]="from.value" type="text" data-tests-id="valueInput" [readonly]="store.viewOnly">
         <span class="label" (click)="showRegex(from)" [ngStyle]="from.state === 'open' ? { 'color': '#009FDB'} : {'color':'gray'}"
           style="padding: 0 5px; width: 50px; cursor: pointer; border: none" data-tests-id="btnFromRegex">Re/g</span>
       </div>
       <div [@state]="from.state" *ngIf="from.state === 'open'" style="display: flex; align-items: center; width: 80%;" class="label">
         <span class="label" style="padding: 0 3px; width: 54px; border-top: none; border-bottom: none;">regex</span>
         <input class="input-text" style="min-width: 192px;" (ngModelChange)="modelChange(from)" [(ngModel)]="from.regex" type="text"
-          ngModel required name="RegexInput" data-tests-id="inputFromRegex">
+          ngModel required name="RegexInput" [readonly]="store.viewOnly" data-tests-id="inputFromRegex">
       </div>
     </div>
   </div>
@@ -21,7 +21,7 @@
     <div class="from-conatiner">
       <div style="display: flex; align-items: center; width: 100%;" class="label">
         <span class="label" style="padding: 0 5px; width: 50px;">From</span>
-        <input class="input-text" ngModel required name="mapFromInput" (ngModelChange)="modelChange(from)" [(ngModel)]="from.value"
+        <input class="input-text" ngModel required name="mapFromInput" (ngModelChange)="modelChange(from)" [(ngModel)]="from.value" [readonly]="store.viewOnly"
           type="text" data-tests-id="valueInput">
       </div>
     </div>
@@ -32,7 +32,7 @@
     <div class="from-conatiner">
       <div style="display: flex; align-items: center; width: 100%;" class="label">
         <span class="label" style="padding: 0 5px; width: 50px;">From</span>
-        <input class="input-text" ngModel required name="dateFormatterFromInput" (ngModelChange)="modelChange(from)" [(ngModel)]="from.value"
+        <input class="input-text" ngModel required name="dateFormatterFromInput" (ngModelChange)="modelChange(from)" [(ngModel)]="from.value" [readonly]="store.viewOnly"
           type="text" data-tests-id="valueInput">
       </div>
     </div>
@@ -46,7 +46,7 @@
       <div style="display: flex; align-items: center; width: 100%;">
         <div style="display: flex; align-items: center; width: 100%;" class="label">
           <span class="label" style="padding: 0 5px; width: 50px;">From</span>
-          <input class="input-text" (ngModelChange)="modelChange(from)" [(ngModel)]="input.value" type="text" data-tests-id="valueInput"
+          <input class="input-text" (ngModelChange)="modelChange(from)" [(ngModel)]="input.value" type="text" data-tests-id="valueInput" [readonly]="store.viewOnly"
             ngModel required name="clear-nfs[{{index}}]">
         </div>
 
@@ -75,7 +75,7 @@
       <div style="display: flex; align-items: center; width: 100%;">
         <div style="display: flex; align-items: center; width: 100%;" class="label">
           <span class="label" style="padding: 0 5px; width: 50px;">From</span>
-          <input class="input-text" (ngModelChange)="modelChange(from)" [(ngModel)]="input.value" type="text" data-tests-id="valueInput"
+          <input class="input-text" (ngModelChange)="modelChange(from)" [(ngModel)]="input.value" type="text" data-tests-id="valueInput" [readonly]="store.viewOnly"
             ngModel required name="clear[{{index}}]">
         </div>
 
@@ -106,7 +106,7 @@
       <div style="display: flex; align-items: center; width: 100%;">
         <div style="display: flex; align-items: center; width: 100%;" class="label">
           <span class="label" style="padding: 0 5px; width: 50px;">From</span>
-          <input class="input-text" (ngModelChange)="modelChange(from)" [(ngModel)]="input.value" type="text" data-tests-id="valueInput"
+          <input class="input-text" (ngModelChange)="modelChange(from)" [(ngModel)]="input.value" type="text" data-tests-id="valueInput" [readonly]="store.viewOnly"
             ngModel required name="concat[{{index}}]">
         </div>
 
diff --git a/public/src/app/rule-engine/from/from.component.ts b/public/src/app/rule-engine/from/from.component.ts
index c526103..a33646e 100644
--- a/public/src/app/rule-engine/from/from.component.ts
+++ b/public/src/app/rule-engine/from/from.component.ts
@@ -18,6 +18,7 @@ import {
   keyframes
 } from '@angular/animations';
 import { NgForm } from '@angular/forms';
+import { Store } from '../../store/store';
 
 @Component({
   selector: 'app-from',
@@ -53,7 +54,7 @@ export class FromComponent implements AfterViewInit {
   hoveredIndex;
   // public keyUp = new BehaviorSubject<string>(null);
 
-  constructor(private changeDetector: ChangeDetectorRef) {}
+  constructor(private changeDetector: ChangeDetectorRef, public store: Store) {}
 
   ngAfterViewInit(): void {
     if (