meso.tpl 3.4 KB
Newer Older
1
{% if header %}
2
3
4
<div class="meso">
    <div class="card">
        <div class="card-header">
5
            <h4>
6
7
            {% if meso['url'] %}
            <a href="{{ meso['url'] }}">{{ meso['name'] }}</a>
Roland Denis's avatar
Roland Denis committed
8
            {% else %}
9
            {{ meso['name'] }}
Roland Denis's avatar
Roland Denis committed
10
            {% endif %}
11
12
13
14
15
16
17
18
            {% if meso['gpscoordinates'] %}
            <div>
                <a href="https://www.openstreetmap.org/?mlat={{meso['gpscoordinates'][0]}}&mlon={{meso['gpscoordinates'][1]}}&zoom=16">
                <img src="../theme/img/position_full.png" alt="Position" title="Position" />
                </a>
            </div>
            {% endif %}
            </h4>
19
20
21
            <div class="plus-minus plus" onclick="$(this).closest('.card-header').find('.collapse').collapse('toggle'); $(this).toggleClass('plus minus')"></div>
            <p>
              {{ meso['shortdescription'] }}
22
            </p>
23
24
25
            <p class="collapse">
              {{ meso['fulldescription'] }}
            </p>
26

27
28
29
        </div>
        <div class="card-body">
            {% if meso['contactname'] %}
30
                <p><img src="../theme/img/mail.png" alt="Contact" title="Contact" />
31
                {{ meso['contactname'] }}
Roland Denis's avatar
Roland Denis committed
32
                </p>
33
            {% endif %}
34
            {% if meso['institutesname'] %}
35
                <p><img src="../theme/img/employer.png" alt="Institutions" title="Institutions" />
36
                {{ meso['institutesname'] | join_names }}
Roland Denis's avatar
Roland Denis committed
37
                </p>
38
39
            {% endif %}
            {% if meso['financersname'] %}
40
                <p><img src="../theme/img/piggy_bank.png" alt="Financeurs" title="Financeurs" />
41
                {{ meso['financersname'] | join_names }}
Roland Denis's avatar
Roland Denis committed
42
                </p>
43
            {% endif %}
44
            {% if meso['accesspolicy'] %}
45
                <p><img src="../theme/img/contract.png" alt="Conditions d'accès" title="Conditions d'accès" />
46
                {{ meso['accesspolicy'] | join_sentences }}
Roland Denis's avatar
Roland Denis committed
47
                </p>
48
            {% endif %}
49
50
51
52
53
54
            {% if meso['servicename'] %}
                <p><img src="../theme/img/services.png" alt="Services proposés" title="Services proposés" />
                {{ meso['servicename'] | join_sentences }}
                </p>
            {% endif %}

55
        </div>
56
        <div class="card-body row">
57
            {% if meso['mesocorenumber'] %}
Fabrice Roy's avatar
Fabrice Roy committed
58
                <p class="col-sm-3"><img src="../theme/img/cpu.png" alt="Nombre de cœurs" title="Nombre de cœurs" />
59
                {{ meso['mesocorenumber'] }} cœurs
Roland Denis's avatar
Roland Denis committed
60
                </p>
61
            {% endif %}
62
            {% if meso['mesoramsize'] %}
Fabrice Roy's avatar
Fabrice Roy committed
63
                <p class="col-sm-3"><img src="../theme/img/memory.png" alt="Mémoire" title="Mémoire" />
64
                {{ meso['mesoramsize'] | format_storage(3) }}
Roland Denis's avatar
Roland Denis committed
65
66
                </p>
            {% endif %}
67
            {% if meso['mesogpunumber'] %}
Fabrice Roy's avatar
Fabrice Roy committed
68
69
                <p class="col-sm-3"><img src="../theme/img/gpu.png" alt="Nombre de GPUs" title="Nombre de GPUs"/>
                {{ meso['mesogpunumber'] }} GPUs
Roland Denis's avatar
Roland Denis committed
70
71
                </p>
            {% endif %}
72
            {% if meso['mesostoragesize'] %}
Fabrice Roy's avatar
Fabrice Roy committed
73
                <p class="col-sm-3"><img src="../theme/img/storage.png" alt="Stockage" title="Stockage"/>
74
                {{ meso['mesostoragesize'] | format_storage(4) }}
Roland Denis's avatar
Roland Denis committed
75
                </p>
76
77
            {% endif %}
        </div>
78
79
        <div>
{% endif %}
80
{% if footer %}
81
82
        </div>
        <div class="card-footer">
83
        </div>
Roland Denis's avatar
Roland Denis committed
84
85
    </div>
</div>
86
{% endif %}