djgentelella 0.3.29__py3-none-any.whl → 0.4.30__py3-none-any.whl

djgentelella/templates/gentelella/registration/login.html

@@ -1,52 +1,48 @@
 {% extends 'gentelella/base.html' %}
 {% load static i18n %}
 
-{% block extra_css %}
-<link href="{% trans 'vendors/animate.css/animate.min.css' %}" rel="stylesheet">
-{% endblock %}
-
 {% block body_class %}login{% endblock body_class %}
 {% block body %}
 <div>
-    <a class="hiddenanchor" id="signup"></a>
-    <a class="hiddenanchor" id="signin"></a>
-    <div class="login_wrapper">
-        <div class="animate form login_form">
-            <section class="login_content">
-                <form method="post" action="{% url 'login' %}">
-                {% csrf_token %}
-                    <input type="hidden" name="next" value="{{ next }}">
-                    <h1>{% trans 'Login' %}</h1>
-                <div>
-                    {% if form.errors %}
- <p class="text-warning">{% trans "Your username and password didn't match. Please try again." %}</p>
-                    {% endif %}
+	<a class="hiddenanchor" id="signup"></a>
+	<a class="hiddenanchor" id="signin"></a>
+	<div class="login_wrapper">
+		<div class="animate form login_form">
+			<section class="login_content">
+				<form method="post" action="{% url 'login' %}">
+					{% csrf_token %}
+					<input type="hidden" name="next" value="{{ next }}">
+					<h1>{% trans 'Login' %}</h1>
+					<div>
+						{% if form.errors %}
+						<p class="text-warning">{% trans "Your username and password didn't match. Please try again." %}</p>
+						{% endif %}
 
-                    {% if next %}
-                        {% if user.is_authenticated %}
-                        <p>{% blocktrans %}Your account doesn't have access to this page. To proceed,
-                        please login with an account that has access.{% endblocktrans %}</p>
-                        {% else %}
-                        <p class="text-warning">{% trans "Please login to see this page." %}</p>
-                        {% endif %}
-                    {% endif %}
+						{% if next %}
+						{% if user.is_authenticated %}
+						<p>{% blocktrans %}Your account doesn't have access to this page. To proceed,
+							please login with an account that has access.{% endblocktrans %}</p>
+						{% else %}
+						<p class="text-warning">{% trans "Please login to see this page." %}</p>
+						{% endif %}
+						{% endif %}
 
-                </div>
-                    <div>
-                        <input type="text" class="form-control" name="username" placeholder="{% trans 'Username' %}" required="" />
-                    </div>
-                    <div>
-                        <input type="password" class="form-control" name="password" placeholder="{% trans 'Password' %}" required="" />
-                    </div>
-                    <div>
-                        <button type="submit" class="btn btn-secondary submit" >{% trans 'Log in' %}</button>
-                        <a class="reset_pass" href="{% url 'password_reset' %}">{% trans 'Lost your password?' %}</a>
-                    </div>
+					</div>
+					<div>
+						<input type="text" class="form-control" name="username" placeholder="{% trans 'Username' %}" required=""/>
+					</div>
+					<div>
+						<input type="password" class="form-control" name="password" placeholder="{% trans 'Password' %}" required=""/>
+					</div>
+					<div>
+						<button type="submit" class="btn btn-secondary submit">{% trans 'Log in' %}</button>
+						<a class="reset_pass" href="{% url 'password_reset' %}">{% trans 'Lost your password?' %}</a>
+					</div>
 
-{% include 'gentelella/registration/footer.html' %}
-                </form>
-            </section>
-        </div>
-    </div>
+					{% include 'gentelella/registration/footer.html' %}
+				</form>
+			</section>
+		</div>
+	</div>
 </div>
-{% endblock %}
+{% endblock %}

djgentelella/templates/gentelella/statics/javascript.html

@@ -2,43 +2,57 @@
 {% get_settings 'use_compress_static' as use_compress %}
 {% get_define 'use_readonlywidgets' as use_readonlywidgets %}
 
-<script type="module" src="{% static 'vendors/pdfjs/pdf.min.mjs' %}?v={% get_version %}"></script>
-<script type="module" src="{% static 'vendors/pdfjs/pdf.worker.min.mjs' %}?v={% get_version %}"></script>
+	<!-- Pdf js -->
+	<script type="module" src="{% static 'vendors/pdfjs/pdf.min.mjs' %}?v={% get_version %}"></script>
+	<script type="module" src="{% static 'vendors/pdfjs/pdf.worker.min.mjs' %}?v={% get_version %}"></script>
 
 {% if use_compress  == 'true' %}
