Update UI tsa2

config/install/tsa2.settings.yml

-tsa2_api: 'https://tsaapi.bfa.ar/api/tsa/'
+tsa2_api: 'http://200.108.146.180:3000'
 mainBody: '<p>El servicio de Sello de Tiempo de BFA permite demostrar que el contenido de cualquier documento digital existió en un momento y que desde entonces, no ha cambiado. Al sellar un archivo, cualquiera podrá verificar el día y la hora en que su hash fue almacenado en Blockchain Federal Argentina. Tené en cuenta que el documento seleccionado nunca se sube a la red, garantizando su privacidad.</p><p class="font_small"><a href="https://bfa.ar/sello">Si tenés un archivo con Recibo Digital (.rd) verificalo aquí</a></p>'
 errorJS: 'Lo sentimos pero el sello de tiempo no funciona sin JavaScript. Por favor, habilitalo para continuar.'
 lb00: ' El archivo '
@@ -19,4 +19,6 @@ lb14: ' Agregar archivos'
 lb15: ' Copiar'
 lb16: 'Enlace de verificación'
 lb17: 'Remover archivo'
-lb18: 'Seleccionar otros archivos'
+lb18: 'Seleccionar otros archivos'
\ No newline at end of file
+lb19: ' Sólo se pueden agregar '
+lb20: ' archivos por vez'
\ No newline at end of file

config/schema/tsa2.schema.yml

@@ -67,4 +67,10 @@ tsa2.settings:
       label: 'Label 17 TSA2 app'
     lb18:
       type: string
-      label: 'Label 18 TSA2 app'
+      label: 'Label 18 TSA2 app'
\ No newline at end of file
+    lb19:
+      type: string
+      label: 'Label 19 TSA2 app'
+    lb20:
+      type: string
+      label: 'Label 20 TSA2 app'
\ No newline at end of file

css/tsa2.css

 #app{
     margin-bottom: 20px;
+    font-size: 16px;
 }
+
 .tsa2 .dropArea {
     border: 1px dashed #0094D4;
     background-color: #ffffff;
@@ -38,6 +40,22 @@
     border-color: #4cae4c;
 }
 
+
+.tsa2 .btn-default{
+    padding: 6px 12px;
+    color: #333;
+    background-color: #fff;
+    border-color: #ccc;
+    border-radius: 4px;
+    border-width: 1px;
+}
+
+.tsa2 .btn-default:hover {
+    color: #333;
+    background-color: #e6e6e6;
+    border-color: #adadad;
+}
+
 .tsa2 .btn-pill {
     border-radius: 50px;
     border-width: 2px;
@@ -45,6 +63,7 @@
 }
 
 
+
 .tsa2 .hash {
     word-wrap: break-word;
 }

src/Controller/tsa2Controller.php

@@ -40,6 +40,8 @@ class tsa2Controller extends ControllerBase {
     $lb16  = $config->get('lb16');
     $lb17  = $config->get('lb17');
     $lb18  = $config->get('lb18');
+    $lb19  = $config->get('lb19');
+    $lb20  = $config->get('lb20');
     $element['#tsa2_api'] = Html::escape($tsa2_api);
     $element['#lb00'] = Html::escape($lb00);
     $element['#lb01'] = Html::escape($lb01);
@@ -60,6 +62,8 @@ class tsa2Controller extends ControllerBase {
     $element['#lb16'] = Html::escape($lb16);
     $element['#lb17'] = Html::escape($lb17);
     $element['#lb18'] = Html::escape($lb18);
+    $element['#lb19'] = Html::escape($lb19);
+    $element['#lb20'] = Html::escape($lb20);
     $element['#mainBody'] = $config->get('mainBody');
     $element['#errorJS'] = $config->get('errorJS');
     $element['#theme'] = 'tsa2_theme';

src/Form/tsa2Form.php

@@ -133,6 +133,16 @@ class tsa2Form extends ConfigFormBase {
         '#title' => $this->t('Label 18 TSA2 app'),
         '#default_value' => $config->get('lb18'),
       );
+      $form['lb19'] = array(
+        '#type' => 'textarea',
+        '#title' => $this->t('Label 19 TSA2 app'),
+        '#default_value' => $config->get('lb19'),
+      );
+      $form['lb20'] = array(
+        '#type' => 'textarea',
+        '#title' => $this->t('Label 20 TSA2 app'),
+        '#default_value' => $config->get('lb20'),
+      );
   
       return $form;
     }
@@ -171,6 +181,8 @@ class tsa2Form extends ConfigFormBase {
       $config->set('lb16', $form_state->getValue('lb16'));
       $config->set('lb17', $form_state->getValue('lb17'));
       $config->set('lb18', $form_state->getValue('lb18'));
+      $config->set('lb19', $form_state->getValue('lb19'));
+      $config->set('lb20', $form_state->getValue('lb20'));
       $config->save();
       return parent::submitForm($form, $form_state);
     }

templates/tsa2-template.html.twig

@@ -23,6 +23,8 @@
           lb_16="{{lb16}}"
           lb_17="{{lb17}}"
           lb_18="{{lb18}}"
+          lb_19="{{lb19}}"
+          lb_20="{{lb20}}"
         ></div>
 </div>
 {% endautoescape %}
\ No newline at end of file

tsa2.module

@@ -36,6 +36,8 @@ function tsa2_theme($existing, $type, $theme, $path) {
         'lb16' => NULL,
         'lb17' => NULL,
         'lb18' => NULL,
+        'lb19' => NULL,
+        'lb20' => NULL,
       ),
       'template' => 'tsa2-template',
     ),
@@ -70,6 +72,8 @@ function tsa2_preprocess_html(&$variables) {
     $lb16  = $config->get('lb16');
     $lb17  = $config->get('lb17');
     $lb18  = $config->get('lb18');
+    $lb19  = $config->get('lb19');
+    $lb20  = $config->get('lb20');
     $variables['#attached']['drupalSettings']['tsa2']['tsa2_api'] = $tsa2_api;
     $variables['#attached']['drupalSettings']['tsa2']['lb00'] = $lb00;
     $variables['#attached']['drupalSettings']['tsa2']['lb01'] = $lb01;
@@ -90,5 +94,7 @@ function tsa2_preprocess_html(&$variables) {
     $variables['#attached']['drupalSettings']['tsa2']['lb16'] = $lb16;
     $variables['#attached']['drupalSettings']['tsa2']['lb17'] = $lb17;
     $variables['#attached']['drupalSettings']['tsa2']['lb18'] = $lb18;
+    $variables['#attached']['drupalSettings']['tsa2']['lb19'] = $lb19;
+    $variables['#attached']['drupalSettings']['tsa2']['lb20'] = $lb20;
   }
 }
\ No newline at end of file