Merge branch 'master' into issue-255

Author: sumitdaga

src/app/app.component.html

@@ -81,14 +81,14 @@
       <button mat-icon-button (click)="clearHistory()"
               *ngIf="currentInstance"
               [disabled]="!currentInstance"
-              matTooltip="{{currentInstance?'Clear all history':''}}">
+              matTooltip="{{currentInstance?'Clear History':''}}">
         <i class="material-icons">clear_all</i>
       </button>
 
       <button mat-icon-button (click)="toggleCli()"
               *ngIf="currentInstance"
               [disabled]="!currentInstance"
-              matTooltip="{{currentInstance?'Toggle Cli panel':''}}">
+              matTooltip="{{currentInstance?'Toggle Panel':''}}">
         <i class="material-icons">{{(cli$ | async)?.expanded ? 'keyboard_arrow_down':'keyboard_arrow_up'}}</i>
       </button>
 

src/app/components/add-value-form/add-value-form.component.html

@@ -35,7 +35,8 @@
              type="number">
     </mat-form-field>
 
-    <button mat-icon-button (click)="onRemoveItem(getItemArray(),i)" *ngIf="!isEditMode && getItemArray().length > 1">
+    <button mat-icon-button (click)="onRemoveItem(getItemArray(),i)" *ngIf="!isEditMode && getItemArray().length > 1"
+            matTooltip="Delete">
       <i class="material-icons delete-icon">delete</i>
     </button>
   </div>

src/app/components/data-viewer/data-viewer.component.html

@@ -35,7 +35,7 @@
                 [(ngModel)]="stringValue"
                 #autosize="cdkTextareaAutosize"
                 cdkAutosizeMinRows="2"
-                [maxLength]="2000"></textarea>
+                cdkAutosizeMaxRows="{{(cli$ | async)?.expanded ? 8 : 15}}"></textarea>
     </mat-form-field>
 
     <button mat-raised-button

src/app/components/data-viewer/data-viewer.component.ts

@@ -276,9 +276,8 @@ export class DataViewerComponent implements OnInit, OnChanges {
     }).afterClosed().subscribe(ret => {
       if (ret) {
         ret.onSuccess = () => {
-          if (this.pageData.item.type === 'folder') {
-          } else {
-            this._store.dispatch(new ReqFetchTree({id: this.pageData.id}));
+          this._store.dispatch(new ReqFetchTree({id: this.pageData.id}));
+          if (this.pageData.item.type !== 'folder') {
             this.hashCachedData = null;
             this.setCachedData = null;
             this.fetchData();

src/app/components/instance-tree/instance-tree.component.scss

@@ -1,7 +1,6 @@
 .instance-root {
   margin-top: 16px;
   .item-line {
-    cursor: pointer;
     display: flex;
     flex-direction: row;
     padding: 2px;
@@ -19,6 +18,9 @@
       }
     }
   }
+  >.item-line {
+    cursor: pointer;
+  }
   .sub-items {
     margin-top: 8px;
   }

src/app/components/tree-node/tree-node.component.scss

@@ -1,5 +1,5 @@
 .item-line {
-  cursor: pointer;
+
   display: flex;
   flex-direction: row;
   padding: 2px;
@@ -28,11 +28,12 @@
       display: none;
     }
     .single-line {
+      cursor: pointer;
       height: 20px;
       display: flex;
       flex-direction: row;
       align-items: center;
-      padding-right: 24px;
+      padding-right: 12px;
 
       .value-type {
         font-size: 8px;

src/styles.scss

@@ -70,7 +70,7 @@ mat-form-field {
     .mat-expansion-panel-header {
       height: 64px;
     }
-      
+
     .mat-expansion-panel-content {
       height: auto;
     }

src/themes/dark-theme.scss

@@ -86,3 +86,11 @@ $dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn);
 .dark-theme .cli.mat-elevation-z12 {
   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 8)
 }
+
+.dark-theme .mat-dialog-content .mat-expansion-panel {
+  &.mat-expanded {
+    .mat-expansion-panel-header {
+      background-color: #878787;
+    }
+  }
+}

src/themes/light-theme.scss

@@ -89,3 +89,11 @@ $app-bg-color: white;
 .light-theme .cli.mat-elevation-z12 {
   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.8)
 }
+
+.light-theme .mat-dialog-content .mat-expansion-panel {
+  &.mat-expanded {
+    .mat-expansion-panel-header {
+      background-color: #dfdfdf;
+    }
+  }
+}

src/themes/magenta-theme.scss

@@ -176,3 +176,11 @@ $app-bg-color: white;
 .magenta-theme .cli.mat-elevation-z12 {
   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.8);
 }
+
+.magenta-theme .mat-dialog-content .mat-expansion-panel {
+  &.mat-expanded {
+    .mat-expansion-panel-header {
+      background-color: mat-color($tmo-brand, 500);
+    }
+  }
+}