X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/fc8d58d4ac9abba24758ef6c914eea9f85ef7e5b..a6767b2d034dcf53d6e88b3e0b6eadfebc5adab1:/src/cover/templates/cover/add_image.html

diff --git a/src/cover/templates/cover/add_image.html b/src/cover/templates/cover/add_image.html
old mode 100755
new mode 100644
index 293c1001..ba981844
--- a/src/cover/templates/cover/add_image.html
+++ b/src/cover/templates/cover/add_image.html
@@ -1,69 +1,34 @@
 {% extends "catalogue/base.html" %}
 {% load i18n %}
+{% load bootstrap4 %}
 
 {% block titleextra %}{% trans "Add image" %}{% endblock %}
 
-{% block add_js %}
-    {{block.super}}
-    <script>
-        $(function() {
-            var radio_buttons = $('input[type=radio][name=upload_type]'),
-                image_fields = $('.upload_type input[type=text],input[type=file]');
-
-            var enable_image_field = function(field) {
-                field.attr('disabled', false);
-            },
-            disable_image_fields = function() {
-                image_fields.attr('disabled', true);
-            }
-
-            radio_buttons.change(function() {
-                var radio_button = $(this),
-                    related_image_field = $('#'+radio_button.attr('data-for'));
-                disable_image_fields();
-                enable_image_field(related_image_field);
-            });
-
-            /* initial state */
-            disable_image_fields();
-            enable_image_field($('#id_download_url'));
-        });
-    </script>
-{% endblock %}
-
 {% block content %}
+<div class="card mt-4 mb-4">
+	<div class="card-header">
 <h1>{% trans "Add image" %}</h1>
-
+	</div>
+	<div class="card-body">
 
 <form method="post">{% csrf_token %}
 <input type="hidden" name='form_id' value="flickr" />
 <table class='editable'><tbody>
-    {{ ff.as_table }}
-    <tr><td></td><td><button type="submit">{% trans "Load from Flickr" %}</button></td></tr>
+    {% bootstrap_form ff %}
+    {% buttons %}
+    <button class="btn btn-primary" type="submit">{% trans "Load from Flickr" %}</button>
+    {% endbuttons %}
 </tbody></table>
 </form>
 
 <form method="post" enctype="multipart/form-data">{% csrf_token %}
-{{ form.non_field_errors }}
-<table class='editable'><tbody>
-    {% for field in form %}
-        {% if field.name != 'download_url' and field.name != 'file' %}
-        <tr>
-            <th>{{field.errors}} {{field.label}}</th>
-            <td>{{field}}</td>
-        </tr>
-        {% endif %}
-    {% endfor %}
-    <tr class="upload_type">
-        <th>{{ form.download_url.errors }} <input style="width: auto;" checked data-for="id_download_url" type="radio" name="upload_type" value="url"/>{{form.download_url.label}}</th>
-        <td>{{form.download_url}}</td>
-        <th>{{ form.file.errors }} <input style="width: auto;" data-for="id_file" type="radio" name="upload_type" value="file"/> Lub {{form.file.label}}</th>
-        <td>{{form.file}}</td>
-
-    </tr>
-    <tr><td></td><td><button type="submit">{% trans "Add image" %}</button></td></tr>
-</tbody></table>
+    {% bootstrap_form form %}
+    {% buttons %}
+    <button class="btn btn-primary" type="submit">{% trans "Add image" %}</button>
+    {% endbuttons %}
 </form>
 
+	</div>
+</div>
 
 {% endblock %}