Rule Chain UI: IE11 fixes.

ui/src/app/components/js-func.directive.js

@@ -61,7 +61,7 @@ function JsFunc($compile, $templateCache, toast, utils, $translate) {
 
 
         scope.functionArgsString = '';
-        for (var i in scope.functionArgs) {
+        for (var i = 0; i < scope.functionArgs.length; i++) {
             if (scope.functionArgsString.length > 0) {
                 scope.functionArgsString += ', ';
             }

ui/src/app/components/js-func.scss

@@ -26,7 +26,7 @@ tb-js-func {
 .tb-js-func-panel {
   margin-left: 15px;
   border: 1px solid #C0C0C0;
-  height: 100%;
+  height: calc(100% - 80px);
   #tb-javascript-input {
     min-width: 200px;
     width: 100%;

ui/src/app/components/js-func.tpl.html

@@ -15,14 +15,14 @@
     limitations under the License.
 
 -->
-<div style="background: #fff;" ng-class="{'tb-disabled': disabled, 'fill-height': fillHeight}" tb-expand-fullscreen fullscreen-zindex="100" expand-button-id="expand-button" on-fullscreen-changed="onFullscreenChanged()" layout="column">
+<div style="background: #fff;" ng-class="{'tb-disabled': disabled, 'fill-height': fillHeight}" tb-expand-fullscreen fullscreen-zindex="100" expand-button-id="expand-button" on-fullscreen-changed="onFullscreenChanged()">
 	<div layout="row" layout-align="start center" style="height: 40px;">
 		<label class="tb-title no-padding">function {{ functionName }}({{ functionArgsString }}) {</label>
 		<span flex></span>
 		<div id="expand-button" layout="column" aria-label="Fullscreen" class="md-button md-icon-button tb-md-32 tb-fullscreen-button-style"></div>
 	</div>
-	<div flex id="tb-javascript-panel" class="tb-js-func-panel" layout="column">
-		<div flex id="tb-javascript-input" ng-class="{'fill-height': fillHeight}"
+	<div id="tb-javascript-panel" class="tb-js-func-panel">
+		<div id="tb-javascript-input" ng-class="{'fill-height': fillHeight}"
 			 ui-ace="jsEditorOptions"
 			 ng-readonly="disabled"
 			 ng-model="functionBody">

ui/src/app/components/kv-map.tpl.html

@@ -17,7 +17,7 @@
 -->
 <section layout="column" class="tb-kv-map">
     <label translate class="tb-title no-padding">{{ vm.titleText }}</label>
-    <div flex layout="row"
+    <div layout="row"
          ng-repeat="keyVal in vm.kvList track by $index"
          style="max-height: 40px;" layout-align="start center">
         <md-input-container flex md-no-float class="md-block"

ui/src/app/event/event-content-dialog.controller.js

@@ -68,7 +68,7 @@ export default function EventContentDialogController($mdDialog, types, content,
             var lines = vm.content.split('\n');
             newHeight = 16 * lines.length + 16;
             var maxLineLength = 0;
-            for (var i in lines) {
+            for (var i = 0; i < lines.length; i++) {
                 var line = lines[i].replace(/\t/g, '    ').replace(/\n/g, '');
                 var lineLength = line.length;
                 maxLineLength = Math.max(maxLineLength, lineLength);

ui/src/app/rulechain/rulechain.scss

@@ -173,6 +173,7 @@
   max-width: 150px;
   min-height: 32px;
   max-height: 32px;
+  height: 32px;
   padding: 5px 10px;
   border-radius: 5px;
   background-color: #F15B26;

ui/src/app/rulechain/script/node-script-test.scss

@@ -20,6 +20,10 @@ md-dialog.tb-node-script-test-dialog {
   &.md-dialog-fullscreen {
     min-height: 100%;
     min-width: 100%;
+    max-height: 100%;
+    max-width: 100%;
+    width: 100%;
+    height: 100%;
     border-radius: 0;
   }