Ajustes plantilla sepa-core

services/print/application/config/datasources.json

@@ -12,8 +12,12 @@
         "database": ""
     },
     "pdf": {
+        "format": "A4",
+        "header": {
+            "height": "120px"
+        },
         "footer": {
-            "height": "100px"
+            "height": "130px"
         }
     }
 }

services/print/application/route/manuscript.js

@@ -54,4 +54,13 @@ router.get('/sepa-core/:clientId', function(request, response, next) {
     });
 });
 
+router.get('/sepa-core-view/:clientId', function(request, response, next) {
+    template.get('sepa-core', {clientId: request.params.clientId}, (error, result) => {
+         if (error)
+             return response.status(400).json({message: error.message});
+ 
+        response.send(result.body);
+     });
+ });
+
 module.exports = router;

services/print/application/template/header/static/css/style.css

@@ -5,8 +5,8 @@ img {
 #pageHeader-first {
     border-bottom: 1px solid #DDD;
     font-family: arial, sans-serif;
+    padding-bottom: 10px;
     text-align: center;
-    padding: 10px 20px;
     font-size: 10px;
     color: #555
 }

services/print/application/template/sepa-core/index.html

@@ -17,12 +17,11 @@
                 <h1>{{_.title}}</h1>
             </div>
         <!-- Title block end -->
-
         <div class="panel">
+            <div class="verticalText">{{_.toCompleteBySupplier}}</div>
             <div class="row inline">
                 <div class="text">{{_.orderReference}}</div>
                 <div class="control">{{mandateCode}}</div>
-                <div class="description">test descripcion</div>
             </div>
             <div class="row inline">
                 <div class="text">{{_.supplierIdentifier}}</div>
@@ -46,10 +45,11 @@
             </div>
         </div>
 
-        <p style="text-align: justify;font-size:10px">{{_.bodyDescription}}</p>
+        <p class="font small">{{_.bodyDescription}}</p>
+        <p class="font small"><strong>{{_.clientAdvice}}</strong></p>
 
-        <p>{{_.clientAdvice}}</p>
         <div class="panel">
+            <div class="verticalText">{{_.toCompleteByClient}}</div>
             <div class="row inline">
                 <div class="text">{{_.clientName}}</div>
                 <div class="control">{{clientName}}</div>
@@ -68,7 +68,7 @@
                 <div class="control">{{clientCountry}}</div>
             </div>
             <div class="row inline">
