Add url bar layout

src/app/dashboard/dashboard.component.html

@@ -13,12 +13,18 @@
          [ngClass]="{'deploy-blur': deploying}">
          <app-web *ngIf="!iframeUrl"></app-web>
          <div *ngIf="iframeUrl" class="iframe-container">
-          <iframe class="iframe"
-                  #webiframe
-                  scrolling="yes"
-                  frameborder="0"
-                  [src]="iframeUrl | safe">
-          </iframe>
+           <div class="urlbar-container">
+           <button class="refresh">R</button>
+           <input type="text" class="urlbar" value="{{iframeUrl}}">
+           <button class="go">G</button>
+           </div>
+            <iframe class="iframe"
+                    #webiframe
+                    scrolling="yes"
+                    frameborder="0"
+                    (load)="iframeLoad()"
+                    [src]="iframeUrl | safe">
+            </iframe>
         </div>
     </div>
     <div class="tfw-ide">

src/app/dashboard/dashboard.component.scss

@@ -8,6 +8,7 @@
   .tfw-web {
     .iframe-container {
       display: flex;
+      flex-direction: column;
       overflow: hidden;
       @include set-component-size($layouts-key, 'web');
     }
@@ -18,6 +19,14 @@
       margin: 0;
       padding: 0;
     }
+
+    .urlbar-container {
+      display: flex;
+    }
+
+    .urlbar {
+      flex-grow: 1;
+    }
   }
 }