Subversion Repositories eFlore/Applications.cel

Rev

Rev 3125 | Rev 3166 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
3122 delphine 1
<!DOCTYPE html>
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
  <head>
3164 idir 4
        <title><?php echo $mode; ?> de widget de saisie du CeL</title>
3122 delphine 5
 
3164 idir 6
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
7
        <meta http-equiv="Content-style-type" content="text/css" />
8
        <meta http-equiv="Content-script-type" content="text/javascript" />
9
        <meta http-equiv="Content-language" content="fr" />
10
        <meta name="revisit-after" content="15 days" />
11
        <meta name="robots" content="index,follow" />
12
        <meta name="author" content="Tela Botanica" />
13
        <meta name="keywords" content="Tela Botanica, CEL" />
14
        <meta name="description" content="Gestion des widgets de saisie du carnet en ligne" />
15
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
3122 delphine 16
 
3164 idir 17
        <!-- OpenGraph pour Facebook, Pinterest, Google+ -->
18
        <meta property="og:type" content="website" />
19
        <meta property="og:title" content="Gestion des widgets de saisie du CeL" />
20
        <meta property="og:site_name" content="Tela Botanica" />
21
        <meta property="og:description" content="Gestion des widgets de saisie du Carnet en Ligne" />
22
        <meta property="og:image" content="https://resources.tela-botanica.org/tb/img/256x256/carre_englobant.png" />
23
        <meta property="og:image:type" content="image/png" />
24
        <meta property="og:image:width" content="256" />
25
        <meta property="og:image:height" content="256" />
26
        <meta property="og:locale" content="fr_FR" />
3122 delphine 27
 
3164 idir 28
        <!-- Favicones -->
29
        <link rel="shortcut icon" type="image/x-icon" href="https://resources.tela-botanica.org/tb/img/16x16/favicon.ico" />
30
 
31
        <!-- Jquery -->
32
        <script type="text/javascript" src="http://localhost/commun/jquery/1.7.1/jquery-1.7.1.min.js"></script>
33
        <script type="text/javascript" src="http://localhost/commun/jquery/jquery-ui/1.8.17/js/jquery-ui-1.8.17.custom.min.js"></script>
34
        <script type="text/javascript" src="http://localhost/commun/jquery/jquery-ui/1.8.17/js/jquery.ui.datepicker-fr.js"></script>
35
        <script type="text/javascript" src="http://localhost/commun/jquery/validate/1.9.0/jquery.validate.js"></script>
36
        <script type="text/javascript" src="http://localhost/commun/jquery/validate/1.9.0/messages_fr.js"></script>
37
        <script type="text/javascript" src="http://localhost/commun/jquery/form/2.95/jquery.form.min.js"></script>
38
        <script type="text/javascript" src="http://localhost/commun/bootstrap/3.1.0/js/bootstrap.min.js"></script>
39
 
40
        <script type="text/javascript" src="<?php echo $url_base; ?>modules/manager/squelettes/js/manager.js"></script>
41
 
42
        <!-- Barre de navigation -->
43
        <?php if ($bar !== false): ?>
44
                <script src="<?php echo $url_script_navigation; ?>"></script>
45
        <?php endif; ?>
46
 
47
        <!-- CSS -->
48
        <link rel="stylesheet" type="text/css" href="http://localhost/commun/jquery/jquery-ui/1.8.18/css/smoothness/jquery-ui-1.8.18.custom.css" media="screen" />
49
 
50
        <link rel="stylesheet" type="text/css" href="<?php echo $url_base; ?>modules/manager/squelettes/css/manager.css" media="screen" />
51
        <link rel="stylesheet" type="text/css" href="http://localhost/commun/bootstrap/3.1.0/css/bootstrap.min.css" />
52
        <link rel="stylesheet" type="text/css" id="telabotanica-style-css" href="https://www.tela-botanica.org/wp-content/themes/telabotanica/dist/bundle.css?ver=4.9.7" media="all">
53
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
54
 
55
        <!--  Google Analytics -->
56
        <?php if($prod): ?>
57
                <?php include "analytics.html"; ?>
58
        <?php endif; ?>
3122 delphine 59
  </head>
60
 
61
  <body>
3164 idir 62
        <div id="zone-appli" class="container">
63
        <?php if ($bar !== false): ?>
64
                <div id="tb-navigation" data-courant="widget-cel-export" data-squelette="bootstrap3" data-mode="prod">
65
                </div>
66
                <br/>
67
        <?php endif; ?>
68
        <h1 id="widget-titre" class="widget-titre"><?php echo ucfirst($mode); ?> de widget de saisie du CEL</h1>
69
        <div id="register-page">
70
            <div class="row">
71
                <div class="widget-blocks col-md-4">
72
                    <form action="http://localhost/cel/widget/manager?mode=<?php echo $mode; ?>" name="" id="group-settings-form" class="standard-form component component-text" method="post" enctype="multipart/form-data">
73
                            <div class="register-section" id="basic-details-section">
74
                                    <h2>Meta-données</h2>
75
 
76
                                    <label for="projet">Projet *</label>
77
                                    <input type="text" name="projet" id="projet" pattern="[a-z]*" <?php echo ($mode === 'modification') ? 'value="'.$widget['projet'].'" readonly' : 'required'; ?> title="Champ obligatoire : pas d'espace" />
78
 
79
                                    <label for="motscles">Autres mots-clés</label>
80
                                    <input type="text" name="motscles" id="motscles" value="" />
81
 
82
                                    <label for="type">Type de widget</label>
83
                                    <div class="select-wrapper">
84
                                        <select  id="type" name="type" >
85
                                                <?php foreach ($type as $id => $projet) : ?>
