Projet

Général

Profil

Ninegate Config Fiche Utilisateur.html

Laurent Brillard, 11/02/2026 12:06

Télécharger (36,5 ko)

 
1

    
2

    
3
    
4

    
5

    
6

    
7

    
8

    
9
    
10
                        
11
<!DOCTYPE html>
12
<html>   
13
        
14
    <head>
15
        <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
16
        <meta name="viewport" content="initial-scale=1">
17

    
18
        <title>Cellule numérique sud</title>
19
        <!--[if lt IE 9]>
20
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
21
        <![endif]-->
22

    
23
        <style>
24
            :root{
25
                --colorbody: #ffffff;
26
                --main: #2c3e50;
27
                --mainR: 44;
28
                --mainG: 62;
29
                --mainB: 80;
30
                --dark: #000c1e;
31
                --darkR: 0;
32
                --darkG: 12;
33
                --darkB: 30;
34
                --light: #5e7082;
35
                --lightR: 94;
36
                --lightG: 112;
37
                --lightB: 130;
38
                --fontcolorhover: #ffffff;
39
                --fontcolorhoverdark: #cdcdcd;
40
                --fontfacetitle: Marianne-Regular;
41
                --fontfacebody: Gothic-Regular;
42
                --header: url(/ninegate/uploads/header/header.png);
43
                --logo: url(/ninegate/themes/metice2/logo.png);   
44
                                --sublogo: url();   
45
                                
46
                --fgheader: 1;
47
                --heightheader: 150;
48
            }             
49
        </style>
50

    
51
                    <link rel="stylesheet" href="/ninegate/css/bootstrap-5.3.1.min.css">
52
            <link rel="stylesheet" href="/ninegate/css/jquery-ui-1.13.2.min.css">
53
            <link rel="stylesheet" href="/ninegate/css/morris-0.5.1.css">
54
            <link rel="stylesheet" href="/ninegate/css/datatables-1.13.6.min.css">
55
            <link rel="stylesheet" href="/ninegate/css/pick-a-color-1.2.3.min.css">
56
            <link rel="stylesheet" href="/ninegate/css/fullcalendar-5.11.3.min.css">
57
            <link rel="stylesheet" href="/ninegate/css/select2-4.1.0.min.css">
58
            <link rel="stylesheet" href="/ninegate/css/bootstrap-switch-3.3.4.min.css">
59
            <link rel="stylesheet" href="/ninegate/css/jquery-ui.multidatespicker-1.6.4.css">
60
            <link rel="stylesheet" href="/ninegate/css/slick-1.8.1.css">
61
            <link rel="stylesheet" href="/ninegate/css/slick-theme-1.8.1.css">
62
            <link rel="stylesheet" href="/ninegate/css/dropzone-5.9.3.min.css">
63
            <link rel="stylesheet" href="/ninegate/css/imgareaselect-0.9.11.css">
64

    
65
            <link rel="stylesheet" href="/ninegate/fonts/fontawesome/css/all.css">
66
            <link rel="stylesheet" href="/ninegate/css/jsRapClock.css">
67
            <link rel="stylesheet" href="/ninegate/css/font.css">
68
            <link rel="stylesheet" href="/ninegate/css/style.css">
69

    
70
                                    <link href="/ninegate/themes/metice2/style.css" rel="stylesheet" media="screen" />
71
            
72
            <link rel="shortcut icon" href="/ninegate/themes/metice2/logo.png" />
73

    
74
        
75
                    <script src="/ninegate/js/jquery-3.7.1.min.js"></script>
76
            <script src="/ninegate/js/bootstrap-5.3.1.min.js"></script>
77
            <script src="/ninegate/js/jquery-ui-1.13.2.min.js"></script>
78
            <script src="/ninegate/js/raphael-2.3.0.min.js"></script>
79
            <script src="/ninegate/js/morris-0.5.1.min.js"></script>
80
            <script src="/ninegate/js/datatables-1.13.6.min.js"></script>
81
            <script src="/ninegate/js/datatables-init-1.13.6.js"></script>
82
            <script src="/ninegate/js/tinycolor-1.6.0-min.js"></script>
83
            <script src="/ninegate/js/pick-a-color-1.2.3.min.js"></script>
84
            <script src="/ninegate/js/jquery.browser-2.0.0.js"></script>
