Procházet zdrojové kódy

moved binding expression for panel width to directive

Torkel Ödegaard před 11 roky
rodič
revize
c6e57d64d7
2 změnil soubory, kde provedl 11 přidání a 1 odebrání
  1. 10 0
      src/app/controllers/row.js
  2. 1 1
      src/app/partials/dashboard.html

+ 10 - 0
src/app/controllers/row.js

@@ -116,4 +116,14 @@ function (angular, app, _) {
     };
     };
   });
   });
 
 
+  module.directive('panelWidth', function() {
+    return function(scope, element) {
+      scope.$watch('panel.span', function() {
+        element[0].style.width = ((scope.panel.span / 1.2) * 10) + '%';
+      });
+    };
+  });
+
+
+
 });
 });

+ 1 - 1
src/app/partials/dashboard.html

@@ -101,8 +101,8 @@
 							<div ng-repeat="(name, panel) in row.panels"
 							<div ng-repeat="(name, panel) in row.panels"
 									 class="panel nospace"
 									 class="panel nospace"
 									 style="position:relative"
 									 style="position:relative"
-									 ng-style="{'width':(panel.span/1.2)*10+'%'}"
 									 data-drop="true"
 									 data-drop="true"
+									 panel-width
 									 ng-model="panel"
 									 ng-model="panel"
 									 data-jqyoui-options
 									 data-jqyoui-options
 									 jqyoui-droppable="{index:$index,mutate:false,onDrop:'panelMoveDrop',onOver:'panelMoveOver(true)',onOut:'panelMoveOut'}"
 									 jqyoui-droppable="{index:$index,mutate:false,onDrop:'panelMoveDrop',onOver:'panelMoveOver(true)',onOut:'panelMoveOut'}"