djgentelella 0.4.10__py3-none-any.whl → 0.5.0__py3-none-any.whl

djgentelella/static/gentelella/css/custom.css

@@ -150,7 +150,7 @@ html , body{
 }
 .left_col {
     background: #2A3F54;
-    height: 1100px;
+    max-height: 1600px;
 }
 .select2-container {
     width: 100% !important;
@@ -931,7 +931,9 @@ a:focus {
     line-height: 30px
 }
 .main_menu_side {
-    padding: 0
+    padding: 0;
+    max-height: 100vh;
+    overflow-y: auto;
 }
 .bs-docs-sidebar .nav>li>a {
     display: block;
@@ -4685,3 +4687,18 @@ input-group > .custom-file {
     overflow:auto;
     -webkit-overflow-scrolling: touch
 }
+
+/* ── WebKit/Blink: Chrome, Edge, Brave, Safari, Firefox not need  */
+*::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: #767684;
+  border-radius: 5px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}

djgentelella/static/gentelella/css/modern.css

@@ -5371,3 +5371,18 @@ div.form-group {
     border: 1px solid #1ABB9C;; /* Bordes */
     border-radius: 5px; /* Esquinas redondeadas */
 }
+
+/* ── WebKit/Blink: Chrome, Edge, Brave, Safari, Firefox not need  */
+*::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: #767684;
+  border-radius: 5px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}

djgentelella/static/gentelella/css/modern_black_white.css

@@ -5372,3 +5372,18 @@ div.form-group {
     border: 1px solid #1ABB9C;; /* Bordes */
     border-radius: 5px; /* Esquinas redondeadas */
 }
+
+/* ── WebKit/Blink: Chrome, Edge, Brave, Safari, Firefox not need  */
+*::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: #767684;
+  border-radius: 5px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}

djgentelella/static/gentelella/css/pdfviewer.css

@@ -16,7 +16,7 @@
     max-width: 100%;
     max-height: 300px;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
-    overflow-y: auto;
+    overflow: auto;
     /*max-width: 770px;*/
     /*max-height: 950px;*/
 }
@@ -24,7 +24,10 @@
 .widget-digital-signature .pdfviewer {
     /*width: 100%;*/
     /*height: auto;*/
+    margin: 0 auto;
     display: block;
+    width: auto;
+    height: auto;
 }
 
 .widget-digital-signature .signature {
@@ -145,3 +148,42 @@
     transform: scale(0.95);
   }
 }
+
+.widget-digital-signature .expanded-viewer {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw !important;
+    height: 100vh !important;
+    background: #f7f7f7;
+    z-index: 1050;
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+    align-items: stretch;
+    padding: 1rem;
+}
+
+.widget-digital-signature .expanded-canvas-container {
+    width: 100% !important;
+    max-width: 1200px;
+    height: 85vh !important;
+    margin: 0 auto;
+    max-height: 1000px;
+    display: block;
+    overflow: auto
+}
+
+.widget-digital-signature .hide {
+    display: none !important;
+}
+
+.widget-digital-signature .expanded-viewer #container_select_card {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    background: #fff;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+    margin-bottom: 1rem;
+    border-radius: 8px;
+}

djgentelella/static/gentelella/js/base/digital_signature.js

