Hopiu/wagtail
1
0
Fork 0
mirror of https://github.com/Hopiu/wagtail.git synced 2026-05-10 16:24:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added very basic URL generator UI

Browse source
This commit is contained in:
Karl Hobley 2014-07-16 15:38:44 +01:00
parent e67c986f4c
commit c51a829865
4 changed files with 41 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
wagtail/wagtailimages/static/wagtailimages/js/image-url-generator.js Normal file
View file

@ -0,0 +1,19 @@
$(function() {
$('.image-url-generator').each(function() {
var $this = $(this);
var $filter = $this.find('input.filter');
var $result = $this.find('div.result');
var generatorUrl = $this.data('generatorUrl');
$filter.keyup(function() {
$.getJSON(generatorUrl.replace('__filterspec__', $filter.val()))
.done(function(data) {
$result.text(data['url']);
})
.fail(function(data) {
$result.text(data.responseJSON['error']);
});
});
});
});

9
wagtail/wagtailimages/templates/wagtailimages/images/_url_generator.html Normal file
View file

@ -0,0 +1,9 @@
<div class="image-url-generator" data-generator-url="{% url 'wagtailimages_generate_url' image.id '__filterspec__' %}">
<h3>URL generator</h3>
Filter spec:
<input type="text" class="filter">
URL:
<div class="result"></div>
</div>

10
wagtail/wagtailimages/templates/wagtailimages/images/edit.html
View file

@ -1,5 +1,6 @@
{% extends "wagtailadmin/base.html" %}
{% load wagtailimages_tags %}
{% load static compress %}
{% load i18n %}
{% block titletag %}{% blocktrans with title=image.title %}Editing image {{ title }}{% endblocktrans %}{% endblock %}
{% block bodyclass %}menu-images{% endblock %}
@ -9,6 +10,10 @@
{% block extra_js %}
{% include "wagtailadmin/shared/tag_field_js.html" %}
{% compress js %}
<script type="text/javascript" src="{% static 'wagtailimages/js/image-url-generator.js' %}">
{% endcompress %}
{% endblock %}
{% block content %}
@ -33,7 +38,10 @@
<li><input type="submit" value="{% trans 'Save' %}" /><a href="{% url 'wagtailimages_delete_image' image.id %}" class="button button-secondary no">{% trans "Delete image" %}</a></li>
</ul>
</form>
{% if url_generator_enabled %}
{% include "wagtailimages/images/_url_generator.html" %}
{% endif %}
</div>
<div class="col5">
{% image image max-800x600 %}

8
wagtail/wagtailimages/views/images.py
View file

@ -104,17 +104,17 @@ def edit(request, image_id):
else:
form = ImageForm(instance=image)
# Check if frontend image serving is enabled
# Check if we should enable the frontend url generator
try:
reverse('wagtailimages_serve', args=('foo', '1', 'bar'))
frontend_serve_enabled = True
url_generator_enabled = True
except NoReverseMatch:
frontend_serve_enabled = False
url_generator_enabled = False
return render(request, "wagtailimages/images/edit.html", {
'image': image,
'form': form,
'frontend_serve_enabled': frontend_serve_enabled,
'url_generator_enabled': url_generator_enabled,
})