-<script src="{% static 'djgentelella.vendors.min.js' %}?v={% get_version %}"></script>
-{% if use_readonlywidgets %}
-<script src="{% static 'djgentelella.readonly.vendors.min.js' %}?v={% get_version %}"></script>
-{% endif %}
-<script src="{% static 'vendors/tinymce/tinymce.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/tinymce/jquery.tinymce.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/tinymce/tinymce-all.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'djgentelella.vendors.min.js' %}?v={% get_version %}"></script>
+	{% if use_readonlywidgets %}
+		<script src="{% static 'djgentelella.readonly.vendors.min.js' %}?v={% get_version %}"></script>
+	{% endif %}
+	<script src="{% static 'vendors/tinymce/tinymce.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/tinymce/jquery.tinymce.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/tinymce/tinymce-all.js' %}?v={% get_version %}"></script>
 
 {% else %}
-<script src="{% static 'vendors/squirrelly/squirrelly.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/moment/moment-with-locales.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/jquery-knob/jquery.knob.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/inputmask/inputmask.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/inputmask/jquery.inputmask.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/nprogress/nprogress.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/bootstrap-progressbar/bootstrap-progressbar.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/iCheck/icheck.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/interact/interact.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/bootstrap-daterangepicker/daterangepicker.min.js' %}?v={% get_version %}"></script>
-<script
-	src="{% static 'vendors/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js' %}?v={% get_version %}"></script>
-<!-- Switchery -->
-<script src="{% static 'vendors/switchery/switchery.min.js' %}?v={% get_version %}"></script>
-<!-- Select2 -->
-<script src="{% static 'vendors/select2/select2.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/parsleyjs/parsley.min.js' %}?v={% get_version %}"></script>
-<!-- Autosize -->
-<script src="{% static 'vendors/autosize/autosize.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/bootstrap-maxlength/bootstrap-maxlength.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/fileupload/jquery.ui.widget.min.js' %}?v={% get_version %}"></script>
-<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
-<!-- Grid Slider Plugin-->
-<script src="{% static 'vendors/grid-slider/ion.rangeSlider.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/squirrelly/squirrelly.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/moment/moment-with-locales.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/jquery-knob/jquery.knob.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/inputmask/inputmask.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/inputmask/jquery.inputmask.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/nprogress/nprogress.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/bootstrap-progressbar/bootstrap-progressbar.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/iCheck/icheck.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/interact/interact.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/bootstrap-daterangepicker/daterangepicker.min.js' %}?v={% get_version %}"></script>
+	<script
+		src="{% static 'vendors/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js' %}?v={% get_version %}"></script>
+	<!-- Switchery -->
+	<script src="{% static 'vendors/switchery/switchery.min.js' %}?v={% get_version %}"></script>
+	<!-- Select2 -->
+	<script src="{% static 'vendors/select2/select2.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/parsleyjs/parsley.min.js' %}?v={% get_version %}"></script>
+	<!-- Autosize -->
+	<script src="{% static 'vendors/autosize/autosize.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/bootstrap-maxlength/bootstrap-maxlength.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/fileupload/jquery.ui.widget.min.js' %}?v={% get_version %}"></script>
+	<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
+	<!-- Grid Slider Plugin-->
+	<script src="{% static 'vendors/grid-slider/ion.rangeSlider.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/fileupload/jquery.iframe-transport.min.js' %}?v={% get_version %}"></script>
+	<!-- The basic File Upload plugin -->
+	<script src="{% static 'vendors/fileupload/jquery.fileupload.min.js' %}?v={% get_version %}"></script>
+	<!-- Calculate md5 -->
+	<script src="{% static 'vendors/fileupload/spark-md5.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/tagify/tagify.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/tagify/jQuery.tagify.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/tinymce/tinymce.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/tinymce/jquery.tinymce.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/tinymce/tinymce-all.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/sweetalert2/sweetalert2.all.min.js' %}?v={% get_version %}"></script>
+	<!-- Pdf js -->
+	<script src="{% static 'vendors/pdfjs/interact.min.js' %}?v={% get_version %}"></script>
 
 <script src="{% static 'vendors/fileupload/jquery.iframe-transport.min.js' %}?v={% get_version %}"></script>
 <!-- The basic File Upload plugin -->
