source: trunk/LATMOS-Accounts-Web/root/html/summary/departments/index.tt @ 1939

<a name="top"></a>
<h2>Répartition par département</h2>

[% dpmts = c.model('Accounts').db.search_objects('group', 'sutype=dpmt') %]

<ul id="org-top" style="display: none">
<li>Direction

[% FOREACH dpmt = dpmts %]
[% "<ul>" IF loop.first %]
[% odpmt = c.model('Accounts').db.get_object('group', dpmt) %]
<li>[% dpmt | html %]

[% omanager = c.model('Accounts').db.get_object('user', odpmt.get_attributes('managedBy')) %]

[% IF omanager %]
<br>
[% omanager %]
[% END %]

[% users = c.model('Accounts').db.fetchObjectInfo('user',
   [ 'givenName', 'sn', 'managerContact', 'department', 'expire', 'description' ],
   'active=1',
   'department=' _ dpmt,
) %]

    [% FOREACH user = users.keys.sort %]
    [% IF loop.first %]
    <ul>
    [% END %]
    [% ouser = users.$user %]
    <li>
    [% IF ouser.department.0 != dpmt %]
    <span style="font-style: italic;">
    [% ELSE %]
    <span>
    [% END %]
    [% ouser.givenName.0 _ ' ' _ ouser.sn.0 || ouser.description.0 || user | html %]
    </span>
    </li>
    [% "</ul>" IF loop.last %]
    [% END %] 

[% "</ul>" IF loop.last %]
[% END %]

</li>
</ul>

<div id=chart></div>

<style>

div.orgChart {
    overflow-x: scroll
}

div.orgChart .level1 {
    font-size: 12px;
}

div.stack-container {
    border: solid;
}

div.orgChart ul.stack > li {
    margin-top: 1em;
    font-size: 10px;
    line-height: 1em;
}
</style>

<script>
$(function() {
    $("#org-top").orgChart({
        container: $("#chart"),
        stack:     true,
        depth:     2
    });
});
</script>