85
            <script src="/ninegate/js/jquery.iframe-auto-height-2.0.0.js"></script>
86
            <script src="/ninegate/js/moment-2.29.4.min.js"></script>
87
            <script src="/ninegate/js/fullcalendar-5.11.3.min.js"></script>
88
            <script src="/ninegate/js/fullcalendar-5.11.3.lang.js"></script>
89
            <script src="/ninegate/js/imagesloaded-5.0.0.min.js"></script>
90
            <script src="/ninegate/js/masonry-4.2.2.min.js"></script>
91
            <script src="/ninegate/js/bootstrap-switch-3.3.4.min.js"></script>
92
            <script src="/ninegate/js/slick-1.8.1.min.js"></script>
93
            <script src="/ninegate/js/dropzone-5.9.3.min.js"></script>
94
            <script src="/ninegate/js/jquery.imgareaselect-0.9.11.min.js"></script>
95
            <script src="/ninegate/js/select2-4.1.0.min.js"></script>
96
            <script src="/ninegate/js/select2-4.1.0.fr.js"></script>
97
            <script src="/ninegate/bundles/tetranzselect2entity/js/select2entity.js"></script>
98
            
99

    
100
            <script src="/ninegate/js/jquery.fakecrop.js"></script>
101
            <script src="/ninegate/js/jsRapClock.js"></script>
102
            <script src="/ninegate/js/local.js"></script>
103
        
104
        
105
                            <script src="/ninegate/themes/metice2/local.js"></script>
106
                
107
    </head>
108

    
109

    
110
    <style>
111

    
112
    
113
        
114
    </style>
115

    
116
                
117
                                                        
118

    
119
    
120
    <body class="body grp-ToutleMonde grp-PROFIL-Enseignants">
121
        <div class="d-flex flex-column ">
122
            
123
            
124
                            <!-- Littleheader -->
125
                <div class="littleheader sticky-top align-items-center" style="display:flex">
126
                    <a href="/ninegate/">
127
                        <img id="logo" src="/ninegate/themes/metice2/logo.png">
128
                                            </a>
129

    
130
                    <h1 class="flex-grow-1">
131
                        <a href="/ninegate/">
132
                            Cellule numérique sud
133
                        </a>                     
134
                    </h1>
135

    
136
                                            <div class="ms-auto pe-3">
137
                            <nav class="nav">
138
                                    
139
        <a href="/ninegate/user" class="nav-link" title="Profil"><img class='avatar' src="/ninegate/uploads/avatar/admin.jpg"></a></li>
140

    
141
                    <a href="/ninegate/config/home" class="nav-link" title="Configuration"><i class="fa fa-cog fa-fw"></i></a>
142
        
143
                
144
                <a href="/ninegate/user/users" class="nav-link" title="Annuaire"><i class="fa fa-address-book fa-fw"></i></a>
145
        
146
        <a href="/ninegate/user/group" class="nav-link" title="Groupes"><i class="fa fa-users fa-fw"></i></a>
147

    
148
        <a href="/ninegate/notice/view" class="nav-link" title="Charte"><i class="fa fa-info fa-fw"></i></a>
149

    
150
                                <a onclick="switchHeader(1)" id="nav-switch" class="nav-link" title="Cacher / Afficher Bannière " style="cursor:pointer"><i class="fa fa-chevron-down fa-fw"></i></a>
151
                    
152
        <a href="/ninegate/logout" class="nav-link" title="Déconnexion"><i class="fa fa-sign-out-alt fa-fw"></i></a>
153
    
154
                                                                    <a id="showsidebar" class="nav-link" title="Menu"><i class="fa fa-bars fa-fw"></i></a>
155
                                
156
                                                                
157
                            </nav>
158
                        </div>
159
                                    </div>
160
            
161
                
162

    
163
            <main class="d-flex align-items-stretch">
164
                                                            
165
<div id="sidebar" class="flex-shrink-0 px-1">
166
    <ul class="list-unstyled" style="margin-top:15px;">
167
        
168
                    <li class="mb-3 pe-3 ps-1">
169
                <a class="px-0 py-2" data-bs-toggle="collapse" data-bs-target="#CONFIGURATION-collapse" aria-expanded="false" >
170
                    <i class="fa fa-cog fa-fw"></i> 
171
                    CONFIGURATION
172
                </a>
173

    
174
                                    <div class="collapse" id="CONFIGURATION-collapse" style="">
