Ajustes genéricos de viasualização

sigi/apps/utils/templatetags/file_image.py

@@ -0,0 +1,27 @@
+import pathlib
+from django import template
+from django.conf import settings
+from django.db import models
+from django.templatetags.static import static
+
+register = template.Library()
+
+ICONS_FOLDER = settings.STATIC_ROOT / "img/icons/"
+
+
+@register.filter
+def file_image(value):
+    if not isinstance(value, models.fields.files.FieldFile):
+        return value
+    if is_image(value):
+        return value.url or static("img/icons/unknown.jpg")
+    sufixo = pathlib.Path(value.name).suffix[1:]
+    if (ICONS_FOLDER / f"{sufixo}.jpg").exists():
+        return static(f"img/icons/{sufixo}.jpg")
+    else:
+        return static("img/icons/unknown.jpg")
+
+
+@register.filter
+def is_image(value):
+    return isinstance(value, models.fields.files.ImageFieldFile)

sigi/static/css/materialize-adjusts.css

@@ -0,0 +1,3 @@
+.file-field input[type="file"] {
+    left: 65px;
+}

sigi/static/js/materialize-inits.js

@@ -0,0 +1,3 @@
+$(document).ready(function () {
+    M.Materialbox.init($('.materialboxed'));
+})

sigi/templates/admin/base_site.html

@@ -4,6 +4,7 @@
 {% block theme %}
   <link rel="stylesheet" type="text/css" href="{% static 'material/admin/css/base_site-green.min.css' %}">
   <link rel="stylesheet" type="text/css" href="{% static 'material/admin/css/base_site-theme.min.css' %}">
+  <link rel="stylesheet" type="text/css" href="{% static 'css/materialize-adjusts.css' %}">
 {% endblock %}
 
 {% block breadcrumbs %}{% endblock %}
@@ -28,4 +29,9 @@
     {% trans 'Log out' %}
     <i class="material-icons" aria-hidden="true">exit_to_app</i>
   </a>
+{% endblock %}
+
+{% block footer %}
+  {{ block.super }}
+  <script src="{% static 'js/materialize-inits.js' %}"></script>
 {% endblock %}

sigi/templates/admin/widgets/clearable_file_input.html

@@ -1,19 +1 @@
-<a href="{{ widget.value.url }}"><img src="{{ widget.value.url }}" /></a>
+{% extends "django/forms/widgets/clearable_file_input.html" %}
-{% if widget.is_initial %}
-<p class="file-upload">
-    {{ widget.initial_text }}:
-    <a href="{{ widget.value.url }}">{{ widget.value }}</a>
-    {% if not widget.required %}
-    <span class="clearable-file-input">
-        <input type="checkbox" name="{{ widget.checkbox_name }}" id="{{ widget.checkbox_id }}"
-            {% if widget.attrs.disabled %} disabled{% endif %}>
-        <label for="{{ widget.checkbox_id }}">{{ widget.clear_checkbox_label }}</label>
-    </span>
-    {% endif %}
-    <br>
-    {{ widget.input_text }}:
-    {% endif %}
-    <input type="{{ widget.type }}" name="{{ widget.name }}" {% include "django/forms/widgets/attrs.html" %}>
-    {% if widget.is_initial %}
-</p>
-{% endif %}

sigi/templates/django/forms/material_form.html

@@ -3,12 +3,21 @@
 <p>{% for field in hidden_fields %}{{ field }}{% endfor %}</p>
 {% endif %}
 {% for field, errors in fields %}
-<div{% with classes=field.css_classes %} class="{% if field.widget_type != 'clearablefile' %}input-field {% endif %}{{ classes }}" {% endwith %}>
+<div{% with classes=field.css_classes %} class="input-field {{ classes }}" {% endwith %}>
   <small class="error">
     {{ errors }}
   </small>
-  {% if field.label %}{{ field.label_tag }}{% endif %}
+  {% if field.widget_type == 'checkbox' %}
-  {{ field }}
+    <p>
+      <label>
+        {{ field }}
+        <span>{{ field.label }}</span>
+      </label>
+    </p>
+  {% else %}
+    {% if field.label %}{{ field.label_tag }}{% endif %}
+    {{ field }}
+  {% endif %}
   {% if field.help_text %}
   <small class="helptext">{{ field.help_text|safe }}</small>
   {% endif %}

sigi/templates/django/forms/widgets/clearable_file_input.html

@@ -1,9 +1,8 @@
-{% load i18n %}
+{% load i18n file_image %}
-<div class="file-field input-field">
+<div class="file-field">
   {% if widget.is_initial %}
   <div class="left" style="padding: 5px;">
-    <a href="{{ widget.value.url }}">
+    <img src="{{ widget.value|file_image }}" alt="{{ widget.value }}" height="60" width="60" {% if widget.value|is_image %} class="materialboxed"{% endif %}/>
-      <img src="{{ widget.value.url }}" alt="{{ widget.value }}" height="60" width="60"/>
     </a>
   </div>
   {% endif %}
@@ -16,12 +15,13 @@
   </div>
 </div>
 {% if widget.is_initial %}
-{% if not widget.required %}
+  <em class="right">{% trans "Download" %}: <a href="{{ widget.value.url }}">{{ widget.value.url }}</a></em>
   <p>
+  {% if not widget.required %}
     <label>
       <input type="checkbox" name="{{ widget.checkbox_name }}" id="{{ widget.checkbox_id }}" {% if widget.attrs.disabled %}disabled{% endif %}>
       <span>{{ widget.clear_checkbox_label }}</span>
     </label>
+  {% endif %}
   </p>
-{% endif %}
+{% endif %}
-{% endif %}