Subversion Repositories eFlore/Applications.cel

Rev

Rev 3164 | Rev 3167 | 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
 
3166 idir 76
                                        		<?php //var_dump($widget); ?>
3164 idir 77
                                    <label for="projet">Projet *</label>
78
                                    <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" />
79
 
80
                                    <label for="motscles">Autres mots-clés</label>
81
                                    <input type="text" name="motscles" id="motscles" value="" />
82
 
83
                                    <label for="type">Type de widget</label>
84
                                    <div class="select-wrapper">
85
                                        <select  id="type" name="type" >
86
                                                <?php foreach ($type as $id => $projet) : ?>
87
                                                        <option <?php echo (isset($widget['projet']) && $projet['projet']== $widget['projet']) ? 'selected="selected"' : ''; ?> value="<?php echo $projet['projet']; ?>"><?php echo $projet['projet']; ?></option>
88
                                                <?php endforeach; ?>
89
                                                <option value=""> ----</option>
90
                                        </select>
91
                                    </div>
92
 
93
                                    <label for="est_type">Ce widget est un widget type</label>
94
                                    <input type="radio" name="est_type" id="est_type" <?php echo (isset($widget['est_type']) && $projet['est_type']=== '1') ? 'checked="checked"' : ''; ?>/>
95
 
96
                                    <label for="langue">Langue</label>
97
                                    <?php if ($mode === 'modification') : ?>
98
                                            <input id="langue" name="langue" readonly value="<?php echo $widget['langue']; ?>" />
99
                                    <?php else : ?>
100
                                            <input id="langue" name="langue" list="langues" >
101
                                            <datalist id="langues" >
102
                                                    <?php foreach ($langues as $code => $langue) : ?>
103
                                                            <option value="<?php echo $code; ?>"><?php echo $langue['nom']; ?></option>
104
                                                    <?php endforeach; ?>
105
                                            </datalist>
106
                                    <?php endif; ?>
107
                            </div><!-- #basic-details-section -->
108
 
109
 
110
                            <div class="register-section" id="profile-details-description-section">
111
                                    <h2>Description</h2>
112
                                    <label for="titre">Titre</label>
113
                                    <input type="text" name="titre" id="titre" value="<?php echo isset($widget['titre']) ? $widget['titre'] : ''; ?>"  />
114
 
115
                                    <label for="description">Description</label>
116
                                    <textarea name="description" id="description"><?php echo isset($widget['description']) ? $widget['description'] : ''; ?></textarea>
117
 
118
                                    <div class="input-file-container">
119
                                        <input type="file" class="input-file" name="logo" id="logo"  accept="image" />
120
                                        <label for="logo" class="label-file"><i class="fas fa-download"></i> Logo</label>
121
                                    </div>
3166 idir 122
                                    <div class="file-return logo"></div>
3164 idir 123
 
124
                                    <?php echo isset($widget['logo']) ? '<img src="'.$widget['logo'].'" /><br />Pour changer, télécharger un nouveau fichier.': ''; ?>
125
 
126
                                    <div class="input-file-container">
127
                                        <input type="file" class="input-file" name="fond" id="fond" value="<?php echo $widget['titre']; ?>" />
128
                                        <label for="fond" class="label-file"><i class="fas fa-download"></i> Image de fond</label>
129
                                    </div>
3166 idir 130
                                    <div class="file-return fond"></div>
3164 idir 131
                            </div><!-- #profile-details-description-section -->
132
 
133
                            <div class="register-section" id="profile-details-fields-section">
134
                                <h2>Champs</h2>
135
                                <label for="type_localisation">Type de localisation</label>
136
                                <div class="select-wrapper">
137
                                    <select  id="type_localisation" name="type_localisation" >
138
                                            <option value="<?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?>"><?php echo (isset($widget['type_localisation'])) ? $widget['type_localisation'] : 'point'; ?></option>
139
                                            <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>
140
                                    </select>
141
                                </div>
142
 
143
                                <label for="localisation">Zoom</label>
144
                                <input type="text" name="localisation" id="localisation" value="<?php echo isset($widget['localisation']) ? $widget['localisation'] : ''; ?>"  />
145
 
146
                                <label for="milieux">Milieux</label>
147
                                <input type="text" name="milieux" id="milieux" value="<?php echo isset($widget['milieux']) ? $widget['milieux'] : ''; ?>"  />
148
 
149
                                <label for="type_especes">Type liste espèce *</label>
150
                                <div class="select-wrapper">
151
                                    <select  id="type_especes" name="type_especes" required>
152
                                            <option selected="selected" value="referentiel">Référentiel</option>
153
                                            <option value="liste">Liste</option>
154
                                            <option value="liste" title="remplir référentiel + envoyer csv">Liste + autres</option>
155
                                            <option value="fixe">Espèce fixée</option>
156
                                    </select>
157
                                </div>
158
 
159
                                <label for="referentiel">Référentiel *</label>
160
                                <input type="text" name="referentiel" id="referentiel" required pattern="([a-z]+?)*"
161
                                        title="Nom du référentiel ex. bdtfx"
162
                                        value="<?php echo isset($widget['referentiel']) ? $widget['referentiel'] : ''; ?>"/>
163
                                <div class="input-file-container">
164
                                    <input type="file" class="input-file" name="especes" id="especes" />
165
                                    <label for="especes"class="label-file"><i class="fas fa-download"></i> Espèces</label>
166
                                    fichier type
167
                                </div>
3166 idir 168
                                <p class="file-return especes"></p>
3164 idir 169
 
170
 
171
                                <label for="add_fields">Ajouter un champ</label>
172
                                <input type="button" class="button" name="add_fields" id="add_fields" title="Ajouter un champ" value="+"/>
173
                            </div><!-- #profile-details-fields-section -->
174
 
175
                            <div class="submit complete-registration">
176
                                    <button href="#" type="submit" name="signup_submit" id="signup_submit"  class="button" target="" title=""><span class="button-text">Terminer </span></button>
177
                            </div>
178
                    </form>
179
                </div>
180
                <div class="widget-blocks col-md-8 project">
181
                    <p class="message">
182
                        <?php if ($mode === 'modification') : ?>
183
                                Attention vous modifiez un widget déjà existant, le tag et la langue ne peuvent pas être changer.
184
                                S'il s'agit d'un projet type, en modifiant ce widget vous modifiez tous les widgets de ce type.
185
                        <?php else : ?>
186
                                Vous créez un widget, si vous choississez de le mettre dans un type, certains champs deviendront
187
                                obligatoires et la localisation (point ou rue) sera automatiquement déterminée.
188
                        <?php endif; ?>
189
                    </p>
190
                    <iframe src="http://localhost/widget:cel:saisie2?projet=<?php echo isset($widget['projet'])?$widget['projet']:'base'; ?>" class="widget-renderer" height="100%" width="100%" >
191
                    </iframe>
192
                </div>
193
            </div>
194
        </div>
195
    </body>
196
</html>