175
                        <ul class="btn-toggle-nav list-unstyled fw-normal">
176
                                                    <li class="py-1 ps-3">
177
                                <a href="/ninegate/config/commun">
178
                                    <i class="fa fa-table fa-fw"></i> Générale
179
                                </a>
180
                            </li>
181
                                                    <li class="py-1 ps-3">
182
                                <a href="/ninegate/config/theme">
183
                                    <i class="fa fa-paint-brush fa-fw"></i> Thème
184
                                </a>
185
                            </li>
186
                                                    <li class="py-1 ps-3">
187
                                <a href="/ninegate/config/permmodoprofil">
188
                                    <i class="fa fa-balance-scale fa-fw"></i> Modération
189
                                </a>
190
                            </li>
191
                                                    <li class="py-1 ps-3">
192
                                <a href="/ninegate/config/commun/datauser">
193
                                    <i class="fa fa-cog fa-fw"></i> Fiche Utilisateur
194
                                </a>
195
                            </li>
196
                                                    <li class="py-1 ps-3">
197
                                <a href="/ninegate/config/commun/datausers">
198
                                    <i class="fa fa-cog fa-fw"></i> Liste Utilisateurs
199
                                </a>
200
                            </li>
201
                                                </ul>
202
                    </div>
203
                            </li>
204
                    <li class="mb-3 pe-3 ps-1">
205
                <a class="px-0 py-2" data-bs-toggle="collapse" data-bs-target="#ORGANISATION-collapse" aria-expanded="false" >
206
                    <i class="fa fa-sitemap fa-fw"></i> 
207
                    ORGANISATION
208
                </a>
209

    
210
                                    <div class="collapse" id="ORGANISATION-collapse" style="">
211
                        <ul class="btn-toggle-nav list-unstyled fw-normal">
212
                                                    <li class="py-1 ps-3">
213
                                <a href="/ninegate/config/niveau01">
214
                                    <i class="fa fa-building fa-fw"></i> Ecoles
215
                                </a>
216
                            </li>
217
                                                    <li class="py-1 ps-3">
218
                                <a href="/ninegate/config/group">
219
                                    <i class="fa fa-users fa-fw"></i> Groupes
220
                                </a>
221
                            </li>
222
                                                    <li class="py-1 ps-3">
223
                                <a href="/ninegate/config/user">
224
                                    <i class="fa fa-child fa-fw"></i> Utilisateurs
225
                                </a>
226
                            </li>
227
                                                </ul>
228
                    </div>
229
                            </li>
230
                    <li class="mb-3 pe-3 ps-1">
231
                <a class="px-0 py-2" data-bs-toggle="collapse" data-bs-target="#PORTAIL-collapse" aria-expanded="false" >
232
                    <i class="fa fa-cubes fa-fw"></i> 
233
                    PORTAIL
234
                </a>
235

    
236
                                    <div class="collapse" id="PORTAIL-collapse" style="">
237
                        <ul class="btn-toggle-nav list-unstyled fw-normal">
238
                                                    <li class="py-1 ps-3">
239
                                <a href="/ninegate/config/template">
240
                                    <i class="fa fa-copy fa-fw"></i> Modèles de Page
241
                                </a>
242
                            </li>
243
                                                    <li class="py-1 ps-3">
244
                                <a href="/ninegate/config/page">
245
                                    <i class="fa fa-file fa-fw"></i> Pages
246
                                </a>
247
                            </li>
248
                                                    <li class="py-1 ps-3">
249
                                <a href="/ninegate/config/item">
250
                                    <i class="fa fa-desktop fa-fw"></i> Items
251
                                </a>
252
                            </li>
253
                                                    <li class="py-1 ps-3">
254
                                <a href="/ninegate/config/alert">
255
                                    <i class="fa fa-bell fa-fw"></i> Annonces
256
                                </a>
257
                            </li>
258
                                                    <li class="py-1 ps-3">
259
                                <a href="/ninegate/config/calendar">
260
                                    <i class="fa fa-calendar fa-fw"></i> Calendriers
261
                                </a>
262
                            </li>
263
                                                    <li class="py-1 ps-3">
264
                                <a href="/ninegate/config/blog">
265
                                    <i class="fa fa-paper-plane fa-fw"></i> Blogs
266
                                </a>
267
                            </li>
