trabajando en el backend

httpdocs/assets/js/safekat/pages/presupuestoCliente/tarjetaTiradasPrecio.js

@@ -0,0 +1,60 @@
+class tarjetaTiradasPrecio {
+    
+    constructor(domItem, id, tirada, precio, precio_unidad) {
+        this.domItem = domItem;
+        this.id = id;
+        this.tirada = tirada;
+        this.precio = precio;
+        this.precio_unidad = precio_unidad;
+
+        this.card = this.#generateHTML(id, tirada, precio, precio_unidad);
+        this.domItem.append(this.card);
+    }
+
+    #generateHTML(id, tirada, precio, precio_unidad) {
+
+        let $html = $('<div>', {
+            id: id,
+            class: 'list-group'
+        });
+
+        let $link = $('<a>', {
+            href: 'javascript:void(0);',
+            class: 'list-group-item list-group-item-action'
+        });
+
+        let $liWrapper = $('<div>', {
+            class: 'li-wrapper d-flex justify-content-start align-items-center'
+        });
+
+        let $listContent = $('<div>', {
+            class: 'list-content'
+        });
+
+        $listContent.append($('<h7>', {
+            id: 'ud_' + id,
+            class: 'mb-1',
+            text: tirada + ' ud.'
+        }));
+
+        $listContent.append($('<h6>', {
+            id: 'tot_' + id,
+            class: 'mb-1',
+            text: 'Total: ' + precio + '€'
+        }));
+
+        $listContent.append($('<h7>', {
+            id: 'pu_' + id,
+            class: 'mb-1',
+            text: precio_unidad + '€/ud'
+        }));
+
+        $liWrapper.append($listContent);
+        $link.append($liWrapper);
+        $html.append($link);
+
+        return $html;
+    }
+}
+
+export default tarjetaTiradasPrecio;