Añadido dropzone al tab de archivos.

NeoRazorX · Nov 2, 2023 · 9375dc1 · 9375dc1
1 parent 83a4524
commit 9375dc1
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 5 deletions.
diff --git a/Core/UI/Tab/TabFiles.php b/Core/UI/Tab/TabFiles.php
@@ -21,6 +21,7 @@
 
 use FacturaScripts\Core\Template\UI\SectionTab;
 use FacturaScripts\Core\Tools;
+use FacturaScripts\Dinamic\Lib\AssetManager;
 
 class TabFiles extends SectionTab
 {
@@ -33,6 +34,9 @@ public function __construct(string $name)
 
         $this->icon = 'fas fa-folder-open';
 
+        AssetManager::add('css', 'https://unpkg.com/dropzone@5/dist/min/dropzone.min.css');
+        AssetManager::add('js', 'https://unpkg.com/dropzone@5/dist/min/dropzone.min.js');
+
         // añadimos datos de prueba
         foreach (range(1, rand(2, 12)) as $i) {
             $this->data[] = [
@@ -62,9 +66,7 @@ public function render(string $context = ''): string
         return '<div class="container-fluid mt-4">'
             . '<div class="row">'
             . '<div class="col-12">'
-            . '<div class="btn btn-lg btn-block btn-secondary">'
-            . '<i class="fas fa-file-upload mr-1"></i> ' . Tools::lang()->trans('upload-files')
-            . '</div>'
+            . '<form action="/target" class="dropzone"></form>'
             . '</div>'
             . '</div>'
             . '<div class="form-row mt-4">'
@@ -80,8 +82,25 @@ protected function renderFileCards(): string
         foreach ($this->data as $item) {
             $html .= '<div class="col-sm-3">'
                 . '<div class="card shadow mb-2">'
-                . '<div class="card-body">'
+                . '<div class="card-body p-2">'
+                . '<div class="form-row">'
+                . '<div class="col">'
                 . '<h3 class="card-title">' . $item['name'] . '</h3>'
+                . '</div>'
+                . '<div class="col-auto">'
+                . '<div class="dropdown">
+  <button class="btn btn-sm btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
+    <i class="fas fa-ellipsis-v"></i>
+  </button>
+  <div class="dropdown-menu dropdown-menu-right">
+    <a class="dropdown-item" href="#"><i class="fas fa-download fa-fw mr-1"></i> Descargar</a>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="#"><i class="fas fa-trash fa-fw mr-1"></i> Eliminar</a>
+    <a class="dropdown-item" href="#"><i class="fas fa-unlink fa-fw mr-1"></i> Desvincular</a>
+</div>'
+                . '</div>'
+                . '</div>'
+                . '</div>'
                 . '<p class="card-text">' . Tools::bytes($item['size']) . '</p>'
                 . '<p class="card-text">' . Tools::date($item['date']) . '</p>'
                 . '<p class="card-text">' . $item['user'] . '</p>'

diff --git a/Core/UI/Widget/WidgetCanvas.php b/Core/UI/Widget/WidgetCanvas.php
@@ -35,7 +35,7 @@ public function render(string $context = ''): string
     {
         return '<div class="form-group">' . "\n"
             . '<label for="' . $this->id() . '">' . $this->label(true) . '</label>' . "\n"
-            . '<button type="button" class="btn btn-xs btn-light" onclick="signaturePad.clear();">'
+            . '<button type="button" class="btn btn-sm btn-light" onclick="signaturePad.clear();">'
             . '<i class="fa fa-eraser mr-1"></i> clear</button>' . "\n"
             . '<canvas id="' . $this->id() . '" class="border" height="100"></canvas>' . "\n"
             . '</div>' . "\n"