@@ -100,8 +100,13 @@ class PdfSignatureComponent {
         this.btn_next = container.querySelector('.next');
         this.page_num = container.querySelector('.page_num');
         this.page_number = container.querySelector('.page_number');
+        this.btn_expand = container.querySelector('.btn_expand');
         this.page_count = container.querySelector('.page_count');
         this.sub_canvas_container = container.querySelector('.sub_canvas_container');
+        this.pdfSignatureContainer = container.querySelector('.pdf-signature-container');
+        this.digitalSignatureCard = container.querySelector('.digital-signature-card');
+        this.btns_expand = container.querySelector('.container_select_card_expanded');
+        this.expandHelpMessage = container.querySelector('.expand-help-message');
 
         // Verify that all required elements are present
         if (!this.signature || !this.canvas || !this.btn_prev || !this.btn_next || !this.page_num || !this.page_number || !this.page_count || !this.sub_canvas_container) {
@@ -119,6 +124,7 @@ class PdfSignatureComponent {
         this.signY = 198;
         this.signWidth = 133;
         this.signHeight = 133;
+        this.expanded = false;
 
         // Initializes the processes
         this.initEvents();
@@ -133,6 +139,7 @@ class PdfSignatureComponent {
         this.btn_next.addEventListener('click', () => this.onNextPage());
         this.page_number.addEventListener('change', (e) => this.renderPage(e.target.value));
         this.page_number.addEventListener('keyup', (e) => this.renderPage(e.target.value));
+        this.btn_expand.addEventListener('click', () => this.expand());
     }
 
     initPDFViewer() {
@@ -185,6 +192,44 @@ class PdfSignatureComponent {
         }
     }
 
+    expand() {
+        this.expanded = !this.expanded;
+        if (this.expanded) {
+            this.pdfSignatureContainer.classList.add('expanded-viewer');
+            this.sub_canvas_container.classList.add('expanded-canvas-container');
+            this.digitalSignatureCard.classList.add('hide');
+            this.expandHelpMessage.classList.add('hide');
+            this.btns_expand.classList.remove('hide');
+
+            requestAnimationFrame(() => {
+                this.adjustScaleToContainer().then(() => {
+                    this.renderPage(this.pageNum);
+                    this.sub_canvas_container.scrollTop = (this.canvas.height / 2) - (this.sub_canvas_container.clientHeight / 2);
+                });
+            });
+        } else {
+            this.pdfSignatureContainer.classList.remove('expanded-viewer');
+            this.sub_canvas_container.classList.remove('expanded-canvas-container');
+            this.digitalSignatureCard.classList.remove('hide');
+            this.expandHelpMessage.classList.remove('hide');
+            this.btns_expand.classList.add('hide');
+            this.scale = 1.2;
+            this.renderPage(this.pageNum);
+        }
+
+
+    }
+
+    adjustScaleToContainer() {
+        return this.pdfDoc.getPage(this.pageNum).then((page) => {
+            const containerWidth = Math.min(this.sub_canvas_container.offsetWidth, 1200);
+            const viewport = page.getViewport({scale: 1});
+            let nextScale = (containerWidth * 0.95) / viewport.width;
+            this.scale = Math.min(nextScale, 2.0);
+        });
+    }
+
+
     renderPage(num) {
         this.pageRendering = true;
         this.pdfDoc.getPage(num).then((page) => {
@@ -357,7 +402,7 @@ class PdfSignatureComponent {
         return tempSignature;
     }
 
-    // If required, you can define a method for loading an image
+// If required, you can define a method for loading an image
     loadSignatureImage(signatureImage, imageContainer) {
         return new Promise((resolve, reject) => {
             if (!signatureImage) {
@@ -408,9 +453,9 @@ class SignatureManager {
         this.container = container;
         this.modal = new bootstrap.Modal(container.querySelector("#loading_sign"));
         this.firmador = new DocumentClient(container, container.getAttribute("data-widget-id"), this, url_ws, custom_event, this.doc_instance);
-        this.signerBtn = container.querySelector(".btn_signer");
+        this.signerBtn = container.querySelectorAll(".btn_signer");
         this.errorsContainer = container.querySelector(".errors_signer");
-        this.refreshBtn = container.querySelector(".btn_signer_refresh");
+        this.refreshBtn = container.querySelectorAll(".btn_signer_refresh");
         this.socketError = false;
         this.pdfvisor = pdfvisor;
 
@@ -418,11 +463,15 @@ class SignatureManager {
     }
 
     initEvents() {
-        if (this.signerBtn) {
-            this.signerBtn.addEventListener('click', () => this.sign());
+        if (this.signerBtn && this.signerBtn.length) {
+            this.signerBtn.forEach(btn => {
+                btn.addEventListener('click', () => this.sign());
+            });
         }
-        if (this.refreshBtn) {
-            this.refreshBtn.addEventListener('click', () => this.refresh());
+        if (this.refreshBtn && this.refreshBtn.length) {
+            this.refreshBtn.forEach(btn => {
+                btn.addEventListener('click', () => this.refresh());
+            });
         }
     }
 
@@ -821,37 +870,49 @@ function DocumentClient(container, widgetId, signatureManager, url_ws, custom_ev
             this.signatureManager.clearErrors();
         },
         "success_certificates": function (data) {
-
             if (data.length > 0) {
-                container.querySelector("#container_select_card").classList.remove("d-none");
-                container.querySelector("#container_select_card_tem").classList.add("d-none");
-
-                let select_card = container.querySelector(".select_card");
+                container.querySelectorAll("#container_select_card, #container_select_card_expanded_hide").forEach(el => {
+                    el.classList.remove("d-none");
+                    el.classList.remove("hide");
+                });
+                container.querySelectorAll("#container_select_card_tem").forEach(el => {
+                    el.classList.add("d-none");
+                    el.classList.add("hide");
+                });
 
-                if (!select_card) {
+                let select_cards = container.querySelectorAll(".select_card");
+                if (!select_cards.length) {
                     console.error(`Select not found for widget ${widgetId}`);
                     return;
                 }
-                select_card.innerHTML = "";
                 this.certificates = {};
-
-                data.forEach((element) => {
-                    this.certificates[element.tokenSerialNumber] = element;
-                    let start_token = element.tokenSerialNumber.substring(0, 4);
-                    let newOption = new Option(
-                        `${start_token} ${element.commonName}`,
-                        element.tokenSerialNumber,
-                        false, false
-                    );
-                    select_card.appendChild(newOption);
+                select_cards.forEach(select_card => {
+                    select_card.innerHTML = "";
+                    data.forEach((element) => {
+                        this.certificates[element.tokenSerialNumber] = element;
+                        let start_token = element.tokenSerialNumber.substring(0, 4);
+                        let newOption = new Option(
+                            `${start_token} ${element.commonName}`,
+                            element.tokenSerialNumber,
+                            false, false
+                        );
+                        select_card.appendChild(newOption);
+                    });
                 });
             } else {
-                container.querySelector("#container_select_card").classList.add("d-none");
-                container.querySelector("#container_select_card_tem").classList.remove("d-none");
+                container.querySelectorAll("#container_select_card, #container_select_card_expanded_hide").forEach(el => {
+                    el.classList.add("d-none");
+                    el.classList.add("hide");
+                });
+                container.querySelectorAll("#container_select_card_tem").forEach(el => {
+                    el.classList.remove("d-none");
+                    el.classList.remove("hide");
+                });
                 this.signatureManager.addError(2);
             }
         },
 
+
         "do_sign_remote": function () {
             let select = container.querySelector(".select_card");
             let selected_card = select ? select.value : null;

djgentelella/static/gentelella/js/base.js

@@ -2375,8 +2375,13 @@ class PdfSignatureComponent {
         this.btn_next = container.querySelector('.next');
         this.page_num = container.querySelector('.page_num');
         this.page_number = container.querySelector('.page_number');
+        this.btn_expand = container.querySelector('.btn_expand');
         this.page_count = container.querySelector('.page_count');
         this.sub_canvas_container = container.querySelector('.sub_canvas_container');
+        this.pdfSignatureContainer = container.querySelector('.pdf-signature-container');
+        this.digitalSignatureCard = container.querySelector('.digital-signature-card');
+        this.btns_expand = container.querySelector('.container_select_card_expanded');
+        this.expandHelpMessage = container.querySelector('.expand-help-message');
 
         // Verify that all required elements are present
         if (!this.signature || !this.canvas || !this.btn_prev || !this.btn_next || !this.page_num || !this.page_number || !this.page_count || !this.sub_canvas_container) {
@@ -2394,6 +2399,7 @@ class PdfSignatureComponent {
         this.signY = 198;
         this.signWidth = 133;
         this.signHeight = 133;
+        this.expanded = false;
 
         // Initializes the processes
         this.initEvents();
@@ -2408,6 +2414,7 @@ class PdfSignatureComponent {
         this.btn_next.addEventListener('click', () => this.onNextPage());
         this.page_number.addEventListener('change', (e) => this.renderPage(e.target.value));
         this.page_number.addEventListener('keyup', (e) => this.renderPage(e.target.value));
+        this.btn_expand.addEventListener('click', () => this.expand());
     }
 
     initPDFViewer() {
@@ -2460,6 +2467,44 @@ class PdfSignatureComponent {
         }
     }
 
+    expand() {
+        this.expanded = !this.expanded;
+        if (this.expanded) {
+            this.pdfSignatureContainer.classList.add('expanded-viewer');
+            this.sub_canvas_container.classList.add('expanded-canvas-container');
+            this.digitalSignatureCard.classList.add('hide');
+            this.expandHelpMessage.classList.add('hide');
+            this.btns_expand.classList.remove('hide');
+
+            requestAnimationFrame(() => {
+                this.adjustScaleToContainer().then(() => {
+                    this.renderPage(this.pageNum);
+                    this.sub_canvas_container.scrollTop = (this.canvas.height / 2) - (this.sub_canvas_container.clientHeight / 2);
+                });
+            });
+        } else {
+            this.pdfSignatureContainer.classList.remove('expanded-viewer');
+            this.sub_canvas_container.classList.remove('expanded-canvas-container');
+            this.digitalSignatureCard.classList.remove('hide');
+            this.expandHelpMessage.classList.remove('hide');
+            this.btns_expand.classList.add('hide');
+            this.scale = 1.2;
+            this.renderPage(this.pageNum);
+        }
+
+
+    }
+
+    adjustScaleToContainer() {
+        return this.pdfDoc.getPage(this.pageNum).then((page) => {
+            const containerWidth = Math.min(this.sub_canvas_container.offsetWidth, 1200);
+            const viewport = page.getViewport({scale: 1});
+            let nextScale = (containerWidth * 0.95) / viewport.width;
+            this.scale = Math.min(nextScale, 2.0);
+        });
+    }
+
+
     renderPage(num) {
         this.pageRendering = true;
         this.pdfDoc.getPage(num).then((page) => {
@@ -2632,7 +2677,7 @@ class PdfSignatureComponent {
         return tempSignature;
     }
 
-    // If required, you can define a method for loading an image
+// If required, you can define a method for loading an image
     loadSignatureImage(signatureImage, imageContainer) {
         return new Promise((resolve, reject) => {
             if (!signatureImage) {
@@ -2683,9 +2728,9 @@ class SignatureManager {
         this.container = container;
         this.modal = new bootstrap.Modal(container.querySelector("#loading_sign"));
         this.firmador = new DocumentClient(container, container.getAttribute("data-widget-id"), this, url_ws, custom_event, this.doc_instance);
-        this.signerBtn = container.querySelector(".btn_signer");
+        this.signerBtn = container.querySelectorAll(".btn_signer");
         this.errorsContainer = container.querySelector(".errors_signer");
-        this.refreshBtn = container.querySelector(".btn_signer_refresh");
+        this.refreshBtn = container.querySelectorAll(".btn_signer_refresh");
         this.socketError = false;
         this.pdfvisor = pdfvisor;
 
@@ -2693,11 +2738,15 @@ class SignatureManager {
     }
 
     initEvents() {
-        if (this.signerBtn) {
-            this.signerBtn.addEventListener('click', () => this.sign());
+        if (this.signerBtn && this.signerBtn.length) {
+            this.signerBtn.forEach(btn => {
+                btn.addEventListener('click', () => this.sign());
+            });
         }
-        if (this.refreshBtn) {
-            this.refreshBtn.addEventListener('click', () => this.refresh());
+        if (this.refreshBtn && this.refreshBtn.length) {
+            this.refreshBtn.forEach(btn => {
+                btn.addEventListener('click', () => this.refresh());
+            });
         }
     }
 
@@ -3096,37 +3145,49 @@ function DocumentClient(container, widgetId, signatureManager, url_ws, custom_ev
             this.signatureManager.clearErrors();
         },
         "success_certificates": function (data) {
-
             if (data.length > 0) {
-                container.querySelector("#container_select_card").classList.remove("d-none");
-                container.querySelector("#container_select_card_tem").classList.add("d-none");
-
-                let select_card = container.querySelector(".select_card");
+                container.querySelectorAll("#container_select_card, #container_select_card_expanded_hide").forEach(el => {
+                    el.classList.remove("d-none");
+                    el.classList.remove("hide");
+                });
+                container.querySelectorAll("#container_select_card_tem").forEach(el => {
+                    el.classList.add("d-none");
+                    el.classList.add("hide");
+                });
 
-                if (!select_card) {
+                let select_cards = container.querySelectorAll(".select_card");
+                if (!select_cards.length) {
                     console.error(`Select not found for widget ${widgetId}`);
                     return;
                 }
-                select_card.innerHTML = "";
                 this.certificates = {};
-
-                data.forEach((element) => {
-                    this.certificates[element.tokenSerialNumber] = element;
-                    let start_token = element.tokenSerialNumber.substring(0, 4);
-                    let newOption = new Option(
-                        `${start_token} ${element.commonName}`,
-                        element.tokenSerialNumber,
-                        false, false
-                    );
-                    select_card.appendChild(newOption);
+                select_cards.forEach(select_card => {
+                    select_card.innerHTML = "";
+                    data.forEach((element) => {
+                        this.certificates[element.tokenSerialNumber] = element;
+                        let start_token = element.tokenSerialNumber.substring(0, 4);
+                        let newOption = new Option(
+                            `${start_token} ${element.commonName}`,
+                            element.tokenSerialNumber,
+                            false, false
+                        );
+                        select_card.appendChild(newOption);
+                    });
                 });
             } else {
-                container.querySelector("#container_select_card").classList.add("d-none");
-                container.querySelector("#container_select_card_tem").classList.remove("d-none");
+                container.querySelectorAll("#container_select_card, #container_select_card_expanded_hide").forEach(el => {
+                    el.classList.add("d-none");
+                    el.classList.add("hide");
+                });
+                container.querySelectorAll("#container_select_card_tem").forEach(el => {
+                    el.classList.remove("d-none");
+                    el.classList.remove("hide");
+                });
                 this.signatureManager.addError(2);
             }
         },
 
+
         "do_sign_remote": function () {
             let select = container.querySelector(".select_card");
             let selected_card = select ? select.value : null;

djgentelella/static/gentelella/js/digital_signature_update.js

@@ -0,0 +1,29 @@
+document.addEventListener("DOMContentLoaded", function () {
+    function updatePreview(inputId, previewId) {
+                    const input = document.getElementById(inputId);
+                    const img = document.getElementById(previewId);
+                    if (input && img) {
+                        input.addEventListener("change", function () {
+                            const file = input.files[0];
+                            if (file && file.type.startsWith("image/")) {
+                                            const reader = new FileReader();
+                                            reader.onload = e => img.src = e.target.result;
+                                            reader.readAsDataURL(file);
+                            }
+                        });
+                    }
+    }
+
+    updatePreview("id_image", "image-preview");
+});
+
+// auto remove messages
+document.addEventListener("DOMContentLoaded", function () {
+    setTimeout(function () {
+        document.querySelectorAll(".alert-success").forEach(function (message) {
+            message.style.transition = "opacity 0.5s";
+            message.style.opacity = "0";
+            setTimeout(() => message.remove(), 500);
+        });
+    }, 1500);
+});