schedule/templates/Report/synthese.html.twig

{% extends "base.html.twig" %}

{% block localstyle %}
    .homecard {
        margin: 20px 20px 0px 0px;
        float:left;
    }

    table {
        
    }

    th,td {
        border: 1px solid #37474F;
        color: #ffffff;
        background-color:#37474F;
        text-align:center;
        width: 70px;
    }
    td {
        background-color:#e8ecf1;
        cursor: help;
        height: 44px;
        vertical-align: top;
        color: #ffffff;        
    }

    .date {
        font-size: 9px;
        color: #37474F;
    }

    .allday {
        font-size: 12px;
        float:left;
        width:100%;
        height: 18px;       
        flex: 0 0 auto;  
    }

    .am, .ap {
        font-size: 12px;
        float:left;
        width:50%;   
        height: 18px;  
        flex: 0 0 auto;    
    }

    .astreinte {
        font-size: 11px;
        float:left;
        width:100%;  
        height:12px;       
    }      
{% endblock %}


{% block body %}
    {% if fgprint is defined and fgprint %}<h1>Synthèse</h1>{%endif%}
    {% for user in users %}
        {% set nbday=1 %}

        <div class="card homecard" style="width:380px;">
            <div class="card-header">
                <img src="\{{appAlias}}\uploads\avatar\{{user.user.avatar}}" class='avatar no-print'>
                {{ user.user.displayname }}
            </div>            
            <div class="card-body">
                <table>
                    <thead>
                        <th>S</th>
                        <th>L</th>
                        <th>M</th>
                        <th>M</th>
                        <th>J</th>
                        <th>V</th>
                        <th>S</th>
                        <th>D</th>
                    </thead>

                {% for event in user.events %}
                    {% if nbday==1 %} 
                        <tr>
                        <td class="date" style="vertical-align:middle">{{event.date|date("W")}}</td>
                    {% endif %}       
                    <td>
                        <div class="date">{{ event.date | date("d/m") }}</div>
                        <div class="d-flex flex-wrap">
                            {% set haveam=false %}
                            {% for detail in event.events %}
                                {% if detail.allday %}
                                    <div class='allday' style='background-color:{{ detail.colorday }};' title='{{ detail.descriptionday }}'>1</div>
                                {% else %}
                                    {%if detail.am %}
                                        {% set haveam=true %}
                                        <div class='am' style='background-color:{{ detail.coloram }};' title='{{ detail.descriptionam }}'>0.5</div>
                                    {% endif %}

                                    {%if detail.ap %}
                                        {% if not haveam %}<div class='am'></div>{%endif%}
                                        <div class='ap ml-auto' style='background-color:{{ detail.colorap }};' title='{{ detail.descriptionap }}'>0.5</div>
                                    {% endif %}
                                {% endif %}
                            {% endfor %}

                            {% if event.astreinte %}
                                <div class='astreinte' style='background-color:{{ event.colorastreinte }};' title='{{ event.descriptionastreinte }}'>*</div>
                            {% else %}
                                <div class='astreinte'></div>
                            {% endif %}
                        </div>
                    </td>

                    {% set nbday=nbday+1 %}
                    {% if nbday==8 %} 
                        </tr>
                        {% set nbday=1 %}
                    {% endif %}       

                    
                {% endfor %}
                </table>
            </div>
        </div>

        {% if (loop.index % 2) == 0 %} <div class="new-page">&nbsp;</div> {% endif %}
    {% endfor %}
{% endblock %}

{% block localjavascript %}
    function myprint() {
        document.location.href="{{path(app.request.attributes.get('_route'),{fgprint:true})}}";
    }

    $(document).ready(function() {
        maxheight=0;
        $( ".card" ).each(function( index ) {
            if($(this).height()>maxheight)
                maxheight=$(this).height();
        });        
        $( ".card" ).height(maxheight);
    });
    
{% endblock %}