{% extends 'base.html' %} {% block title %}Tag an image{% endblock %} {% block body %}

Add a new tag

{% set img_path = "/".join(image['path'].split('/')[-3:]) %} {% if img_path.split('.')[-1] != "webm" %} {% else %} {% endif %}
{% if "tags" in image %} {% for tag in image["tags"] %} {% endfor %} {% endif %}
{% endblock %} {% block domready %} var $input = $('#id_new_tag') var SPACE = 32 var ENTER = 13 var tags_text = new Array() var b = $("#id_tag_list").children() var tags = b.wrapAll() for (var i = 0; i < tags.length; ++i) { tags_text.push(tags[i].textContent); } $input.focus() $input.keyup(function(e) { if (e.which === ENTER) { // submit tag var $tags = $('#id_tag').text; var id = $('img').attr('id') if (id == undefined) { id = $('video').attr('id') } $.post('/add_tags', { id: id, tags: tags_text }, function(data) { location.reload() }) } if (e.which === SPACE) { // new tag tag_name = $input.val().substring(0, $input.val().length - 1) if (tag_name != '') { $('#id_tag_list').append( '' ) $input.val('') tags_text.push(tag_name) } } }) {% for tag in image["tags"] %} $('#id_tag_{{ tag['name'] }}').click(function(e) { tags_text.splice(tags_text.indexOf($(this).text()), 1) $(this).detach() }) {% endfor %} {% for tag in popular_tags %} $("#id_popular_tag_{{ tag['name'] }}").click(function(e) { tag_name = $(this).text() if (tag_name != "") { tags_text.push(tag_name) console.log(tags_text) $('#id_tag_list').append( '' ) } }); {% endfor %} {% endblock %}