Gitlab CSE Unil

analysis.html 6.01 KB
Newer Older
1
2
3
{% extends "adim/annotation.html" %}
{% load static i18n %}

Julien Furrer's avatar
Julien Furrer committed
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
{# ================== #}
{# ADJUST MAIN NAVBAR #}
{# ================== #}

{# Add exportation options for specific data #}
{% block navbar_export_options %}
    {{ block.super }}
    <li class="divider"></li>
    <li class="disabled"><a id="btn-export-cimaf-csv" href="#">CSV</a></li>
{% endblock navbar_export_options %}

{# Disable New Image button and Image Manager button as they are not accessible in analysis mode #}
{% block navbar_image_mgmt %}
    <li>
        <span class="btn btn-sm btn-success navbar-btn navbar-btn fileinput-button disabled">
            <span class="glyphicon glyphicon-plus"></span>&nbsp;
            <span>Nouvelle image</span>
        </span>
    </li>

    <li class="disabled">
        <a href="#" id="aom-show-but" class="aom-show-but">
            <span class="glyphicon glyphicon-th"></span>
            Mes Images
        </a>
    </li>
{% endblock navbar_image_mgmt %}

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
130
131
132
133
134
135
136
137
138

{# ================ #}
{# 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 }};
139
    window.ADIM_CONFIG.mode = "analysis";
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
</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 %}