268
                                                    <li class="py-1 ps-3">
269
                                <a href="/ninegate/config/project">
270
                                    <i class="fa fa-suitcase fa-fw"></i> Projets
271
                                </a>
272
                            </li>
273
                                                    <li class="py-1 ps-3">
274
                                <a href="/ninegate/config/flux">
275
                                    <i class="fa fa-rss fa-fw"></i> Flux
276
                                </a>
277
                            </li>
278
                                                    <li class="py-1 ps-3">
279
                                <a href="/ninegate/config/notice">
280
                                    <i class="fa fa-info fa-fw"></i> Chartes
281
                                </a>
282
                            </li>
283
                                                    <li class="py-1 ps-3">
284
                                <a href="/ninegate/config/icon">
285
                                    <i class="fa fa-bug fa-fw"></i> Icônes
286
                                </a>
287
                            </li>
288
                                                </ul>
289
                    </div>
290
                            </li>
291
                    <li class="mb-3 pe-3 ps-1">
292
                <a class="px-0 py-2" data-bs-toggle="collapse" data-bs-target="#SYNCHRONISATION-collapse" aria-expanded="false" >
293
                    <i class="fa fa-exchange-alt fa-fw"></i> 
294
                    SYNCHRONISATION
295
                </a>
296

    
297
                                    <div class="collapse" id="SYNCHRONISATION-collapse" style="">
298
                        <ul class="btn-toggle-nav list-unstyled fw-normal">
299
                                                    <li class="py-1 ps-3">
300
                                <a href="/ninegate/config/syncenvole/delegation">
301
                                    <i class="fa fa-balance-scale fa-fw"></i> Délégation
302
                                </a>
303
                            </li>
304
                                                    <li class="py-1 ps-3">
305
                                <a href="/ninegate/config/syncenvole/balado">
306
                                    <i class="fa fa-microphone fa-fw"></i> Balado
307
                                </a>
308
                            </li>
309
                                                    <li class="py-1 ps-3">
310
                                <a href="/ninegate/config/syncenvole/limesurvey">
311
                                    <i class="fa fa-question fa-fw"></i> Limesurvey
312
                                </a>
313
                            </li>
314
                                                    <li class="py-1 ps-3">
315
                                <a href="/ninegate/config/syncenvole/moodle">
316
                                    <i class="fa fa-graduation-cap fa-fw"></i> Moodle
317
                                </a>
318
                            </li>
319
                                                    <li class="py-1 ps-3">
320
                                <a href="/ninegate/config/syncenvole/nextcloud">
321
                                    <i class="fa fa-cloud fa-fw"></i> Nextcloud
322
                                </a>
323
                            </li>
324
                                                    <li class="py-1 ps-3">
325
                                <a href="/ninegate/config/syncenvole/wordpress">
326
                                    <i class="fab fa-wordpress fa-fw"></i> Wordpress
327
                                </a>
328
                            </li>
329
                                                </ul>
330
                    </div>
331
                            </li>
332
                    <li class="mb-3 pe-3 ps-1">
333
                <a class="px-0 py-2" data-bs-toggle="collapse" data-bs-target="#OUTILS-collapse" aria-expanded="false" >
334
                    <i class="fa fa-wrench fa-fw"></i> 
335
                    OUTILS
336
                </a>
337

    
338
                                    <div class="collapse" id="OUTILS-collapse" style="">
339
                        <ul class="btn-toggle-nav list-unstyled fw-normal">
340
                                                    <li class="py-1 ps-3">
341
                                <a href="/ninegate/config/statistic">
342
                                    <i class="fa fa-chart-bar fa-fw"></i> Statistiques
343
                                </a>
344
                            </li>
345
                                                    <li class="py-1 ps-3">
346
                                <a href="/ninegate/config/mailing">
347
                                    <i class="fa fa-envelope fa-fw"></i> Mailing
348
                                </a>
349
                            </li>
350
                                                </ul>
351
                    </div>
352
                            </li>
353
                    <li class="mb-3 pe-3 ps-1">
354
                <a class="px-0 py-2" data-bs-toggle="collapse" data-bs-target="#CRON-collapse" aria-expanded="false" >
355
                    <i class="fa fa-bolt fa-fw"></i> 
356
                    CRON
357
                </a>
358

    
359
                                    <div class="collapse" id="CRON-collapse" style="">
