Agregado nuevo componente con botones de forma de pago.

Marcelo Puebla
1 parent 99162bd6b8
Showing 2 changed files with 24 additions and 0 deletions Show diff stats
src/js/app.js
src/views/botonera-forma-pago.html
@@ -7,6 +7,14 @@ angular.module(&#39;focaBotoneraFacturador&#39;, [])
             botones: '<'
         }
     })
+    .component('focaBotoneraFormaPago', {
+        templateUrl: 'src/views/botonera-forma-pago.html',
+        controller: 'focaBotoneraTarjetasController',
+        bindings: { 
+            botones: '<',
+            max: '<'
+        }
+    })
     .component('focaBotoneraTarjetas', {
         templateUrl: 'src/views/botonera-tarjetas.html',
         controller: 'focaBotoneraTarjetasController',
@@ -0,0 +1,16 @@
+<div
+    class="col-6 col-lg-3 py-2"
+    ng-repeat="boton in botones track by $index"
+    ng-class="{'d-md-grid': boton == ''}">
+    <button
+        type="button"
+        class="btn btn-block btn-xs text-center rounded border border-light foca-overflow-hidden"
+        ng-disabled="boton.disabled"
+        ng-click="
+            (boton != '') ? ejecutarFuncion(boton.label) : null;
+            activarBoton(boton);"
+    >
+        <img ng-src="./img/{{boton.image}}" alt="">
+        <span>{{ boton.label }}</span>
+    </button>
+</div>
...	...	@@ -7,6 +7,14 @@ angular.module('focaBotoneraFacturador', [])
7	7	botones: '<'
8	8	}
9	9	})
	10	+ .component('focaBotoneraFormaPago', {
	11	+ templateUrl: 'src/views/botonera-forma-pago.html',
	12	+ controller: 'focaBotoneraTarjetasController',
	13	+ bindings: {
	14	+ botones: '<',
	15	+ max: '<'
	16	+ }
	17	+ })
10	18	.component('focaBotoneraTarjetas', {
11	19	templateUrl: 'src/views/botonera-tarjetas.html',
12	20	controller: 'focaBotoneraTarjetasController',
...	...	@@ -0,0 +1,16 @@
	1	+<div
	2	+ class="col-6 col-lg-3 py-2"
	3	+ ng-repeat="boton in botones track by $index"
	4	+ ng-class="{'d-md-grid': boton == ''}">
	5	+ <button
	6	+ type="button"
	7	+ class="btn btn-block btn-xs text-center rounded border border-light foca-overflow-hidden"
	8	+ ng-disabled="boton.disabled"
	9	+ ng-click="
	10	+ (boton != '') ? ejecutarFuncion(boton.label) : null;
	11	+ activarBoton(boton);"
	12	+ >
	13	+ <img ng-src="./img/{{boton.image}}" alt="">
	14	+ <span>{{ boton.label }}</span>
	15	+ </button>
	16	+</div>