move web-view to attr

Author: SomeKittens

client/directives/activePanel/viewActivePanel.jade

@@ -32,7 +32,8 @@ pre.pre(
   )
     span.js-char-width 0
 
-web-view(
+.web-container(
+  web-view
   ng-if = "item.state.type === 'WebView'"
 )
 

client/directives/webView/directiveWebView.js

@@ -15,7 +15,7 @@ function webView(
   user
 ) {
   return {
-    restrict: 'E',
+    restrict: 'A',
     templateUrl: 'viewWebView',
     scope: {},
     link: function ($scope, elem) {

client/directives/webView/viewWebView.jade

@@ -1,55 +1,54 @@
-.web-container
-  //- .browser-loading to toggle refresh/stop icon
-  //- .browser-loading is also required for the progress bar, so remove it when loading is complete
-  //- nav buttons removed until we can resolve cross-origin issues
-  nav.browser-chrome
-    //- apply [disabled] to back/forward to disable
+//- .browser-loading to toggle refresh/stop icon
+//- .browser-loading is also required for the progress bar, so remove it when loading is complete
+//- nav buttons removed until we can resolve cross-origin issues
+nav.browser-chrome
+  //- apply [disabled] to back/forward to disable
+  button.btn-icon(
+    ng-click = "actions.back()"
+    ng-if = "false"
+    type = "button"
+  )
+    svg.iconnables.icons-chevron-left
+      use(xlink:href = "#icons-chevron-left")
+  button.btn-icon(
+    ng-click = "actions.forward()"
+    ng-if = "false"
+    type = "button"
+  )
+    svg.iconnables.icons-chevron-right
+      use(xlink:href = "#icons-chevron-right")
+  .iconnables.iconnables-container(
+    ng-if = "false"
+  )
     button.btn-icon(
-      ng-click = "actions.back()"
-      ng-if = "false"
       type = "button"
+      ng-click = "actions.refresh()"
     )
-      svg.iconnables.icons-chevron-left
-        use(xlink:href = "#icons-chevron-left")
-    button.btn-icon(
-      ng-click = "actions.forward()"
-      ng-if = "false"
-      type = "button"
-    )
-      svg.iconnables.icons-chevron-right
-        use(xlink:href = "#icons-chevron-right")
-    .iconnables.iconnables-container(
-      ng-if = "false"
-    )
-      button.btn-icon(
-        type = "button"
-        ng-click = "actions.refresh()"
-      )
-        svg.iconnables.icons-refresh
-          use(xlink:href = "#icons-refresh")
-      button.btn-icon(type = "button")
-        svg.iconnables.icons-stop
-          use(xlink:href = "#icons-stop")
-    //- select all text on click
-    //- inline styles with apologies to Tony
-    a(
-      ng-href = "{{ data.iframeUrl }}"
-      target = "_blank"
-      style = "width: 100%"
+      svg.iconnables.icons-refresh
+        use(xlink:href = "#icons-refresh")
+    button.btn-icon(type = "button")
+      svg.iconnables.icons-stop
+        use(xlink:href = "#icons-stop")
+  //- select all text on click
+  //- inline styles with apologies to Tony
+  a(
+    ng-href = "{{ data.iframeUrl }}"
+    target = "_blank"
+    style = "width: 100%"
+  )
+    input.form-control(
+      placeholder = "Enter an address"
+      readonly
+      value = "{{ data.iframeUrl }}"
+      style = "width: inherit"
     )
-      input.form-control(
-        placeholder = "Enter an address"
-        readonly
-        value = "{{ data.iframeUrl }}"
-        style = "width: inherit"
-      )
-    //- style="-webkit-transform: scale3d(%,1,1); transform: scale3d(%,1,1);" to move progress bar--% is the total progress out of 1.00
-    //- http://caniuse.com/#search=transform (Current and previous versions, July 2014):
-    //- * chrome 35
-    //- * safari 6.1, 7, 8
-    //- * android 4.2, 4.3, 4.4
-    .progress
-  //- box log and terminal tab should open by default
-  iframe(
-    ng-src = "{{ data.iframeUrl }}"
-  )
+  //- style="-webkit-transform: scale3d(%,1,1); transform: scale3d(%,1,1);" to move progress bar--% is the total progress out of 1.00
+  //- http://caniuse.com/#search=transform (Current and previous versions, July 2014):
+  //- * chrome 35
+  //- * safari 6.1, 7, 8
+  //- * android 4.2, 4.3, 4.4
+  .progress
+//- box log and terminal tab should open by default
+iframe(
+  ng-src = "{{ data.iframeUrl }}"
+)

test/unit/directives/directiveWebView.unit.js

@@ -84,7 +84,7 @@ describe('directiveWebView'.bold.underline.blue, function() {
 
   beforeEach(function() {
     ctx = {};
-    ctx.template = directiveTemplate('web-view');
+    ctx.template = directiveTemplate.attribute('web-view');
   });
 
   beforeEach(injectSetupCompile);