@@ -62,39 +76,39 @@
 {% endif %}
 
 {% if use_compress == 'true' %}
-<script src="{% static 'gentelella/js/datatables.js' %}?v={% get_version %}"></script>
-<script src="{% static 'gentelella/js/obj_api_management.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'gentelella/js/datatables.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'gentelella/js/obj_api_management.js' %}?v={% get_version %}"></script>
 {% else %}
-<script src="{% static 'vendors/datatables/datatables.min.js' %}?v={% get_version %}"></script>
-<script src="{% static 'gentelella/js/datatables.js' %}?v={% get_version %}"></script>
-<script src="{% static 'gentelella/js/obj_api_management.js' %}?v={% get_version %}"></script>
-<script src="{% static 'vendors/chartjs/Chart.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/datatables/datatables.min.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'gentelella/js/datatables.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'gentelella/js/obj_api_management.js' %}?v={% get_version %}"></script>
+	<script src="{% static 'vendors/chartjs/Chart.min.js' %}?v={% get_version %}"></script>
 {% endif %}
 <!-- Custom Theme Scripts -->
 <script src="{% static 'gentelella/js/base.js' %}?v={% get_version %}"></script>
 <script src="{% static 'gentelella/js/widgets.js' %}?v={% get_version %}"></script>
 <script src="{% static 'gentelella/js/custom.js' %}?v={% get_version %}"></script>
 {% if perms.djgentelella.can_manage_permissions %}
-{% get_urlname_action as urlnameactions %}
-{% if urlnameactions %}
-<script>
-	var permission_context = {
-					'select_user_url': "{% url 'userbase-list' %}",
-					'select_group_url': "{% url 'groupbase-list' %}",
-					'user_placeholder': "{% trans 'Select an User' %}",
-					'group_placeholder': "{% trans 'Select a Group' %}",
-					'get_permissions': "{% url 'permission_view_list' pk=0 %}",
-					'save_permissions': "{% url 'permcategorymanagement-save' %}",
-					'user_label': "{% trans 'User' %}",
-					'validation_error': "{% trans 'There are fields with invalid options' %}",
-					'not_found_object': "{% trans 'Not found' %}",
-					'group_label': "{% trans 'Group' %}",
-					'not_found_permissions_label': "{% trans 'This view has not permissions associated.' %}",
-					'not_select_valid_option': "{% trans 'You have not selected a valid option.' %}",
-					'save_messages': "{% trans 'Permission have been successfully saved.' %}",
-					'error': "{% trans 'An error occurred while saving.' %}",
-	};
-</script>
-<script src="{% static 'gentelella/js/permissionmanagement.js' %}?v={% get_version %}"></script>
-{% endif %}
+	{% get_urlname_action as urlnameactions %}
+	{% if urlnameactions %}
+		<script>
+			var permission_context = {
+				'select_user_url': "{% url 'userbase-list' %}",
+				'select_group_url': "{% url 'groupbase-list' %}",
+				'user_placeholder': "{% trans 'Select an User' %}",
+				'group_placeholder': "{% trans 'Select a Group' %}",
+				'get_permissions': "{% url 'permission_view_list' pk=0 %}",
+				'save_permissions': "{% url 'permcategorymanagement-save' %}",
+				'user_label': "{% trans 'User' %}",
+				'validation_error': "{% trans 'There are fields with invalid options' %}",
+				'not_found_object': "{% trans 'Not found' %}",
+				'group_label': "{% trans 'Group' %}",
+				'not_found_permissions_label': "{% trans 'This view has not permissions associated.' %}",
+				'not_select_valid_option': "{% trans 'You have not selected a valid option.' %}",
+				'save_messages': "{% trans 'Permission have been successfully saved.' %}",
+				'error': "{% trans 'An error occurred while saving.' %}",
+			};
+		</script>
+		<script src="{% static 'gentelella/js/permissionmanagement.js' %}?v={% get_version %}"></script>
+	{% endif %}
 {% endif %}

djgentelella/templates/gentelella/statics/stylesheets.html

@@ -3,16 +3,17 @@
 <script> datatables_lang = "{% get_datatables_translation %}"; </script>
 {% get_settings 'use_compress_static' as use_compress %}
 {% if use_compress == 'true' %}