360
                        <ul class="btn-toggle-nav list-unstyled fw-normal">
361
                                                    <li class="py-1 ps-3">
362
                                <a href="/ninegate/config/cron">
363
                                    <i class="fa fa-bullseye fa-fw"></i> Jobs
364
                                </a>
365
                            </li>
366
                                                    <li class="py-1 ps-3">
367
                                <a href="/ninegate/config/cron/log">
368
                                    <i class="fa fa-list-alt fa-fw"></i> Logs / Dump
369
                                </a>
370
                            </li>
371
                                                </ul>
372
                    </div>
373
                            </li>
374
            </ul>
375
</div>
376
      
377
  
378
                                     
379

    
380
                <div id="page-wrapper" class="flex-grow-1  " style="">
381
                    <div>
382
                        <form name="datauser" method="post">
383
    <h1 class="page-title">
384
                    Paramétrage de la Fiche Utilisateur
385
            </h1>
386

    
387
    <p>
388
          <button type="submit"     id="datauser_submit" name="datauser[submit]" class="btn btn-success btn btn-primary">Valider
389
        </button>
390
                    <a class="btn btn-danger" href=/ninegate/config/commun/datauserdefault
391
                data-method="delete" data-csrf="_token:csrf"
392
                data-confirm="Êtes-vous sûr de vouloir revenir aux valeurs par défaut ?">Valeurs par défaut</a>
393
            </p>
394

    
395
            <div class='alert alert-info' style='margin: 5px 0px'>
396
            <strong>Information</strong><br>
397
            Vous pouvez déterminer ce qui sera affiché sur l'ensemble des fiches utilisateur<br>
398
            Voici en fonction des valeurs le résultat sur la fiche utilisateur
399
            <li><b>Bloqué</b> = sera affiché mais grisé et donc non modifiable</li>
400
            <li><b>Obligatoire</b> = sera affiché et devra être renseigné obligatoirement par l'utilisateur. Si à sa connexion la valeur n'est pas présente, le portail le forcera à remplir ce champ</li>
401
            <li><b>Facultatif</b> = sera affiché et l'utilisateur n'est pas obligé de renseigner ce champs</li>
402
            <li><b>Caché</b> = ne sera pas affiché sur la fiche utilisateur</li>
403
        </div>
404
    
405
    
406
        
407
    <div class="card">
408
        <div class="card-header">
409
            <i class="fa fa-pencil-alt fa-fw"></i> Informations
410
        </div>
411

    
412
        <div class="card-body">
413
            <div class="form-group  mb-3">                  <label class="control-label required" for="datauser_firstname">
414
      Pru00e9nom
415
      <span class="mandatory">*</span>
416
      </label>                      <select id="datauser_firstname" name="datauser[firstname]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1" selected="selected">Facultatif</option><option value="0">Caché</option></select>
417
    
418
          
419
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_visible">
420
      Visible
421
      <span class="mandatory">*</span>
422
      </label>                      <select id="datauser_visible" name="datauser[visible]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
423
    
424
          
425
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_authlevel">
426
      Niveau d'authentification
427
      <span class="mandatory">*</span>
428
      </label>                      <select id="datauser_authlevel" name="datauser[authlevel]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
429
    
430
          
431
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_belongingpopulation">
432
      Population d'appartenance
433
      <span class="mandatory">*</span>
434
      </label>                      <select id="datauser_belongingpopulation" name="datauser[belongingpopulation]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
435
    
436
          
437
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_job">
438
      Mu00e9tier
439
      <span class="mandatory">*</span>
440
      </label>                      <select id="datauser_job" name="datauser[job]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
441
    
442
          
443
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_position">
444
      Fonction
445
      <span class="mandatory">*</span>
446
      </label>                      <select id="datauser_position" name="datauser[position]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
447
    
448
          
449
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_usualname">
450
      Nom d'Usage
451
      <span class="mandatory">*</span>
452
      </label>                      <select id="datauser_usualname" name="datauser[usualname]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
453
    
454
          
455
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_gender">
456
      Sexe
457
      <span class="mandatory">*</span>
458
      </label>                      <select id="datauser_gender" name="datauser[gender]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
459
    
460
          
461
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_givensname">
462
      Autre Pru00e9nom
463
      <span class="mandatory">*</span>
464
      </label>                      <select id="datauser_givensname" name="datauser[givensname]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
