jm2l/jm2l/templates/Staff/list.mako

# -*- coding: utf-8 -*- 
<%inherit file="jm2l:templates/layout.mako"/>
<%
from slugify import slugify
%>
<a style="float:right;" class="btn btn-mini btn-info" role="button" href="/Staff/poles">
    <i class="icon-plus-sign icon-white"></i> Ajouter un Pôle d'activité
</a>
<h3>Liste des tâches JM2L Staff</h3>

<div class="tabbable" id="main_tab">
    <ul class="nav nav-tabs" style="margin-bottom: 5px;">
        % for Num, Entity in enumerate(sorted(tasks.keys(), key=lambda x:x.name)):
        <li class="${["","active"][Num==0]}">
            <a href="#${slugify(Entity.name)}" id="Map_Pole_${slugify(Entity.name)}" data-toggle="tab">${Entity.name}</a>
        </li>
        % endfor
    </ul>

    <div class="tab-content" style="padding:0 10px">

% for Num, Entity in enumerate(sorted(tasks.keys(), key=lambda x:x.name)):
        <div class="tab-pane fade ${["","active "][Num==0]} in" id="${slugify(Entity.name)}">
            <a style="float:right;" class="btn btn-mini btn-info" role="button" href="/Staff/poles/${Entity.uid}">
                <i class="icon-pencil icon-white"></i> Editer le pôle
            </a>
            <h4>${Entity.name}</h4>
            <div>${Entity.description | n}</div>

<table width="100%" class="table table-striped table-bordered table-hover">
  <thead>
    <tr>
        <th colspan="2" style="text-align:center;">
            <a style="float:right;" class="btn btn-mini btn-info" role="button" href="/Staff/tasks">
                <i class="icon-plus-sign icon-white"></i> Ajouter une tâche
            </a>
            Liste des tâches
        </th>
    </tr>
  </thead>
  <tbody>
    % for task in tasks[Entity]:
        <tr> 
            <td>
                % if task.closed:
                    <span class="name" style="text-decoration: line-through;">${task.name}</span>
                % else:
                    <a href="/Staff/tasks/${task.uid}">
                        <span class="name">${task.name}</span>
                    </a>
                    <span style="float:right;">${task.due_date.strftime("%d %b").decode("utf-8")}</a>
                % endif
            </td>
            <td style="position: relative;width:70px;">
                <div class="actions">
                % if task.closed:
                [ <a href="/Staff/open/${task.uid}">ré-ouvrir</a> ]
                % else:
                [ <a href="/Staff/close/${task.uid}">c'est fait</a> ]
                % endif
                </div>
            </td>
        </tr>
        % if task.description and not task.closed:
        <tr>
            <td colspan="2"><div>${task.description | n}</div></td>
        </tr>
        % endif
    % endfor
  </tbody>
</table>
            </div>
% endfor
    </div>


<%def name="jsAddOn()">
<script>
    $('a[data-toggle="tab"]')
        .on('shown', function(e) {
            //stateObj = { tab: $(e.target).attr('href').substr(1) };
            //history.replaceState(stateObj, "", "/Staff" + $(e.target).attr('href') );
            location.hash = $(e.target).attr('href');
        }); 
    
    if (location.hash !== '') {
        $('a[href="' + location.hash + '"]').tab('show');
    }
</script>
</%def>