-<link href="{% static 'djgentelella.vendors.min.css' %}?v={% get_version %}" rel="stylesheet">
-{% get_define 'use_flags' as use_flags %}
-{% if use_flags %}
-<link href="{% static 'djgentelella.flags.vendors.min.css' %}?v={% get_version %}" rel="stylesheet">
-{% endif %}
-<link href="{% static 'vendors/tinymce/skin.min.css' %}?v={% get_version %}" rel="stylesheet"/>
-{% get_define 'use_readonlywidgets' as use_readonlywidgets %}
-{% if use_readonlywidgets %}
-<link href="{% static 'djgentelella.readonly.vendors.min.css' %}?v={% get_version %}" rel="stylesheet">
-{% endif %}
+	<link href="{% static 'gentelella/css/pdfviewer.css' %}?v={% get_version %}" rel="stylesheet">
+	<link href="{% static 'djgentelella.vendors.min.css' %}?v={% get_version %}" rel="stylesheet">
+	{% get_define 'use_flags' as use_flags %}
+	{% if use_flags %}
+		<link href="{% static 'djgentelella.flags.vendors.min.css' %}?v={% get_version %}" rel="stylesheet">
+	{% endif %}
+	<link href="{% static 'vendors/tinymce/skin.min.css' %}?v={% get_version %}" rel="stylesheet"/>
+	{% get_define 'use_readonlywidgets' as use_readonlywidgets %}
+	{% if use_readonlywidgets %}
+		<link href="{% static 'djgentelella.readonly.vendors.min.css' %}?v={% get_version %}" rel="stylesheet">
+	{% endif %}
 {% else %}
 <link href="{% static 'vendors/bootstrap/bootstrap.min.css' %}?v={% get_version %}" rel="stylesheet">
 <link href="{% static 'vendors/font-awesome/font-awesome.min.css' %}?v={% get_version %}" rel="stylesheet">

djgentelella/templates/gentelella/widgets/addtreeselect.html

@@ -1,5 +1,5 @@
 {% load i18n %}
-<div class="input-group">
+<div class="input-group flex-nowrap">
   <div id="add_{{ widget.name }}_id" data-toggle="modal" data-bs-target="#modal_{{ widget.name }}_id" class="input-group-addon gentelella_select_add"><i class="fa fa-plus"></i></div>
 <select name="{{ widget.name }}" data-modalname="#modal_{{ widget.name }}_id" {% include "gentelella/widgets/attrs.html" %} >
 {% for group_name, group_choices, group_index in widget.optgroups %}

djgentelella/templates/gentelella/widgets/chunkedupload.html

@@ -1,9 +1,9 @@
 {% load i18n %}
 <div class="fileupload">
     <div class="input-group flex-nowrap">
-        <div   class="input-group-text {{ widget.name }}_progress"><i class="fa fa-file"></i></div>
+        <div class="input-group-text {{ widget.name }}_progress"><i class="fa fa-file"></i></div>
         <div class="uploadfilecontent chunkedupload">
-            <input class="chunkedupload-input" style="" type="{{ widget.type }}" data-inputtoken="{{ widget.name }}" data-process=".{{ widget.name }}_progress"  data-message=".{{ widget.name }}_messages"  name="{{ widget.name }}_widget" {% include "gentelella/widgets/attrs.html" %}>
+            <input class="chunkedupload-input"  type="{{ widget.type }}" data-inputtoken="{{ widget.name }}" data-process=".{{ widget.name }}_progress"  data-message=".{{ widget.name }}_messages"  name="{{ widget.name }}_widget" {% include "gentelella/widgets/attrs.html" %}>
         </div>
         <div   class="form-control {{ widget.name }}_messages" style="display:none;"></div>
         <input class="chunkedvalue" type="hidden" name="{{ widget.name }}" value='{{widget.value}}' autocomplete="off"/>

djgentelella/templates/gentelella/widgets/digital_signature.html