465
    
466
          
467
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_telephonenumber">
468
      Tu00e9lu00e9phone
469
      <span class="mandatory">*</span>
470
      </label>                      <select id="datauser_telephonenumber" name="datauser[telephonenumber]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
471
    
472
          
473
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_postaladress">
474
      Adresse
475
      <span class="mandatory">*</span>
476
      </label>                      <select id="datauser_postaladress" name="datauser[postaladress]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
477
    
478
          
479
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_birthdate">
480
      Date de Naissance
481
      <span class="mandatory">*</span>
482
      </label>                      <select id="datauser_birthdate" name="datauser[birthdate]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
483
    
484
          
485
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_birthcountry">
486
      Pays de Naissance
487
      <span class="mandatory">*</span>
488
      </label>                      <select id="datauser_birthcountry" name="datauser[birthcountry]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
489
    
490
          
491
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_birthplace">
492
      Ville de Naissance
493
      <span class="mandatory">*</span>
494
      </label>                      <select id="datauser_birthplace" name="datauser[birthplace]" class="form-control form-control"><option value="3">Bloqué</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
495
    
496
          
497
    </div><div class="form-group  mb-3">                  <label class="control-label required" for="datauser_visite">
498
      Visite
499
      <span class="mandatory">*</span>
500
      </label>                      <select id="datauser_visite" name="datauser[visite]" class="form-control form-control"><option value="3">Bloqué</option><option value="2">Obligatoire</option><option value="1">Facultatif</option><option value="0" selected="selected">Caché</option></select>
501
    
502
          
503
    </div>    <input type="hidden" id="datauser__token" name="datauser[_token]" class=" form-control" value="f9e28d05b35f.K1JcX4knIaN7JfiP_dpt0WQXGn4RVeSX-Ss6dj332gM.TBM4PeAQbeg5ZJbCqLw7nzVFTTUgAY3jzx54RE_Bg0lcfzkF0EFL4E1nrQ" />
504
</form>
505
        </div>
506
    </div>
507

    
508
                    </div>
509
                </div>
510
            </main>
511
        </div>
512
        
513
                <div id="mymodal" class="modal" tabindex="-1">
514
            <div class="modal-dialog modal-lg">
515
                <div class="modal-content">
516
                    <div class="modal-header">
517
                        <h4 class="modal-title">INFORMATION</h4>
518
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
519
                    </div>
520
                    <div class="modal-body">
521
                        <iframe id="framemodal" frameborder=0 width="100%" height="600px"></iframe>
522
                    </div>
523
                </div>
524
            </div>
525
        </div>
526

    
527
        <div id="modalinfo" class="modal" tabindex="-1">
528
            <div class="modal-dialog">
529
                <div class="modal-content">
530
                    <div class="modal-header">
531
                        <h4 class="modal-title">INFORMATION</h4>
532
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
533
                    </div>
534
                    <div class="modal-body">
535
                        <div id="modalinfotext"></div>
536
                    </div>
537
                </div>
538
            </div>
539
        </div>
540

    
541

    
542

    
543
        
544

    
545
        <script>
546
                            function subscribe(channeltype,channelkey,userkey) {
547
                    console.log("== SUBSCRIBE "+channeltype+"-"+channelkey+" with userkey "+userkey);
548
                    conn.send(JSON.stringify({
549
                        command: "subscribe",
550
                        log: "subscribe",
551
                        channel: channeltype+"-"+channelkey,
552
                        channeltype: channeltype,
553
                        channelkey: channelkey,
554
                        userkey: userkey
555
                    }));
556
                }
557

558
                function sendMessage(msg) {
559
                    json=JSON.stringify(msg);
560
                    console.log("== SEND MSG = "+json);
561
                    conn.send(json);
562
                }
563
               
564

565
            function iformat(icon) {
566
                return $('<span><i class="' + icon.id + '"></i> ' + icon.text + '</span>');
567
            }
568
            $('.select2-icon').select2({
569
                width: "100%",
570
                placeholder: 'choisir un icône',
571
                allowClear: true,                
572
                templateSelection: iformat,
573
                templateResult: iformat,
574
                formatResult: iformat,
575
                allowHtml: true,
576
                escapeMarkup: function(m) {
577
                    return m;
578
                }
579
            })
580

581

