X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/05f67adb27390c7a9cf214e83550d3bbca88c8f2..8132fc186eb0c5fd02c86828c3a4735754296d02:/apps/cover/templates/cover/add_image.html

diff --git a/apps/cover/templates/cover/add_image.html b/apps/cover/templates/cover/add_image.html
index 8506e614..293c1001 100755
--- a/apps/cover/templates/cover/add_image.html
+++ b/apps/cover/templates/cover/add_image.html
@@ -1,21 +1,69 @@
 {% extends "catalogue/base.html" %}
 {% load i18n %}
 
+{% 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 %}
 <h1>{% trans "Add image" %}</h1>
 
-<form method="post">
-{% csrf_token %}
+
+<form method="post">{% csrf_token %}
 <input type="hidden" name='form_id' value="flickr" />
-{{ ff.as_p }}
-<input type="submit" value="{% trans "Load from Flickr" %}" />
+<table class='editable'><tbody>
+    {{ ff.as_table }}
+    <tr><td></td><td><button type="submit">{% trans "Load from Flickr" %}</button></td></tr>
+</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>
 
-<form method="post">
-{% csrf_token %}
-{{ form.as_p }}
-<input type="submit" value="{% trans "Add image" %}" />
+    </tr>
+    <tr><td></td><td><button type="submit">{% trans "Add image" %}</button></td></tr>
+</tbody></table>
 </form>
+
+
 {% endblock %}