@@ -0,0 +1,208 @@
+{% load urlname_tags %}
+{% load gentelellamenu gtsettings %}
+{% load i18n %}
+{% load static %}
+
+<div class="row my-3 widget-digital-signature">
+
+	{#	optional title #}
+	{% if widget.attrs.title %}
+		<h5 class="text-center mb-3 mt-2 text-secondary fw-bold">
+			{{ widget.attrs.title }}
+		</h5>
+	{% endif %}
+
+	{#	digital signature card #}
+	<div class="col-12 col-md-4">
+
+		<div id="container_select_card_tem">
+			<div class="d-flex justify-content-end">
+				{#		btn refresh #}
+				<i class="fa fa-refresh text-muted fs-5 cursor-pointer btn_signer_refresh"
+							title="{% trans 'Reload' %}"
+							aria-hidden="true"></i>
+			</div>
+
+			<h6 class="text-danger fw-bold my-2">
+				{% trans 'The signed option is not available.' %}
+			</h6>
+
+			<p class="fw-bold mx-1">
+				{% trans "We did not find an electronic signature card." %}
+			</p>
+
+			<p class="mx-1">
+				{% trans 'Please make sure to comply with the notices or resolve the errors.' %}
+			</p>
+
+		</div>
+
+		<div id="container_select_card" class="d-flex justify-content-center flex-column d-none  p-2">
+			<div class="d-flex justify-content-between align-items-center my-3">
+				<label for="select_card_{{ widget.attrs.id }}" class="text-center fw-bold">
+					{% trans 'Choose your signature card' %}
+				</label>
+
+				{#		btn refresh #}
+				<i class="fa fa-refresh text-muted fs-5 cursor-pointer btn_signer_refresh"
+							title="{% trans 'Reload' %}"
+							aria-hidden="true"></i>
+			</div>
+
+			{#			select card #}
+			<div class="select-container" title="{% trans 'Electronic signature card' %}">
+				<i class="fa fa-credit-card-alt ms-2" aria-hidden="true"></i>
+				<select id="select_card_{{ widget.attrs.id }}" class="form-select select_card" name="{{ widget.name }}_select">
+				</select>
+			</div>
+
+			{#	btn sign #}
+			<div class="my-3 d-flex align-items-center justify-content-evenly">
+				<button class="btn btn-primary w-50 rounded formadd btn-sm px-3 btn_signer"
+												type="button">{% trans 'Sign' %}</button>
+			</div>
+		</div>
+
+		{#	info messages #}
+		<div class="row m-1">
+			<p class="text-muted fw-bold m-0 p-0">
+				<i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
+				{% trans 'Notices' %}
+			</p>
+			<ul class="m-0 p-0 ms-2">
+				<li>
+					<small> 1) {% trans 'You need Firmador Libre installed in order to sign.' %} </small>
+				</li>
+				<li>
+					<small> 2) {% trans 'Make sure your version is 1.9.8 or later.' %}
+					</small>
+				</li>
+				<li>
+					<small> 3) {% trans 'Run the application before proceeding with the signature.' %} </small>
+				</li>
+				<li>
+					<small>
+						4)
+						{% trans "If the autolauncher doesn't work, I used this command line." %}
+						<i class="fa fa-info-circle cursor-pointer" title="{% trans 'Show command' %}" id="show-command-line"
+									aria-hidden="true"></i>
+					</small>
+				</li>
+			</ul>
+
+			<div class="row">
+				<p id="text-copy" class="text-center text-muted p-0 m-0 small d-none">
+					{% trans 'Copied to clipboard' %}
+				</p>
+				<div id="container-command-line" class="text-wrap bg-light text-center p-2 rounded shadow-sm d-none">
+					<div class="d-flex justify-content-end">
+						<i class="fa fa-clipboard cursor-pointer text-black" id="copy-command-line"
+									title="{% trans 'Copy to clipboard' %}" aria-hidden="true"></i>
+					</div>
+					<pre id="command-line" class="text-wrap small">
+																	java --add-exports=jdk.crypto.cryptoki/sun.security.pkcs11.wrapper=ALL-UNNAMED -Djnlp.remoteOrigin={{ request.scheme }}://{{ request.get_host }} -jar firmador.jar -dremote
+							</pre>
+				</div>
+			</div>
+		</div>
+
+
+		{#	firmador messages #}
+		<div class="row m-1 pt-2">
+			<p class="text-muted fw-bold m-0 p-0 d-flex align-items-center">
+				<span class="me-2">	Firmador Libre </span>
+				<img src="{% static 'gentelella/images/firmador.ico' %}" width="20" alt="Firmador Libre">
+			</p>
+			<ul class="m-0 p-0 ms-2">
+				<li>
+					<a class="small"
+								title="{% trans 'Download Firmador Libre' %}"
+								href="https://firmador.libre.cr/descargar.html" target="_blank">
+						{% trans 'Download app' %}
+						<i class="fa fa-download" aria-hidden="true"></i>
+					</a>
+				</li>
+				<li>
+					<a class="small"
+								title="{% trans 'Run Firmador Libre' %}"
+								href="firmador:{{ widget.attrs.cors }}">
+						{% trans 'Run app' %}
+						<i class="fa fa-cog" aria-hidden="true"></i>
+					</a>
+				</li>
+			</ul>
+		</div>
+
+		{#	error messages #}
+		<div id="signature-errors" class="errors_signer row m-1">
+		</div>
+
+	</div>
+
+	{#	preview file #}
+	<div class="col-12 col-md-8">
+		<div class="pdf-signature-container" id="pdf-signature-container">
+			{#	actions for change page#}
+			<div class="my-3 d-flex align-items-center justify-content-evenly">
+				<input type="hidden" name="{{ widget.name }}_page_number" class="page_number">
+				<input type="hidden"  name="{{ widget.name }}"
+					{% if widget.value != None %} value="{{ widget.value|stringformat:'s' }}"{% endif %} {% include "gentelella/widgets/attrs.html" %}>
+
+				{#		button to change page #}
+				<div>
+					<button type="button" class="btn btn-light px-3 shadow-sm border btn-sm prev" title="{% trans 'Previous' %} ">
+						<i class="fa fa-angle-double-left" aria-hidden="true"></i>
+					</button>
+					<button type="button" class="btn btn-light px-3 shadow-sm border btn-sm next" title="{% trans 'Next' %} ">
+						<i class="fa fa-angle-double-right" aria-hidden="true"></i>
+					</button>
+				</div>
+
+				{#		number of pages #}
+				<div class="border  rounded px-3 py-1 shadow-sm ">
+					<i class="fa fa-file-o me-1" aria-hidden="true" title="{% trans 'Page' %}"></i>
+					<span class="page_num"></span> / <span class="page_count"></span>
+				</div>
+			</div>
+
+			{#	preview document	#}
+			<div class="d-flex justify-content-center canvas_container">
+				<div class="sub_canvas_container">
+					<div class="signature">
+						<div class="image"></div>
+						<div class="text"></div>
+					</div>
+					<canvas class="pdfviewer"></canvas>
+				</div>
+			</div>
+
+			{# warning message #}
+			<div class="text-muted text-center my-3">
+				<p class="small">
+					<i class="fa fa-exclamation-circle me-2" aria-hidden="true"></i>
+					{% trans "Please go to the last page, in the signature space, try to place your signature vertically centered." %}
+				</p>
+			</div>
+
+		</div>
+	</div>
+	{# loading #}
+	<div class="modal fade" id="loading_sign" style="background-color: rgba(0, 0, 0, 0.3);" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
+						aria-hidden="true">
+		<div class="modal-dialog modal-dialog-centered">
+			<div class="modal-content bg-transparent border-0">
+				<div class="d-flex flex-column justify-content-center align-items-center text-white">
+					<span class="spinner-border" style="width: 3rem; height: 3rem;" role="status" aria-hidden="true"></span>
+					<h6 class="text-center fw-bold mt-3 loading-animation"> {% trans "Loading..." %} </h6>
+
+					<p class="text-center mt-3 fw-bold">
+						{% trans "Please wait while the document is being signed." %}
+					</p>
+				</div>
+			</div>
+		</div>
+	</div>
+
+</div>
+
+

djgentelella/templates/gentelella/widgets/file.html

@@ -2,24 +2,23 @@
 
 <div class="fileupload">
 <div class="input-group flex-nowrap">
-  <div   class="input-group-text {{ widget.name }}_progress"><i class="fa fa-file"></i></div>
-  <div class="uploadfilecontent">
-    <input type="{{ widget.type }}" data-inputtoken="{{ widget.name }}" data-process=".{{ widget.name }}_progress"  data-message=".{{ widget.name }}_messages"  name="{{ widget.name }}_widget" {% include "gentelella/widgets/attrs.html" %}>
+  <div class="input-group-text {{ widget.name }}_progress"><i class="fa fa-file"></i></div>
+  <div class="uploadfilecontent chunkedupload">
+    <input class="chunkedupload-input" type="{{ widget.type }}" data-inputtoken="{{ widget.name }}" data-process=".{{ widget.name }}_progress"  data-message=".{{ widget.name }}_messages"  name="{{ widget.name }}_widget" {% include "gentelella/widgets/attrs.html" %}>
   </div>
-  <div   class="form-control {{ widget.name }}_messages" style="display:none;"></div>
-   <input type="hidden" name="{{ widget.name }}" value="{{ widget.value }}" />
+  <div class="form-control {{ widget.name }}_messages" style="display:none;"></div>
+   <input type="hidden" name="{{ widget.name }}" value="{{ widget.value|default:''  }}"  autocomplete="off" />
    <div class="input-group-text fileshow" ><i class="fa fa-eye"></i></div>
-  <div id="download_{{ widget.name }}" class="input-group-text bg-danger" >
-    <a href="" target="_blank"><i class="fa fa-download text-light"></i></a>
+  <div id="download_{{ widget.name }}" class="input-group-text bg-danger" {% if not widget.value %}style="display:none;"{% endif %}>
+    <a href="{% if widget.value %}{{widget.value.url}}{%endif%}" target="_blank"><i class="fa fa-download text-light"></i></a>
   </div>
 </div>
-  <div id="check_{{ widget.name }}" class="checkbox">
-    <label class="">
-      <div class="icheckbox_flat-green " style="position: relative;">
-        <input type="checkbox" autocomplete="off" data-widget="CheckboxInput"  class="flat"  style="position: absolute; opacity: 0;">
-        <ins class="iCheck-helper"  ></ins></div>
-      {% trans 'Delete this file' %}
-
-    </label>
-  </div>
+    <div id="remove_{{ widget.name }}" class="checkbox">
+        <label class="">
+            <div class="icheckbox_flat-green" style="position: relative;">
+                <input id="id_remove_{{ widget.name }}" type="checkbox" autocomplete="off" data-widget="CheckboxInput" name="remove_{{ widget.name }}_gt"  class="flat"  style="position: absolute; opacity: 0;">
+                <ins class="iCheck-helper"  ></ins></div>
+            				{% trans 'Delete this file' %}
+        </label>
+    </div>
 </div>

djgentelella/templatetags/gtsettings.py

@@ -52,3 +52,7 @@ def get_define(context, val):
         value = settings.DEFAULT_JS_IMPORTS[val]
     value = getattr(context['request'], val, value)
     return value
+
+@register.simple_tag(takes_context=True)
+def get_websocket_url(context, name, *args, default="sign_document", **kwargs):
+    return settings.FIRMADOR_WS + name

djgentelella/urls.py

@@ -55,7 +55,6 @@ wysiwyg_urls = [
             name="tinymce_upload_video"),
 ]
 
-
 def import_module_app_gt(app, name):
     try:
         __import__(app + '.' + name)
@@ -101,6 +100,7 @@ permission_management_urls = [
 ]
 
 urlpatterns = auth_urls + base_urlpatterns + wysiwyg_urls + permission_management_urls
+
 if settings.DEBUG:
     urlpatterns += [
         path('djsi18n/', JavaScriptCatalog.as_view(), name='djgentelella-js-catalog'),

djgentelella/widgets/core.py

@@ -1,3 +1,5 @@
+import json
+
 from django.forms import (
     PasswordInput as DJPasswordInput,
     FileInput as DJFileInput,
@@ -178,7 +180,7 @@ class FileInput(DJFileInput):
             attrs = update_kwargs(
                 attrs,
                 self.__class__.__name__,
-                base_class='djgentelella-file-inputt form-control')
+                base_class='djgentelella-file-input form-control')
         if 'data-href' not in attrs:
             attrs.update({'data-href': reverse_lazy('upload_file_view')})
         if 'data-done' not in attrs:
@@ -192,7 +194,8 @@ class FileInput(DJFileInput):
     def value_from_datadict(self, data, files, name):
         dev = None
         token = data.get(name)
-        tmpupload = ChunkedUpload.objects.filter(upload_id=token).first()
+        load_token = json.loads(token)
+        tmpupload = ChunkedUpload.objects.filter(upload_id=load_token['token']).first()
         if tmpupload:
             dev = tmpupload.get_uploaded_file()
             tmpupload.delete()