582
            function seeUser(id) {
583
                                    $("#mymodal").find(".modal-title").html("FICHE UTILISATEUR");
584
                    var url="/ninegate/user/view/xx";
585
                    url=url.replace('xx',id);
586

587
                    $("#mymodal").find("#framemodal").attr("src",url);
588
                    $("#mymodal").modal("show");
589
                            }   
590

591
            function inIframe () {
592
                try {
593
                    return window.self !== window.top;
594
                } catch (e) {
595
                    return true;
596
                }
597
            } 
598
            function switchHeader(flag) {
599
                                $.ajax({
600
                    method: "POST",
601
                    url: "/ninegate/user/preference",
602
                    data: {
603
                        id:0,
604
                        key:'fguserheader',
605
                        value: flag
606
                    },
607
                    success: function() {
608
                        location.reload();
609
                    }            
610
                });
611
                                
612
            }
613

614
            // Cacher afficher le menu des widgets 
615
            $( ".widget").hover(function() {
616
                if($(this).children(".widgetmenu").length) {
617
                    var widthwidget=$(this).width();
618
                    var widthtitle=$(this).children(".widgetheader").children(".title").width()+$(this).children(".widgetheader").children("img").width();
619
                    var widthmenu=$(this).children(".widgetmenu").width();
620

621
                    if(widthtitle+widthmenu+10>widthwidget) $(this).children(".widgetheader").children(".title").hide();
622

623
                    $(this).children(".widgetmenu").show();
624
                }
625
            });
626

627
            $( ".widget" ).mouseleave(function() {
628
                $(this).children(".widgetmenu").hide();
629
                $(this).children(".widgetheader").children(".title").show();
630
            });
631

632
            $( ".grid-item-content").hover(function() {
633
                $(this).children(".item-heart").show();
634
                $(this).children(".item-delete").show();
635
                $(this).children(".item-restaure").show();
636
                $(this).children(".item-update").show();
637
                $(this).children(".item-preview").show();
638
            });
639

640
            $( ".grid-item-content" ).mouseleave(function() {
641
                $(this).children(".item-heart").hide();
642
                $(this).children(".item-delete").hide();
643
                $(this).children(".item-restaure").hide();
644
                $(this).children(".item-update").hide();
645
                $(this).children(".item-preview").hide();
646
            });
647

648
            $(".navbar-toggle").mouseup(function() {
649
                setTimeout(function() {
650
                    resize();
651
                }, 50);                
652
                
653
            });
654

655
            
656
            function resize() {
657
                var heightbody = $('html').height();
658
                var heightheader = ($('.header').height()&&$('.header').is(":visible")?$('.header').height():0);
659
                var heightlittleheader = ($('.littleheader').height()&&$('.littleheader').is(":visible")?$('.littleheader').height():0);
660
                var heightmenu = ($('#menu').height()&&$('#menu').is(":visible")?$('#menu').height():0);
661
                
662
                var heightframe = heightbody-heightheader-heightlittleheader-heightmenu-1;
663

664
                $("#page-wrapper").css("min-height",heightframe);
665

666
                $(".pageframe").each(function(){
667
                    $(this).height(heightframe);
668
                });
669
            }        
670

671

672
            $(window).resize(function() {
673
                resize();
674
            });
675

676
            $(document).ready(function() {
677
                $(".js-datepicker").datepicker({
678
                    format: "dd/mm/yyyy",
679
                    language: "fr"
680
                });
681

682
                $('.select2simple').select2();
683

684
                $('.select2ajax').select2({
685
                    ajax: {
686
                        processResults: function (data) {
687
                            return {
688
                                results: data
689
                            };
690
                        }                    
691
                    }
692
                });
693

694
                $('.select2').each(function() {
695
                    if($(this).attr('data-init')) {
696
                        $(this).val(2);
697
                    }
698
                });
699

700
                // Dans une iframe on enlève des élèment
701
                if(inIframe()) {
702
                    $("nav").remove();
703
                    $("body").removeClass("body");
704
                    $("body").addClass("simple");
705
                    $("#page-wrapper").css("margin","0px");
706
                    $("#page-wrapper").css("border-left","none");
707
                }
708

709
                // Resize des dom
710
                resize();
711
            });                  
712
        </script>
713

    
714

    
715
        
716
        
717
        <script>
718
                $(document).ready(function() {
719
    });    
720
        </script>
721

    
722
        
723
    </body>
724
</html>