86
                                                        <option <?php echo (isset($widget['projet']) && $projet['projet']== $widget['projet']) ? 'selected="selected"' : ''; ?> value="<?php echo $projet['projet']; ?>"><?php echo $projet['projet']; ?></option>
87
                                                <?php endforeach; ?>
88
                                                <option value=""> ----</option>
89
                                        </select>
90
                                    </div>
91
 
92
                                    <label for="est_type">Ce widget est un widget type</label>
93
                                    <input type="radio" name="est_type" id="est_type" <?php echo (isset($widget['est_type']) && $projet['est_type']=== '1') ? 'checked="checked"' : ''; ?>/>
94
 
95
                                    <label for="langue">Langue</label>
96
                                    <?php if ($mode === 'modification') : ?>
97
                                            <input id="langue" name="langue" readonly value="<?php echo $widget['langue']; ?>" />
98
                                    <?php else : ?>
99
                                            <input id="langue" name="langue" list="langues" >
100
                                            <datalist id="langues" >
101
                                                    <?php foreach ($langues as $code => $langue) : ?>
102
                                                            <option value="<?php echo $code; ?>"><?php echo $langue['nom']; ?></option>
103
                                                    <?php endforeach; ?>
104
                                            </datalist>
105
                                    <?php endif; ?>
106
                            </div><!-- #basic-details-section -->
107
 
108
 
109
                            <div class="register-section" id="profile-details-description-section">
110
                                    <h2>Description</h2>
111
                                    <label for="titre">Titre</label>
112
                                    <input type="text" name="titre" id="titre" value="<?php echo isset($widget['titre']) ? $widget['titre'] : ''; ?>"  />
113
 
114
                                    <label for="description">Description</label>
115
                                    <textarea name="description" id="description"><?php echo isset($widget['description']) ? $widget['description'] : ''; ?></textarea>
116
 
117
                                    <div class="input-file-container">
118
                                        <input type="file" class="input-file" name="logo" id="logo"  accept="image" />
119
                                        <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
120
                                    </div>
121
                                    <p class="file-return"></p>
122
 
123
                                    <?php echo isset($widget['logo']) ? '<img src="'.$widget['logo'].'" /><br />Pour changer, télécharger un nouveau fichier.': ''; ?>
124
 
125
                                    <div class="input-file-container">
126
                                        <input type="file" class="input-file" name="fond" id="fond" value="<?php echo $widget['titre']; ?>" />
127
                                        <label for="fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
128
                                    </div>
129
                                    <p class="file-return"></p>
130
                            </div><!-- #profile-details-description-section -->
131
 
132
                            <div class="register-section" id="profile-details-fields-section">
133
                                <h2>Champs</h2>
134
                                <label for="type_localisation">Type de localisation</label>
135
                                <div class="select-wrapper">
136
                                    <select  id="type_localisation" name="type_localisation" >
137
                                            <option value="<?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?>"><?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?></option>
138
                                            <option value="<?php echo (isset($widget['type_localisation']) && $widget['type_localisation'] == 'rue') ? 'point' : 'rue'; ?>"><?php echo (isset($widget['type_localisation']) && $widget['type_localisation'] == 'rue') ? 'point' : 'rue'; ?></option>
139
                                    </select>
140
                                </div>
141
 
142
                                <label for="localisation">Zoom</label>
143
                                <input type="text" name="localisation" id="localisation" value="<?php echo isset($widget['localisation']) ? $widget['localisation'] : ''; ?>"  />
144
 
145
                                <label for="milieux">Milieux</label>
146
                                <input type="text" name="milieux" id="milieux" value="<?php echo isset($widget['milieux']) ? $widget['milieux'] : ''; ?>"  />
147
 
148
                                <label for="type_especes">Type liste espèce *</label>
149
                                <div class="select-wrapper">
150
                                    <select  id="type_especes" name="type_especes" required>
151
                                            <option selected="selected" value="referentiel">Référentiel</option>
152
                                            <option value="liste">Liste</option>
153
                                            <option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>
154
                                            <option value="fixe">Espèce fixée</option>
155
                                    </select>
156
                                </div>
157
 
158
                                <label for="referentiel">Référentiel *</label>
159
                                <input type="text" name="referentiel" id="referentiel" required pattern="([a-z]+?)*"
160
                                        title="Nom du référentiel ex. bdtfx"
161
                                        value="<?php echo isset($widget['referentiel']) ? $widget['referentiel'] : ''; ?>"/>
162
                                <div class="input-file-container">
163
                                    <input type="file" class="input-file" name="especes" id="especes" />
164
                                    <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>
165
                                    fichier type
166
                                </div>
167
                                <p class="file-return"></p>
168
 
169
 
170
                                <label for="add_fields">Ajouter un champ</label>
171
                                <input type="button" class="button" name="add_fields" id="add_fields" title="Ajouter un champ" value="+"/>
172
                            </div><!-- #profile-details-fields-section -->
173
 
174
                            <div class="submit complete-registration">
175
                                    <button href="#" type="submit" name="signup_submit" id="signup_submit"  class="button" target="" title=""><span class="button-text">Terminer </span></button>
176
                            </div>
177
                    </form>
178
                </div>
179
                <div class="widget-blocks col-md-8 project">
180
                    <p class="message">
181
                        <?php if ($mode === 'modification') : ?>
182
                                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changer.
183
                                S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
184
                        <?php else : ?>
185
                                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
186
                                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
187
                        <?php endif; ?>
188
                    </p>
189
                    <iframe src="http://localhost/widget:cel:saisie2?projet=<?php echo isset($widget['projet'])?$widget['projet']:'base'; ?>" class="widget-renderer" height="100%" width="100%" >
190
                    </iframe>
191
                </div>
192
            </div>
193
        </div>
194
    </body>
195
</html>