AdminFileInput link. Close viewflow#288. Close viewflow#289

kmmbvnr · kmmbvnr · commit 76ff48c3b633 · 2017-10-27T11:46:33.000+06:00
diff --git a/demo/templates/admin_demo.html b/demo/templates/admin_demo.html
@@ -5,7 +5,7 @@
 
 {% block head %}
 {% include 'admin/includes/material_css.html' %}
-<script src="{% static 'material/js/jquery-2.2.0.js' %}"></script>
+<script src="{% static 'material/js/jquery.js' %}"></script>
 <script>
     // Use same django for material and django admin
     var django = django || {};
diff --git a/demo/templates/base.html b/demo/templates/base.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>{% load static %}
 <html lang="en">
   <head>
     <meta charset="utf-8">
@@ -24,7 +24,7 @@
           {% block content %}{% endblock %}
       </div>
       {% block js %}
-      <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+      <script src="{% static 'material/js/jquery.js' %}"></script>
       {% include 'material/includes/material_js.html' %}
       {% block extrajs %}{% endblock %}
       {% endblock %}
diff --git a/material/admin/templates/material/fields/django_adminfilewidget.html b/material/admin/templates/material/fields/django_adminfilewidget.html
@@ -0,0 +1,34 @@
+{% load material_form material_form_internal i18n %}
+{% part bound_field.field %}<div class="row">
+    <div{% attrs bound_field 'group' %}
+        id="id_{{ bound_field.html_name }}_container"
+        class="input-field file-field col s12{% if field.required %} required{% endif %}{% if bound_field.errors %} has-error{% endif %}"
+   {% endattrs %}>
+        <div class="btn">
+            {% part field prefix %}<span>{% trans 'File' %}</span>{% endpart %}
+            <input type="file" name="{{ bound_field.html_name }}"/>
+        </div>
+        {% part field suffix %}{% endpart %}{% part field control %}<div class="file-path-wrapper">
+            <input{% attrs bound_field 'widget' default field.widget.attrs %}
+                id="id_{{ bound_field.html_name }}"
+                type="text"
+                class="file-path"
+                placeholder="{{ bound_field.label }}"
+                {% if bound_field.value|is_initial_file %}value="{{ bound_field.value }}"{% endif %}
+            {% endattrs %}>
+            {% if bound_field.value|is_initial_file %}
+            <a class="input-field-action" href="{{MEDIA_URL}}{{ bound_field.value.url }}" target="blank" title="{{ bound_field.value.name }}">
+                <i class="material-icons">file_download</i>
+            </a>
+            {% endif %}
+        </div>{% endpart %}
+        {% part field help_text %}
+        {% if field.help_text %}
+        <div class="help-block">{{ bound_field.help_text|safe }}</div>
+        {% endif %}
+        {% endpart %}{% part field errors %}
+        {% if bound_field.errors %}
+            {% include  'material/field_errors.html' %}
+        {% endif %}{% endpart %}{{ hidden_initial }}
+    </div>
+</div>{% endpart %}
diff --git a/material/static/material/css/materialize.admin.min.css b/material/static/material/css/materialize.admin.min.css
diff --git a/material/static/material/css/materialize.forms.css b/material/static/material/css/materialize.forms.css
@@ -38,6 +38,17 @@ form .error {
 .input-field input[type=number] {
   -moz-appearance: textfield; }
 
+.input-field .input-field-action {
+  position: absolute;
+  top: 0;
+  right: 0;
+  color: #555;
+  padding: 0 0.75rem;
+  line-height: 3rem;
+  background: white; }
+  .input-field .input-field-action i.material-icons {
+    vertical-align: middle; }
+
 .input-field ::-webkit-inner-spin-button {
   -webkit-appearance: none; }
 
diff --git a/material/static/material/css/materialize.frontend.min.css b/material/static/material/css/materialize.frontend.min.css
diff --git a/material/static/material/sass/materialize.forms.scss b/material/static/material/sass/materialize.forms.scss
@@ -50,6 +50,20 @@ form .error {
         -moz-appearance: textfield;
     }
 
+    .input-field-action {
+        position: absolute;
+        top: 0;
+        right: 0;
+        color: #555;
+        padding: 0 0.75rem;
+        line-height: 3rem;
+        background: white;
+        
+        i.material-icons {
+            vertical-align: middle;
+        }
+    }
+
     ::-webkit-inner-spin-button {
         -webkit-appearance: none;
     }
diff --git a/setup.cfg b/setup.cfg
@@ -4,6 +4,9 @@ universal = 1
 [pep8]
 max-line-length = 119
 
+[flake8]
+max-line-length = 119
+
 [pep257]
 add-ignore = D100,D104,D105,D203
 match = (?!\d{4}_)(?!test_).*\.py
