calcula extra

Jose Pinto
1 parent e8a154788e
Showing 3 changed files with 12 additions and 6 deletions Show diff stats
src/js/app.js
src/js/controller.js
src/views/botonera-facturador.html
@@ -3,7 +3,6 @@ angular.module(&#39;focaBotoneraFacturador&#39;, [])
         templateUrl: 'src/views/botonera-facturador.html',
         controller: 'focaBotoneraFacturadorController',
         bindings: { 
-            botones: '<',
-            extra: '<'
+            botones: '<'
         }
     });
 angular.module('focaBotoneraFacturador')
     .controller('focaBotoneraFacturadorController', [
         '$scope',
-        function($scope) {
+        '$window',
+        function($scope, $window) {
             this.$onInit = function() {
                 $scope.botones = $scope.$ctrl.botones;
  
-                for(var i = 0; i < $scope.$ctrl.extra; i++) {
-                    $scope.botones.push('');
+                if($window.innerWidth > 576) {
+                    while(($scope.botones.length % 12) !== 0) {
+                        $scope.botones.push('');
+                    }
+                }else {
+                    while(($scope.botones.length % 3) !== 0) {
+                        $scope.botones.push('');
+                    }
                 }
             };
  
 <div
     class="col-4 col-sm-2 px-1 py-1 m-auto m-md-0"
     ng-repeat="boton in botones track by $index"
-    ng-class="{'d-none d-md-grid': boton == ''}">
+    ng-class="{'d-md-grid': boton == ''}">
     <button
         type="button"
         class="btn btn-default btn-block btn-xs text-center py-1 rounded border border-light"
...	...	@@ -3,7 +3,6 @@ angular.module('focaBotoneraFacturador', [])
3	3	templateUrl: 'src/views/botonera-facturador.html',
4	4	controller: 'focaBotoneraFacturadorController',
5	5	bindings: {
6		- botones: '<',
7		- extra: '<'
	6	+ botones: '<'
8	7	}
9	8	});
1	1	angular.module('focaBotoneraFacturador')
2	2	.controller('focaBotoneraFacturadorController', [
3	3	'$scope',
4		- function($scope) {
	4	+ '$window',
	5	+ function($scope, $window) {
5	6	this.$onInit = function() {
6	7	$scope.botones = $scope.$ctrl.botones;
7	8
8		- for(var i = 0; i < $scope.$ctrl.extra; i++) {
9		- $scope.botones.push('');
	9	+ if($window.innerWidth > 576) {
	10	+ while(($scope.botones.length % 12) !== 0) {
	11	+ $scope.botones.push('');
	12	+ }
	13	+ }else {
	14	+ while(($scope.botones.length % 3) !== 0) {
	15	+ $scope.botones.push('');
	16	+ }
10	17	}
11	18	};
12	19
1	1	<div
2	2	class="col-4 col-sm-2 px-1 py-1 m-auto m-md-0"
3	3	ng-repeat="boton in botones track by $index"
4		- ng-class="{'d-none d-md-grid': boton == ''}">
	4	+ ng-class="{'d-md-grid': boton == ''}">
5	5	<button
6	6	type="button"
7	7	class="btn btn-default btn-block btn-xs text-center py-1 rounded border border-light"