{% extends "jocondelab/base.html" %}

    {% block js_import %}
    {{block.super}}
    <script type="text/javascript" src="{{STATIC_URL}}jocondelab/lib/jquery-ui.min.js"></script>
    {% endblock %}

    {% block js_declaration %}
    {{block.super}}
    <script type="text/javascript">
    
    var global_csrf_token = "{{ csrf_token }}";
    var static_url = "{{STATIC_URL}}";
    var term_id = {{ term.id }};
    var modify_wp_link_url = "{% url 'modify_wp_link' %}";
    var remove_wp_link_url = "{% url 'remove_wp_link' %}";
    var validate_term_url = "{% url 'validate_term' %}";    
    
    $(document).ready(function(){
        init_term_events();
    });
    </script>
    {% endblock %}
    
    {% block css_import %}
    {{block.super}}
    <link rel="stylesheet" href="{{STATIC_URL}}jocondelab/css/smoothness/jquery-ui-1.10.3.custom.min.css" type="text/css"/>
    {% endblock %}
    
    {% block css_declaration %}
    {{block.super}}
    <style type="text/css">
    .ui-autocomplete {
        max-height: 100px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
        /* add padding to account for vertical scrollbar */
        padding-right: 20px;
    }
    </style>
    {% endblock %}


{% block content %}
<div id="tags_commands" style="float:left;width: 100%" >
    <div style="float:left;"><input type="radio" name="gr_validated{{term.id}}" id="not_validated" value="not_validated" {% if not term.validated %}checked{% endif %}/>En cours
    <input type="radio" name="gr_validated{{term.id}}" id="validated" value="validated" {% if term.validated %}checked{% endif %} />Validé
    {% if term.validated %}
    par {{term.validator.username}} le {{term.validation_date|date:"d/m/Y"}}
    {% endif %}
    </div>
    {% csrf_token %}
</div>
<table>
    <tr>
        <td>{{term.id}}</td>
        <td class="{{term.url_status_text}}">{{term.label}}</td>
        <td class="text_centered">
            {% if term.wikipedia_url and term.wikipedia_url != ""  %}
            <a href="{{term.wikipedia_url}}" target="_blank"><img src="{{STATIC_URL}}jocondelab/img/arrow_right.png" ></a>
            {% else %}
            <a href="http://fr.wikipedia.org/w/index.php?search={{term.label}}" target="_blank"><img src="{{STATIC_URL}}jocondelab/img/wikipedia_search.png" ></a>
            {% endif %}
        </td>
        <td class="text_centered">
            {% if term.wikipedia_revision_id  %}
            <a href="{{term.wikipedia_revision_permalink}}" target="_blank"><img src="{{STATIC_URL}}jocondelab/img/clock_arrow.png" ></a>
            {% else %}
            &nbsp;
            {% endif %}
        </td>           
        <td class="text_centered">
            {% if term.dbpedia_uri and term.dbpedia_uri != ""  %}
            <a href="{{term.dbpedia_uri}}" target="_blank"><img src="{{STATIC_URL}}jocondelab/img/arrow_green_right.png" ></a>
            {% else %}
            &nbsp;
            {% endif %}
        </td>        
        <td class="text_centered">
            {% if term.wikipedia_url and term.wikipedia_url != ""  %}
            <img src="{{STATIC_URL}}jocondelab/img/red_cross.png" class="remove_wp_link" id="{{term.id}}" alt="{{term.label}}" />
            {% else %}
            &nbsp;
            {% endif %}
        </td>
        <td class="text_centered">
        <span>Ajouter un tag : <input type="text" name="wp_search" id="wp_search" size="35" /> <span id="ok_search" class="hand_cursor"><b>OK</b></span></span>
        </td>
   </tr>
</table>

{% endblock %}