Gitlab CSE Unil

analysis.html 5.08 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
{% extends "adim/annotation.html" %}
{% load static i18n %}


{# ================ #}
{# MAIN TOP TAB-BAR #}
{# ================ #}
{% block tool-top-row %}
<div class="col-xs-12">
{% if is_owner or display_shared_annotations %}
    <ul class="nav nav-tabs adim-view-mod-tabs">
        <li role="presentation">
            <a href="{% url "adim_app:annotate" anobj_uuid=anobj.uuid %}#!annoter" data-adim-mode="edit"
               data-toggle="tooltip" title="Ajouter et modifier vos annotations">
                <span class="glyphicon glyphicon-edit"></span> Annoter
            </a>
        </li>
        {% if display_shared_annotations %}
        <li role="presentation">
            <a href="{% url "adim_app:annotate" anobj_uuid=anobj.uuid %}#!afficher" data-adim-mode="review"
               data-toggle="tooltip" title="Afficher les annotations partagées des autres membres">
                <span class="glyphicon glyphicon-eye-open"></span> Annotations partagées
            </a>
        </li>
        {% endif %}
        <li class="active" role="presentation">
            <a href=""
               data-toggle="tooltip" title="Afficher le module d'analyse des données">
                <span class="glyphicon glyphicon-stats"></span> Analyse
            </a>
        </li>
    </ul>
{% endif %}
</div>
{% endblock tool-top-row %}


{# ============== #}
{# MAIN CONTAINER #}
{# ============== #}
{% block adim-view %}
<div class="container">
    <div class="row">

        <div class="col-xs-7" id="graph-col">
            <canvas id="my-canvas" width="455" height="100"></canvas>
        </div>

        <div class="col-xs-4" id="ctrl-col">
            <div class="form-horizontal panel panel-dark" id="analyse-graph-ctrl">
                <div class="panel-body">
                    <div class="form-group">
                        <label class="control-label col-xs-4">Résolution</label>
                        <div class="col-xs-4">
                            <input type="number" class="form-control " id="inputGroupSize" value="3"
                                    autocomplete="off" title="Utiliser également les flèches haut/bas pour changer la valeur ">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="checkShowConcordance" checked autocomplete="off">
                                    Afficher les concordances
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="checkShowDiscordance" autocomplete="off">
                                    Afficher les discordances
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" id="checkShowConfidence" autocomplete="off">
                                    Afficher les niveaux de confiance
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group hidden">
                        <label class="control-label col-xs-4">Echelle</label>
                        <div class="col-xs-8">
                            <div class="sldr">
                                <input id="inputScale" type="text" class="slider" value="100" autocomplete="off"
                                       data-slider-min="10" data-slider-max="400" data-slider-step="10" data-slider-value="100">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock adim-view %}


{%  block inline_script %}
{{  block.super }}
<script>
    window.ADIM_CONFIG.annotable.image = "{% url "adim_app:ao_image" anobj_uuid=anobj.uuid %}";
    window.ADIM_CONFIG.annotationsData = {{ annotations_data|safe }};
</script>
{% endblock inline_script %}


{% block content_js %}
    <script type="application/javascript" src="{% static "js/libs/require.min.js" %}" data-main="{% static "js/cimaf_analysis" %}{{ JS_MIN }}"></script>
{% endblock %}


{% comment %}
{# This js config allow to specify the annotation types to be displayed. #}
{# If not defined, it will be built from the tools found in the tool bars #}
{% block inline_script %}
    {{ block.super }}
<script>
window.ADIM_CONFIG.activeTools = ['select', 'pan', 'drawing', 'lines', 'rectangle', 'arrow'];
</script>
{% endblock inline_script %}
{% endcomment %}