-                <div class="text">{{_.swift}}</div>
+                <div class="text font verticalAlign">{{_.swift}}</div>
                 <div class="control">
                     {{#swiftFields}}
                         <div class="box"></div>
@@ -83,12 +83,28 @@
                         <div class="box"></div>
                     {{/accountNumberFields}}
                 </div>
+                <div class="description">
+                    <div class="line"><span>{{_.accountNumberFormat}}</span></div>
+                </div>
             </div>
             <div class="row inline">
-                    <div class="text">{{_.paymentType}}</div>
+                    <div class="text font verticalAlign">{{_.paymentType}}</div>
                     <div class="control">
-                        <div class="box crossed">X</div>
+                        <div class="columns">
-                        <span style="padding:10px;line-height:30px">Recurrente</span>
+                            <div class="size33">
+                                <div class="size25">
+                                    <div class="box crossed">X</div>
+                                </div>
+                                <div class="size25 font verticalAlign">{{_.recurrent}}</div>
+                            </div>
+                            <div class="size33 font centered">O</div>
+                            <div class="size33">
+                                <div class="size25">
+                                    <div class="box"></div>
+                                </div>
+                                <div class="size25 font verticalAlign">{{_.unique}}</div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             <div class="row inline">
@@ -100,10 +116,8 @@
                 <div class="control"></div>
             </div>
         </div>
-
+        <p class="font small">{{_.mandatoryFields}}</p>
-        <div style="position:absolute;right:-50px;-webkit-transform: rotate(90deg);font-size:10px">A cumplimentar por el deudor</div>
+        <p class="font small">{{_.sendOrder}}</p>
-        <p class="small">TODOS LOS CAMPOS HAN DE SER CUMPLIMENTADOS OBLIGATORIAMENTE.</p>
-        <p class="small">UNA VEZ FIRMADA ESTA ORDEN DE DOMICILIACIÓN DEBE SER ENVIADA AL ACREEDOR PARA SU CUSTODIA Y ES RECOMENDABLE FACILITAR UNA COPIA A SU ENTIDAD BANCARIA.</p>
     </div>
     <!-- Body block end -->
 

services/print/application/template/sepa-core/locale/es.json

@@ -1,5 +1,7 @@
 {
     "title": "Orden de domiciliación de adeudo directo SEPA CORE",
+    "toCompleteBySupplier": "A cumplimentar por el acreedor",
+    "toCompleteByClient": "A cumplimentar por el deudor",
     "bodyDescription": "Mediante la firma de esta orden de domiciliación, el deudor autoriza (A) al acreedor a enviar instrucciones a la entidad del deudor para adeudar su cuenta y (B) a la entidad para efectuar los adeudos en su cuenta siguiendo las instrucciones del acreedor.Como parte de sus derechos, el deudor está legitimado al reembolso por su entidad en los términos y condiciones del contrato suscrito con la misma. La solicitud de reembolso deberá efectuarse dentro de las ocho semanas que adeudo en cuenta. Puede obtener información adicional sobre sus derechos en su entidad financiera.",
     "orderReference": "Referencia de la orden de domiciliación",
     "supplierIdentifier": "Identificador del acreedor",
@@ -15,10 +17,15 @@
     "swift": "Swift BIC",
     "accountNumber": "Número de cuenta - IBAN",
     "accountHolder": "(Titular/es de la cuenta de cargo)",
+    "accountNumberFormat": "En España el IBAN consta de 24 posiciones comenzando siempre por ES",
     "paymentType": "Tipo de pago",
+    "recurrent": "Recurrente",
+    "unique": "Único",
     "signLocation": "Fecha - Localidad",
     "sign": "Firma del deudor y sello",
-    "fiscalAddress": "VERDNATURA LEVANTE SL, B97367486 Avda. Espioca, 100, 46460 Silla _ www.verdnatura.es _ clientes@verdnatura.es",
+    "mandatoryFields": "TODOS LOS CAMPOS HAN DE SER CUMPLIMENTADOS OBLIGATORIAMENTE.",
+    "sendOrder": "UNA VEZ FIRMADA ESTA ORDEN DE DOMICILIACIÓN DEBE SER ENVIADA AL ACREEDOR PARA SU CUSTODIA Y ES RECOMENDABLE FACILITAR UNA COPIA A SU ENTIDAD BANCARIA.",
+    "fiscalAddress": "VERDNATURA LEVANTE SL, B97367486 Avda. Espioca, 100, 46460 Silla · www.verdnatura.es · clientes@verdnatura.es",
     "privacy": "- AVISO - Este mensaje es privado y confidencial, y debe ser utilizado exclusivamente por la persona destinataria del mismo. Si usted ha recibido este mensaje por error, le rogamos lo comunique al remitente y borre dicho mensaje y cualquier documento adjunto que pudiera contener. Verdnatura Levante SL no renuncia a la confidencialidad ni a ningún privilegio por causa de transmisión errónea o mal funcionamiento. Igualmente no se hace responsable de los cambios, alteraciones, errores u omisiones que pudieran hacerse al mensaje una vez enviado.",
     "privacyLaw": "En cumplimiento de lo dispuesto en la Ley Orgánica 15/1999, de Protección de Datos de Carácter Personal, le comunicamos que los datos personales que facilite se incluirán en ficheros automatizados de VERDNATURA LEVANTE S.L., pudiendo en todo momento ejercitar los derechos de acceso, rectificación, cancelación y oposición, comunicándolo por escrito al domicilio social de la entidad. La finalidad del fichero es la gestión administrativa, contabilidad, y facturación."
 }

services/print/application/template/sepa-core/static/css/style.css

@@ -7,7 +7,7 @@ img {
     max-width: 90%;
     margin: 0 auto;
     font-size: 14px;
-    color: #555
+    color: #000
 }
 
 body .title {

services/print/static/css/component.css

@@ -1,14 +1,18 @@
+body {
+    margin: 0 auto;
+    width: 210mm
+}
+
 .panel {
     border: 1px solid #DDD;
     margin-bottom: 10px;
+    position: relative;
     padding:10px
 }
 
 .row {
     margin-bottom: 15px;
-    overflow: hidden;
+    overflow: hidden
-    content: '';
-    clear: both
 }
 
 .row .text {
@@ -21,14 +25,34 @@
     box-sizing: border-box
 }
 
+.row .text, .row .control {
+    overflow: hidden
+}
+
 .row .description {
+    position: relative;
+    padding-top: 2px;
+    overflow: hidden;
     font-size: 8px;
+    display: block;
     color: #999
 }
 
-.row .v-align {
+.row .line {
-    padding-top: 5px;
+    border-bottom: 1px solid #DDD;
-    line-height: 21px
+    border-right: 1px solid #DDD;
+    border-left: 1px solid #DDD;
+    margin-top: 10px;
+    color: #999;
+    padding: 5px
+}
+
+.row .description span {
+    background-color: #FFF;
+    margin: -5px 0 0 50px;
+    display: block;
+    padding: 5px;
+    float: left
 }
 
 .row:last-child {
@@ -49,6 +73,11 @@
     float: left
 }
 
+.row.inline .description {
+    position: static;
+    overflow: visible
+}
+
 .box {
     border-top: 1px solid #CCC;
     border-right: 1px solid #CCC;
@@ -62,6 +91,11 @@
     float: left
 }
 
+.box.crossed {
+    font-weight: 100;
+    font-size: 16px
+}
+
 .row .control .box:first-child {
     border-left: 1px solid #CCC;
 }
@@ -70,6 +104,67 @@ p {
     text-align: justify
 }
 
-p.small {
+.font.small {
     font-size: 10px
 }
+
+.font.verticalAlign {
+    height: 27px;
+    line-height: 27px
+}
+
+.font.centered {
+    height: 27px;
+    line-height: 27px;
+    text-align: center
+}
+
+.verticalText {
+    -moz-transform: rotate(90deg); 
+    -webkit-transform: rotate(90deg); 
+    transform: rotate(90deg); 
+    position: absolute;
+    text-align: center; 
+    font-size: .65em; 
+    width: 200px; 
+    right: -115px;
+    top: 50%
+}
+
+.columns:after {
+    display: block;
+    content: ' ';
+    clear: both
+}
+
+.columns .size100 {
+    width: 100%;
+    float: left
+}
+
+.columns .size75 {
+    width: 75%;
+    float: left
+}
+
+.columns .size50 {
+    width: 50%;
+    float: left
+}
+
+.columns .size33 {
+    width: 33.33%;
+    float: left
+}
+
+.columns .size25 {
+    width: 25%;
+    float: left
+}
+
+
+
+
+
+
+