invisible » invisible-web

{% extends "template_profil.html" %}

{% load i18n %}

{% load localeurl_tags %}

{% block meta %}

<style type="text/css" title="currentStyle">

    @import "/world/static/js/datatables/media/css/demo_page.css";

    @import "/world/static/js/datatables/media/css/demo_table.css";

    @import "http://invisible.sat.qc.ca/wp-content/themes/invisible/css/datatable_custom.css";

</style>

<script type="text/javascript" charset="utf-8">

    $(document).ready(function() {

        //on cache les section

        $(".section-profile").hide();

       //generate the table for the artworks

       $('#table_list').dataTable( {

        "sPaginationType": "full_numbers",

        "aoColumns": [

            { "bSortable": false },

            { "bSortable": false },

            null,

            null,

            { "bSortable": false }

        ]} );

        var fixHelper = function(e, ui) {

            ui.children().each(function() {

                $(this).width($(this).width());

            });

            return ui;

        };

                $( "#table_list tbody" ).sortable({

                    helper: fixHelper,

                    handle: '.btn-drag',

                    update: function(event, ui) { 

                        var positionArt = ui.item.index()+1;

                        var idArt = ui.item.attr('id').match(/[0-9 -()+]+$/);

                    $.post('/world/api/art/'+idArt+'/'+positionArt+'/',

                      function(result){

                        alert('id:'+idArt+' , position:'+positionArt);

                      }

                    );

                    }

                });

                $( "#table_list tbody" ).disableSelection();

    } );

</script>

<script type="text/javascript" src="/world/static/js/datatables/media/js/jquery.dataTables.min.js"></script>

{% endblock %}

{% block content_profil %}

<article id="article-profil" class="profile-view">

    <header id="header-profil">

        <h1>{% trans "My collections" %}</h1>

        <h2>{{ c.title }}</h2>

    </header>

    <ul class="profile-list">

        <li class="element-list">

            <span class="element-name">{% trans "Status" %}</span>

            <span class="element-value">{{c.get_status_display}}</span>

        </li>

        <li class="element-list">

            <img class="thumb-element" src="{{root}}th/{{c.thumbnail}}" alt="thumbnail"/>

            <span class="element-value">

                    <a target="_blank" href="/world/{{ request.LANGUAGE_CODE }}/collection/{{ c.id }}/">{%trans "Preview"%}</a><br/>

                    {{c.created|date:'d.m.Y'}}<br/>

            </span>

        </li>

        <li><hr/></li>

        <li class="element-list">

            <span class="element-name">{% trans "Title" %}</span>

            <span class="element-value">{{c.title}}</span>

        </li>

        <li class="setting">

            <span class="element-name">{% trans "Description" %}</span>

            <span class="element-value">{{c.description}}</span>

        </li>

        <li><hr/></li>

        <li class="element-list">

            <span class="element-name">{% trans "Producer" %}</span>

            <span class="element-value">{{c.producer}}</span>

        </li>

        <li><hr/></li>

        <li class="element-list">

            <span class="element-name">{% trans "Director" %}</span>

            <span class="element-value">{{c.director}}</span>

        </li>

        <li><hr/></li>

        <li class="element-list">

            <span class="element-name">{% trans "Url" %}</span>

            <span class="element-value"><a href="{{c.url}}">{{c.url}}</a></span>

        </li>

        <li><hr/></li>

        <li class="element-list">

            <span class="element-name">{% trans "Year" %}</span>

            <span class="element-value">{{c.year}}</span>

        </li>

        <li><hr/></li>

    </ul>

    <div class="btn-profile"><a href="../../update-collection/{{c.id}}/" >{% trans "Update this collection" %}</a></div>

    <div class="btn-profile"><a href="../update-collection/{{c.id}}/">{% trans "Delete this collection" %}</a></div>

</section>

<section class="section-profile">

    <h3 class="title-sublist">artworks from the collection</h3>

    <div class="btn-profile btn-profile-add"><a href="../../upload-artwork/">add an artwork</a></div>

    <span id="msgRemove" style="display:none;">{% trans "Are you sure you want to remove this artwork from the collection?" %}</span>

    <table id="table_list" class="display" cellspacing="0" cellpadding="0" border="1" style="width:620px">

        <thead>

            <tr>

                <th></th>

                <th>{% trans "Thumbnail" %}</th>

                <th>{% trans "Title" %}</th>

                <th>{% trans "State" %}</th>

                <th></th>

            </tr>

        </thead>

        <tbody>        

        {% for co in col %}

        <tr id="idArt-{{co.art.id}}" class="positionArt-{{co.sequence}}">

            <td><div class="btn-drag"></div></td>

        <td><a href="/world/profile/view-artwork/{{co.art.id}}/"><img src="{{root}}th/{{co.art.thumbnail}}" title="{{co.art.title}}" /></a></td>

        <td><a href="/world/profile/view-artwork/{{co.art.id}}/">{{co.art.title}}</a></td>

        <td></td>

        <td>

            <a  title="{% trans 'Delete' %}" class="btn-table btn-delete" href="#" onclick="removeFromCollection({{c.id}}, {{a.id}});"></a>   

            <a title="{% trans 'update' %}" class="btn-table btn-edit" href="../../update-artwork/{{a.id}}/"></a>

            <a title="{% trans 'View' %}" class="btn-table btn-view" href="../../view-artwork/{{a.id}}/"></a>

        </td>

        </tr>

        {% endfor %}

        </tbody>

    </table>

</section>

</article>

{% endblock %}