ode-csslib-openent-cg77 3.3.13 → 3.3.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/i18n/Directory/fr.json +1 -1
- package/dist/img/qr-code.png +0 -0
- package/dist/template/directory/massmail.pdf.xhtml +192 -152
- package/dist/template/directory/massmail_new/massmail_new.pdf.xhtml +198 -136
- package/dist/template/directory/massmail_simple.pdf.xhtml +171 -60
- package/dist/version.txt +1 -1
- package/package.json +1 -1
|
@@ -25,5 +25,5 @@
|
|
|
25
25
|
"group.class.Personnel": "Personnels non enseignants de la classe {0}.",
|
|
26
26
|
"group.school.Personnel": "Personnels non enseignants de l'{0}.",
|
|
27
27
|
"email.signature": "L'équipe de l’ENT77 – Collèges Connectés</br>votre portail numérique éducatif en Seine-et-Marne</br>https://ent.seine-et-marne.fr",
|
|
28
|
-
"classAdmin.template.downloadAppInfo": "ou téléchargez <strong>ENT 77</strong> depuis l’App Store ou le Google Play"
|
|
28
|
+
"classAdmin.template.downloadAppInfo": "ou téléchargez l'application mobile <strong>ENT 77</strong> depuis l’App Store ou le Google Play"
|
|
29
29
|
}
|
|
Binary file
|
|
@@ -1,230 +1,270 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<!DOCTYPE html
|
|
2
|
+
<!DOCTYPE html
|
|
3
|
+
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3
4
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
4
5
|
|
|
5
6
|
<head>
|
|
6
7
|
<title>Guide de prise en main ENT 77</title>
|
|
7
8
|
<style type="text/css">
|
|
8
|
-
body{
|
|
9
|
+
body {
|
|
9
10
|
font-family: 'Verdana';
|
|
10
11
|
font-size: 0.9em;
|
|
11
12
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
|
|
14
|
+
.clear:after {
|
|
15
|
+
content: '';
|
|
16
|
+
display: block;
|
|
15
17
|
clear: both;
|
|
16
18
|
}
|
|
17
19
|
|
|
18
|
-
span.underline{
|
|
20
|
+
span.underline {
|
|
19
21
|
text-decoration: underline;
|
|
20
22
|
}
|
|
21
23
|
|
|
22
|
-
ul li{
|
|
24
|
+
ul li {
|
|
23
25
|
list-style: square;
|
|
24
26
|
}
|
|
25
27
|
|
|
26
|
-
.big-space{
|
|
28
|
+
.big-space {
|
|
27
29
|
margin-top: 32px;
|
|
28
30
|
margin-bottom: 32px;
|
|
29
31
|
}
|
|
30
32
|
|
|
31
|
-
div.right{
|
|
33
|
+
div.right {
|
|
32
34
|
float: right;
|
|
33
35
|
text-align: center;
|
|
34
36
|
margin-left: 30px;
|
|
35
37
|
}
|
|
36
|
-
|
|
38
|
+
|
|
39
|
+
div.right>div {
|
|
37
40
|
margin-bottom: 30px;
|
|
38
41
|
}
|
|
39
|
-
|
|
42
|
+
|
|
43
|
+
div.twocolumns>div {
|
|
40
44
|
width: 45%;
|
|
41
45
|
display: inline-block;
|
|
42
46
|
vertical-align: top;
|
|
43
47
|
}
|
|
44
|
-
|
|
48
|
+
|
|
49
|
+
div.twocolumns.center>div {
|
|
45
50
|
vertical-align: middle;
|
|
46
51
|
}
|
|
47
|
-
|
|
52
|
+
|
|
53
|
+
div.twocolumns>div.text-left {
|
|
48
54
|
text-align: left;
|
|
49
55
|
}
|
|
50
|
-
|
|
56
|
+
|
|
57
|
+
div.twocolumns>div.text-right {
|
|
51
58
|
text-align: right;
|
|
52
59
|
}
|
|
53
60
|
|
|
54
|
-
div#code{
|
|
61
|
+
div#code {
|
|
55
62
|
position: absolute;
|
|
56
63
|
top: 90px;
|
|
57
64
|
left: 75px;
|
|
58
65
|
}
|
|
59
|
-
|
|
66
|
+
|
|
67
|
+
img#logo {
|
|
60
68
|
width: 120px;
|
|
61
69
|
float: right;
|
|
62
70
|
margin-bottom: 20px;
|
|
63
71
|
}
|
|
64
|
-
|
|
72
|
+
|
|
73
|
+
img#compagnon {
|
|
65
74
|
width: 200px;
|
|
66
75
|
}
|
|
67
|
-
|
|
76
|
+
|
|
77
|
+
img#login {
|
|
68
78
|
width: 160px;
|
|
69
79
|
}
|
|
70
|
-
|
|
80
|
+
|
|
81
|
+
img#besoinaide {
|
|
71
82
|
width: 210px;
|
|
72
83
|
margin-right: 30px;
|
|
73
84
|
}
|
|
74
|
-
|
|
85
|
+
|
|
86
|
+
img#demandereinitialisation {
|
|
75
87
|
width: 210px;
|
|
76
88
|
margin-left: 30px;
|
|
77
89
|
}
|
|
78
|
-
|
|
90
|
+
|
|
91
|
+
img#reinitialisation {
|
|
79
92
|
width: 210px;
|
|
80
93
|
margin-right: 30px;
|
|
81
94
|
}
|
|
95
|
+
|
|
96
|
+
.qr {
|
|
97
|
+
width: 110px;
|
|
98
|
+
}
|
|
82
99
|
</style>
|
|
83
100
|
</head>
|
|
84
101
|
|
|
85
102
|
<body>
|
|
86
|
-
{{#users}}
|
|
87
|
-
{{! Users that are not activated }}
|
|
88
|
-
{{#activationCode}}
|
|
89
|
-
<div{{^end}} style="page-break-after: always"{{/end}}>
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
</div>
|
|
93
|
-
<h3>
|
|
94
|
-
<span class="content">À l’attention de <i>{{firstName}} {{lastName}}</i>{{^isInClass}}.{{/isInClass}}</span>
|
|
95
|
-
{{#child}}
|
|
96
|
-
<br/>
|
|
97
|
-
<span class="content">Parent de <i>{{firstName}} {{lastName}}</i> en classe de {{classname}}.</span>
|
|
98
|
-
{{/child}}
|
|
99
|
-
{{^child}}
|
|
100
|
-
{{#isInClass}}
|
|
101
|
-
<span class="content">en classe(s) de{{^classes}} {{classname}}{{/classes}}{{#classes}} {{.}}{{/classes}}.</span>
|
|
102
|
-
{{/isInClass}}
|
|
103
|
-
{{/child}}
|
|
104
|
-
</h3>
|
|
105
|
-
<p class="big-space">
|
|
106
|
-
<span class="underline">Objet</span> : Connexion à l’ENT77 - Collèges Connectés
|
|
107
|
-
</p>
|
|
108
|
-
<div class="clear">
|
|
109
|
-
<div class="right">
|
|
110
|
-
<div>
|
|
111
|
-
<img id="compagnon" src="compagnon.png" alt="site compagnon"></img>
|
|
112
|
-
</div>
|
|
113
|
-
<div>
|
|
114
|
-
<img id="login" src="login.png" alt="login"></img>
|
|
115
|
-
</div>
|
|
103
|
+
{{#users}}
|
|
104
|
+
{{! Users that are not activated }}
|
|
105
|
+
{{#activationCode}}
|
|
106
|
+
<div{{^end}} style="page-break-after: always" {{/end}}>
|
|
107
|
+
<div class="clear">
|
|
108
|
+
<img id="logo" src="logo.png"></img>
|
|
116
109
|
</div>
|
|
110
|
+
<h3>
|
|
111
|
+
<span class="content">À l’attention de <i>{{firstName}} {{lastName}}</i>{{^isInClass}}.{{/isInClass}}</span>
|
|
112
|
+
{{#child}}
|
|
113
|
+
<br />
|
|
114
|
+
<span class="content">Parent de <i>{{firstName}} {{lastName}}</i> en classe de {{classname}}.</span>
|
|
115
|
+
{{/child}}
|
|
116
|
+
{{^child}}
|
|
117
|
+
{{#isInClass}}
|
|
118
|
+
<span class="content">en classe(s) de{{^classes}} {{classname}}{{/classes}}{{#classes}}
|
|
119
|
+
{{.}}{{/classes}}.</span>
|
|
120
|
+
{{/isInClass}}
|
|
121
|
+
{{/child}}
|
|
122
|
+
</h3>
|
|
123
|
+
<p class="big-space">
|
|
124
|
+
<span class="underline">Objet</span> : Connexion à l’ENT77 - Collèges Connectés
|
|
125
|
+
</p>
|
|
126
|
+
<div class="clear">
|
|
127
|
+
<div class="right">
|
|
128
|
+
<div>
|
|
129
|
+
<img id="compagnon" src="compagnon.png" alt="site compagnon"></img>
|
|
130
|
+
</div>
|
|
131
|
+
<div>
|
|
132
|
+
<img id="login" src="login.png" alt="login"></img>
|
|
133
|
+
</div>
|
|
134
|
+
</div>
|
|
117
135
|
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
136
|
+
<div>
|
|
137
|
+
<p>
|
|
138
|
+
Pour vous connecter, rendez-vous sur le site <a
|
|
139
|
+
href="https://ent.seine-et-marne.fr">https://ent.seine-et-marne.fr</a> ou
|
|
140
|
+
téléchargez l'application mobile <strong>ENT 77:</strong>
|
|
141
|
+
<br />
|
|
142
|
+
<img class="qr" src="qr-code.png"></img>
|
|
143
|
+
<br />et cliquez sur le bouton « Se connecter à l’ENT ».
|
|
144
|
+
</p>
|
|
145
|
+
<p>
|
|
146
|
+
<b>Entrez ensuite vos coordonnées personnelles :</b><br />
|
|
147
|
+
<br />
|
|
148
|
+
Identifiant : <b>{{login}}</b><br />
|
|
149
|
+
Mot de passe : <b>{{activationCode}}</b><br />
|
|
150
|
+
</p>
|
|
128
151
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
152
|
+
<p class="big-space">
|
|
153
|
+
Lors de votre première connexion à l'ENT, il vous sera demandé de choisir un nouveau mot de
|
|
154
|
+
passe.<br />
|
|
155
|
+
<br />
|
|
156
|
+
<b>Votre mot de passe doit être composé d'un minima de 12 caractères combinant majuscules,
|
|
157
|
+
minuscules, chiffres et caractères spéciaux.</b><br />
|
|
158
|
+
<br />
|
|
159
|
+
Notez bien ce mot de passe. En cas d'oubli, il vous suffira de cliquer sur "Mot de passe oublié"
|
|
160
|
+
puis rentrer votre identifiant et un nouveau mot de passe sera envoyé sur votre adresse email
|
|
161
|
+
personnelle.
|
|
162
|
+
</p>
|
|
163
|
+
</div>
|
|
136
164
|
</div>
|
|
137
|
-
</div>
|
|
138
|
-
<div>
|
|
139
|
-
<h4 style="text-align: right">
|
|
140
|
-
ENT77 - Collèges Connectés
|
|
141
|
-
</h4>
|
|
142
|
-
</div>
|
|
143
|
-
</div>
|
|
144
|
-
{{/activationCode}}
|
|
145
|
-
{{! Users that are activated }}
|
|
146
|
-
{{^activationCode}}
|
|
147
|
-
<div{{^end}} style="page-break-after: always"{{/end}}>
|
|
148
|
-
<div class="clear">
|
|
149
|
-
<img id="logo" src="logo.png"></img>
|
|
150
|
-
</div>
|
|
151
|
-
<h3>
|
|
152
|
-
<span class="content">À l’attention de <i>{{firstName}} {{lastName}}</i>{{^isInClass}}.{{/isInClass}}</span>
|
|
153
|
-
{{#child}}
|
|
154
|
-
<br/>
|
|
155
|
-
<span class="content">Parent de <i>{{firstName}} {{lastName}}</i> en classe de {{classname}}.</span>
|
|
156
|
-
{{/child}}
|
|
157
|
-
{{^child}}
|
|
158
|
-
{{#isInClass}}
|
|
159
|
-
<span class="content">en classe(s) de{{^classes}} {{classname}}{{/classes}}{{#classes}} {{.}}{{/classes}}.</span>
|
|
160
|
-
{{/isInClass}}
|
|
161
|
-
{{/child}}
|
|
162
|
-
</h3>
|
|
163
|
-
<p class="big-space">
|
|
164
|
-
<span class="underline">Objet</span> : Connexion l'ENT77 - Collèges Connectés
|
|
165
|
-
</p>
|
|
166
|
-
<p>
|
|
167
|
-
Vous possédez déjà un compte sur l’ENT77 - Collèges Connectés.<br/>
|
|
168
|
-
Votre identifiant de connexion est rappelé ci-contre : <i><b>{{login}}</b></i>
|
|
169
|
-
</p>
|
|
170
|
-
|
|
171
|
-
<p>
|
|
172
|
-
Si vous ne vous souvenez pas de votre mot de passe, vous pouvez en définir un nouveau en suivant les instructions ci-dessous.
|
|
173
|
-
</p>
|
|
174
|
-
|
|
175
|
-
<div class="twocolumns center">
|
|
176
165
|
<div>
|
|
177
|
-
<
|
|
178
|
-
|
|
166
|
+
<h4 style="text-align: right">
|
|
167
|
+
ENT77 - Collèges Connectés
|
|
168
|
+
</h4>
|
|
179
169
|
</div>
|
|
180
|
-
<div class="text-right">
|
|
181
|
-
<img id="compagnon" src="compagnon.png" alt="site compagnon"></img>
|
|
182
170
|
</div>
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
171
|
+
{{/activationCode}}
|
|
172
|
+
{{! Users that are activated }}
|
|
173
|
+
{{^activationCode}}
|
|
174
|
+
<div{{^end}} style="page-break-after: always" {{/end}}>
|
|
175
|
+
<div class="clear">
|
|
176
|
+
<img id="logo" src="logo.png"></img>
|
|
177
|
+
</div>
|
|
178
|
+
<h3>
|
|
179
|
+
<span class="content">À l’attention de <i>{{firstName}}
|
|
180
|
+
{{lastName}}</i>{{^isInClass}}.{{/isInClass}}</span>
|
|
181
|
+
{{#child}}
|
|
182
|
+
<br />
|
|
183
|
+
<span class="content">Parent de <i>{{firstName}} {{lastName}}</i> en classe de {{classname}}.</span>
|
|
184
|
+
{{/child}}
|
|
185
|
+
{{^child}}
|
|
186
|
+
{{#isInClass}}
|
|
187
|
+
<span class="content">en classe(s) de{{^classes}} {{classname}}{{/classes}}{{#classes}}
|
|
188
|
+
{{.}}{{/classes}}.</span>
|
|
189
|
+
{{/isInClass}}
|
|
190
|
+
{{/child}}
|
|
191
|
+
</h3>
|
|
192
|
+
<p class="big-space">
|
|
193
|
+
<span class="underline">Objet</span> : Connexion à l'ENT77 - Collèges Connectés
|
|
191
194
|
</p>
|
|
192
|
-
</div>
|
|
193
|
-
</div>
|
|
194
|
-
<div class="twocolumns center">
|
|
195
|
-
<div>
|
|
196
195
|
<p>
|
|
197
|
-
|
|
198
|
-
|
|
196
|
+
Vous possédez déjà un compte sur l’ENT77 - Collèges Connectés.<br />
|
|
197
|
+
Votre identifiant de connexion est rappelé ci-contre : <i><b>{{login}}</b></i>
|
|
199
198
|
</p>
|
|
200
|
-
|
|
201
|
-
<div class="text-right">
|
|
202
|
-
<img id="demandereinitialisation" src="Demande_reinitialisation_avec_numero.png" alt="Demande de réinitialisation"></img>
|
|
203
|
-
</div>
|
|
204
|
-
</div>
|
|
205
|
-
<div class="twocolumns center">
|
|
206
|
-
<div>
|
|
207
|
-
<img id="reinitialisation" src="Reinitialisation_coupe.png" alt="Réinitialisation"></img>
|
|
208
|
-
</div>
|
|
209
|
-
<div>
|
|
199
|
+
|
|
210
200
|
<p>
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
{{#child}}
|
|
214
|
-
Votre enfant a ses propres identifiants. <br/>
|
|
215
|
-
{{/child}}
|
|
216
|
-
Nous vous rappelons qu’il est indispensable de conserver vos données confidentielles.
|
|
201
|
+
Si vous ne vous souvenez pas de votre mot de passe, vous pouvez en définir un nouveau en suivant les
|
|
202
|
+
instructions ci-dessous.
|
|
217
203
|
</p>
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
204
|
+
|
|
205
|
+
<div class="twocolumns center">
|
|
206
|
+
<div>
|
|
207
|
+
<p>
|
|
208
|
+
Rendez-vous sur le site <a
|
|
209
|
+
href="https://ent.seine-et-marne.fr">https://ent.seine-et-marne.fr</a> ou
|
|
210
|
+
téléchargez l'application mobile <strong>ENT 77:</strong>
|
|
211
|
+
<br />
|
|
212
|
+
<img class="qr" src="qr-code.png"></img>
|
|
213
|
+
<br />et cliquez sur le bouton « Se connecter à l’ENT »
|
|
214
|
+
</p>
|
|
215
|
+
</div>
|
|
216
|
+
<div class="text-right">
|
|
217
|
+
<img id="compagnon" src="compagnon.png" alt="site compagnon"></img>
|
|
218
|
+
</div>
|
|
219
|
+
</div>
|
|
220
|
+
<div class="twocolumns center">
|
|
221
|
+
<div>
|
|
222
|
+
<img id="besoinaide" src="Besoin_daide_avec_numero.png" alt="Besoin d'aide"></img>
|
|
223
|
+
</div>
|
|
224
|
+
<div>
|
|
225
|
+
<p>
|
|
226
|
+
Cliquez sur « Identifiant ou mot de passe oublié ».
|
|
227
|
+
</p>
|
|
228
|
+
</div>
|
|
229
|
+
</div>
|
|
230
|
+
<div class="twocolumns center">
|
|
231
|
+
<div>
|
|
232
|
+
<p>
|
|
233
|
+
Cliquez ensuite sur « vous avez perdu votre mot de passe », saisissez votre identifiant puis
|
|
234
|
+
cliquez sur « Envoyer ».<br />
|
|
235
|
+
Un mail sera envoyé à l’adresse que vous avez saisie lors de l’activation de votre compte.
|
|
236
|
+
</p>
|
|
237
|
+
</div>
|
|
238
|
+
<div class="text-right">
|
|
239
|
+
<img id="demandereinitialisation" src="Demande_reinitialisation_avec_numero.png"
|
|
240
|
+
alt="Demande de réinitialisation"></img>
|
|
241
|
+
</div>
|
|
242
|
+
</div>
|
|
243
|
+
<div class="twocolumns center">
|
|
244
|
+
<div>
|
|
245
|
+
<img id="reinitialisation" src="Reinitialisation_coupe.png" alt="Réinitialisation"></img>
|
|
246
|
+
</div>
|
|
247
|
+
<div>
|
|
248
|
+
<p>
|
|
249
|
+
Cliquez ensuite sur le lien figurant dans le mail reçu pour définir votre nouveau mot de
|
|
250
|
+
passe.<br />
|
|
251
|
+
A partir de cette connexion, vous pourrez accéder aux services utilisés par l’établissement dans
|
|
252
|
+
l'ENT77 - Collèges Connectés.<br />
|
|
253
|
+
{{#child}}
|
|
254
|
+
Votre enfant a ses propres identifiants. <br />
|
|
255
|
+
{{/child}}
|
|
256
|
+
Nous vous rappelons qu’il est indispensable de conserver vos données confidentielles.
|
|
257
|
+
</p>
|
|
258
|
+
</div>
|
|
259
|
+
</div>
|
|
260
|
+
<div>
|
|
261
|
+
<h4 style="text-align: right">
|
|
262
|
+
ENT77 - Collèges Connectés
|
|
263
|
+
</h4>
|
|
264
|
+
</div>
|
|
265
|
+
</div>
|
|
266
|
+
{{/activationCode}}
|
|
267
|
+
{{/users}}
|
|
228
268
|
</body>
|
|
229
269
|
|
|
230
|
-
</html>
|
|
270
|
+
</html>
|
|
@@ -1,158 +1,220 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<!DOCTYPE html
|
|
2
|
+
<!DOCTYPE html
|
|
3
|
+
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3
4
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
|
|
4
5
|
|
|
5
6
|
<head>
|
|
6
|
-
|
|
7
|
+
<!-- We use this i18n key to ensure portability because it is overriden by themes -->
|
|
7
8
|
<title>{{#i18n}}directory.admin.massMailing{{/i18n}}</title>
|
|
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
|
-
|
|
9
|
+
<style type="text/css">
|
|
10
|
+
body {
|
|
11
|
+
font-family: sans-serif;
|
|
12
|
+
color: #333;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
h2 {
|
|
16
|
+
font-size: 1.2em
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
h3 {
|
|
20
|
+
font-size: 1.1em
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
h4 {
|
|
24
|
+
margin-left: 1.1em
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
strong,
|
|
28
|
+
a,
|
|
29
|
+
.red {
|
|
30
|
+
font-weight: bold;
|
|
31
|
+
color: #d1232a;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
ol li {
|
|
35
|
+
padding: 10px 0;
|
|
36
|
+
margin-left: -20px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.column {
|
|
40
|
+
width: 30%;
|
|
41
|
+
margin: 1%;
|
|
42
|
+
display: inline-block;
|
|
43
|
+
vertical-align: top;
|
|
44
|
+
text-align: center;
|
|
45
|
+
font-size: 0.8em;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.column img {
|
|
49
|
+
width: 75px;
|
|
50
|
+
text-align: center;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.center {
|
|
54
|
+
text-align: center;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
#right {
|
|
58
|
+
text-align: right;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.inline-block .baseline,
|
|
62
|
+
.inline-block #logo {
|
|
63
|
+
display: inline-block;
|
|
64
|
+
vertical-align: middle;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
#logo {
|
|
68
|
+
width: 150px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.baseline {
|
|
72
|
+
text-align: right;
|
|
73
|
+
color: #666;
|
|
74
|
+
letter-spacing: 2px;
|
|
75
|
+
font-weight: lighter;
|
|
76
|
+
padding: 5px;
|
|
77
|
+
border-bottom: 2px solid transparent;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.neo {
|
|
81
|
+
border-color: #4bafd5;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.one {
|
|
85
|
+
border-color: #FF8500;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
{
|
|
89
|
+
{
|
|
90
|
+
#A5
|
|
81
91
|
}
|
|
82
|
-
|
|
83
|
-
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
@page {
|
|
95
|
+
size: landscape;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
body {
|
|
99
|
+
font-size: 0.7em;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.size {
|
|
103
|
+
display: inline-block;
|
|
104
|
+
vertical-align: top;
|
|
105
|
+
width: 47%;
|
|
106
|
+
margin: 0 1%;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.qr {
|
|
110
|
+
width: 60px;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.column img {
|
|
114
|
+
width: 35px;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
#logo {
|
|
118
|
+
width: 100px;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
{
|
|
122
|
+
{
|
|
123
|
+
/A5
|
|
84
124
|
}
|
|
85
|
-
|
|
125
|
+
}
|
|
86
126
|
</style>
|
|
87
127
|
</head>
|
|
88
128
|
|
|
89
129
|
<body>
|
|
90
130
|
|
|
91
|
-
{{#users}}
|
|
131
|
+
{{#users}}
|
|
92
132
|
|
|
93
|
-
<div class="size"{{^end}} style="page-break-after: always"{{/end}}>
|
|
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
|
-
|
|
133
|
+
<div class="size" {{^end}} style="page-break-after: always" {{/end}}>
|
|
134
|
+
<div class="inline-block">
|
|
135
|
+
<img id="logo" src="logo.png"></img>
|
|
136
|
+
<p class="baseline neo">Votre portail numérique éducatif en Seine-et-Marne</p>
|
|
137
|
+
</div>
|
|
138
|
+
{{^activationCode}}
|
|
139
|
+
<h2>Informations sur mon compte</h2>
|
|
140
|
+
{{/activationCode}}
|
|
141
|
+
{{#activationCode}}
|
|
142
|
+
<h2>Ma première connexion en 5 étapes</h2>
|
|
143
|
+
{{/activationCode}}
|
|
144
|
+
<h3> » Cette fiche s'adresse à <strong>{{firstName}} {{lastName}}</strong></h3>
|
|
145
|
+
{{^isGuestOrPersonnel}}
|
|
146
|
+
<h4>{{^firstChild}}{{#i18n}}{{profile}}{{/i18n}}{{/firstChild}}{{#firstChild}}Parent de <strong>{{firstName}}
|
|
147
|
+
{{lastName}}</strong>{{#otherChildren}}, <strong>{{firstName}}
|
|
148
|
+
{{lastName}}</strong>{{/otherChildren}}{{/firstChild}}{{#firstClass}} en classe de
|
|
149
|
+
<strong>{{.}}</strong>{{#otherClasses}}, <strong>{{.}}</strong>{{/otherClasses}}{{/firstClass}}.
|
|
150
|
+
</h4>
|
|
151
|
+
{{/isGuestOrPersonnel}}
|
|
152
|
+
{{#isGuestOrPersonnel}}
|
|
153
|
+
<h4>{{#i18n}}{{profile}}{{/i18n}}.</h4>
|
|
154
|
+
{{/isGuestOrPersonnel}}
|
|
155
|
+
<p>Réservé aux enseignants, aux personnels, aux élèves et leur famille, l'espace numérique est une solution
|
|
156
|
+
sécurisée et facile à prendre en main pour :</p>
|
|
157
|
+
<div class="column">
|
|
158
|
+
<img src="illustrations/Publipostage_Actus.png"></img>
|
|
159
|
+
<p>Créer des contenus interactifs (Wiki, Frise, Carte mentale…)</p>
|
|
160
|
+
</div>
|
|
161
|
+
<div class="column">
|
|
162
|
+
<img src="illustrations/Publipostage_Messagerie.png"></img>
|
|
163
|
+
<p>Simplifier les échanges entre les membres du réseau éducatif</p>
|
|
164
|
+
</div>
|
|
165
|
+
<div class="column">
|
|
166
|
+
<img src="illustrations/Publipostage_Resa_Ressources.png"></img>
|
|
167
|
+
<p>Rassembler tous les services numériques au même endroit</p>
|
|
168
|
+
</div>
|
|
169
|
+
{{^activationCode}}
|
|
170
|
+
<h2> » Comment me connecter ?</h2>
|
|
171
|
+
<p>Vous possédez déjà un compte sur l’espace numérique. Il vous suffit de saisir
|
|
172
|
+
votre identifiant habituel et le mot de passe défini lors de votre première
|
|
173
|
+
connexion. <br />Pour rappel, votre identifiant est le suivant :</p>
|
|
174
|
+
<p class="center red">{{login}}</p>
|
|
175
|
+
<br />
|
|
176
|
+
<h2> » 3 étapes pour réinitialiser mon mot de passe</h2>
|
|
177
|
+
<ol>
|
|
178
|
+
<li>En cas d'oubli de votre mot de passe, rendez-vous sur <a
|
|
179
|
+
href="https://ent.seine-et-marne.fr">https://ent.seine-et-marne.fr</a> et cliquez sur « Se connecter
|
|
180
|
+
à l'ENT », ou téléchargez l'application mobile <strong>ENT 77:</strong><br /> <img class="qr"
|
|
181
|
+
src="qr-code.png"></img></li>
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
<li>Cliquez sur « identifiant ou mot de passe oublié ». Un mail sera envoyé à l'adresse indiquée lors de
|
|
186
|
+
l'activation de votre compte.</li>
|
|
135
187
|
<li>Ouvrez le mail et cliquez ensuite sur le lien pour définir votre nouveau mot de passe.</li>
|
|
136
188
|
</ol>
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
<li>Pour
|
|
189
|
+
{{/activationCode}}
|
|
190
|
+
{{#activationCode}}
|
|
191
|
+
<h2> » Mode d'emploi de ma première connexion</h2>
|
|
192
|
+
<ol>
|
|
193
|
+
<li>Pour vous connecter, rendez-vous sur <a
|
|
194
|
+
href="https://ent.seine-et-marne.fr">https://ent.seine-et-marne.fr</a>, ou téléchargez l'application
|
|
195
|
+
mobile <strong>ENT
|
|
196
|
+
77:<br /></strong> <img class="qr" src="qr-code.png"></img>
|
|
197
|
+
</li>
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
|
|
142
201
|
<li>Entrez votre identifiant (à conserver pour vous connecter ultérieurement) et votre code d'activation :
|
|
143
202
|
<div class="center">
|
|
144
|
-
|
|
145
|
-
|
|
203
|
+
<p class="red">Identifiant : {{login}}</p>
|
|
204
|
+
<p class="red">Code d'activation : {{activationCode}}</p>
|
|
146
205
|
</div>
|
|
147
206
|
</li>
|
|
148
|
-
<li>Votre mot de passe doit être composé d'un minima de 12 caractères combinant majuscules, minuscules,
|
|
149
|
-
|
|
150
|
-
<li>
|
|
207
|
+
<li>Votre mot de passe doit être composé d'un minima de 12 caractères combinant majuscules, minuscules,
|
|
208
|
+
chiffres et caractères spéciaux.</li>
|
|
209
|
+
<li>Renseignez votre adresse mail personnelle pour obtenir un mail de réinitialisation en cas d'oubli de
|
|
210
|
+
votre mot de passe.</li>
|
|
211
|
+
<li>Vous n'avez plus qu'à lire et accepter les Conditions Générales d'Utilisation ainsi que la charte
|
|
212
|
+
d'utilisation.</li>
|
|
151
213
|
</ol>
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
</div>
|
|
155
|
-
{{/users}}
|
|
214
|
+
{{/activationCode}}
|
|
215
|
+
<p id="right">Bonne navigation sur l'ENT77 - Collèges Connectés.</p>
|
|
216
|
+
</div>
|
|
217
|
+
{{/users}}
|
|
156
218
|
</body>
|
|
157
219
|
|
|
158
|
-
</html>
|
|
220
|
+
</html>
|
|
@@ -1,76 +1,186 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<!DOCTYPE html
|
|
2
|
+
<!DOCTYPE html
|
|
3
|
+
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3
4
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
|
|
4
5
|
|
|
5
6
|
<head>
|
|
6
7
|
<title>{{#i18n}}directory.admin.massMailing{{/i18n}}</title>
|
|
7
8
|
<style type="text/css">
|
|
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
|
-
|
|
9
|
+
* {
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
body {
|
|
14
|
+
font-family: Arial, sans-serif;
|
|
15
|
+
color: #555;
|
|
16
|
+
line-height: 1.4;
|
|
17
|
+
margin: 0;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@page {
|
|
21
|
+
size: A4;
|
|
22
|
+
margin: 5mm;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@media print {
|
|
26
|
+
|
|
27
|
+
html,
|
|
28
|
+
body {
|
|
29
|
+
width: 210mm;
|
|
30
|
+
height: 297mm;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
p {
|
|
35
|
+
font-size: 12px;
|
|
36
|
+
margin: 0;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
strong {
|
|
40
|
+
color: #444;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
a {
|
|
44
|
+
color: #3889c1;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.page-container {
|
|
48
|
+
display: grid;
|
|
49
|
+
grid-template-columns: repeat(4, 1fr);
|
|
50
|
+
/* Create 4 equal columns */
|
|
51
|
+
gap: 5mm;
|
|
52
|
+
/* Spacing between cards */
|
|
53
|
+
padding: 5mm;
|
|
54
|
+
/* Consistent padding around the grid */
|
|
55
|
+
width: calc(210mm - 10mm);
|
|
56
|
+
/* Adjust width for page margins */
|
|
57
|
+
min-height: calc(297mm - 10mm);
|
|
58
|
+
/* Adjust height for page margins */
|
|
59
|
+
box-sizing: border-box;
|
|
60
|
+
/* Ensure padding and border are inside the dimensions */
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.page-break {
|
|
64
|
+
page-break-after: always;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.page {
|
|
68
|
+
display: flex;
|
|
69
|
+
flex-wrap: wrap;
|
|
70
|
+
justify-content: space-between;
|
|
71
|
+
align-content: flex-start;
|
|
72
|
+
width: 100%;
|
|
73
|
+
height: 100%;
|
|
74
|
+
page-break-after: always;
|
|
75
|
+
padding: 5mm;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.card {
|
|
79
|
+
float: left;
|
|
80
|
+
width: 8cm;
|
|
81
|
+
min-height: 5.79cm;
|
|
82
|
+
max-height: none;
|
|
83
|
+
border: 0.5px dashed #ccc;
|
|
84
|
+
padding: 15px;
|
|
85
|
+
margin: 0;
|
|
86
|
+
flex-direction: column;
|
|
87
|
+
position: relative;
|
|
88
|
+
overflow: hidden;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.logo {
|
|
92
|
+
width: 80px;
|
|
93
|
+
float: right;
|
|
94
|
+
margin-left: 10px;
|
|
95
|
+
margin-bottom: 0;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
/* Target the paragraph containing the "relative" information and otherChildren */
|
|
99
|
+
.card>p:nth-child(8) {
|
|
100
|
+
overflow-wrap: break-word;
|
|
101
|
+
/* Adjust the nth-child if your structure changes */
|
|
102
|
+
word-break: break-word;
|
|
103
|
+
/* Ensure long words also break */
|
|
104
|
+
margin-right: 95px;
|
|
105
|
+
/* Forcing line breaks within words if needed */
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/* Create a pseudo-element to act as an exclusion zone for the text */
|
|
109
|
+
.card::after {
|
|
110
|
+
content: "";
|
|
111
|
+
position: absolute;
|
|
112
|
+
top: 15px;
|
|
113
|
+
/* Adjust to the top position of your QR code */
|
|
114
|
+
right: 15px;
|
|
115
|
+
/* Adjust to the right position of your QR code */
|
|
116
|
+
width: 90px;
|
|
117
|
+
/* Adjust to be slightly wider than your QR code */
|
|
118
|
+
height: 90px;
|
|
119
|
+
/* Adjust to be slightly taller than your QR code */
|
|
120
|
+
pointer-events: none;
|
|
121
|
+
/* Ensure it doesn't interfere with clicks */
|
|
122
|
+
shape-outside: rectangle(0px, 0px, 90px, 90px);
|
|
123
|
+
/* Define the exclusion shape */
|
|
124
|
+
float: right;
|
|
125
|
+
/* Make it float to influence inline content */
|
|
126
|
+
margin-left: 10px;
|
|
127
|
+
/* Add some spacing */
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.grade {
|
|
131
|
+
display: inline-block;
|
|
132
|
+
font-size: 11px;
|
|
133
|
+
margin-bottom: 15px;
|
|
134
|
+
font-style: oblique;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.name {
|
|
138
|
+
font-size: 16px;
|
|
139
|
+
margin: 0;
|
|
140
|
+
line-height: 1.1;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.activated {
|
|
144
|
+
font-style: oblique;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.qr {
|
|
148
|
+
width: 80px;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.qr-container {
|
|
152
|
+
margin-top: 20px;
|
|
153
|
+
/* Push below the floated logo */
|
|
154
|
+
float: right;
|
|
155
|
+
width: 80px;
|
|
156
|
+
text-align: center;
|
|
157
|
+
clear: right;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.qr-text {
|
|
161
|
+
font-size: 10px;
|
|
162
|
+
margin-top: 5px;
|
|
163
|
+
}
|
|
62
164
|
</style>
|
|
63
165
|
</head>
|
|
64
166
|
|
|
65
|
-
<body>
|
|
167
|
+
<body class="page">
|
|
66
168
|
{{#blocks}}
|
|
67
169
|
<div style="page-break-after:always;">
|
|
68
170
|
{{#users}}
|
|
69
171
|
<div class="card">
|
|
70
|
-
<
|
|
172
|
+
<div style="position: relative;">
|
|
173
|
+
<img class="logo" src="logo.png"></img>
|
|
174
|
+
<div class="qr-container">
|
|
175
|
+
<img class="qr" src="qr-code.png"></img>
|
|
176
|
+
<p class="qr-text">{{#i18n}}classAdmin.template.downloadAppInfo{{/i18n}}</p>
|
|
177
|
+
</div>
|
|
178
|
+
</div>
|
|
71
179
|
<h2 class="name">{{displayName}}</h2>
|
|
72
180
|
{{^isGuestOrPersonnel}}
|
|
73
|
-
<strong class="grade">{{#i18n}}{{profile}}{{/i18n}}{{#firstClass}}
|
|
181
|
+
<strong class="grade">{{#i18n}}{{profile}}{{/i18n}}{{#firstClass}}
|
|
182
|
+
{{#i18n}}classAdmin.template.class{{/i18n}} <strong>{{.}}</strong>{{#otherClasses}},
|
|
183
|
+
<strong>{{.}}</strong>{{/otherClasses}}{{/firstClass}}.</strong>
|
|
74
184
|
<br />
|
|
75
185
|
{{/isGuestOrPersonnel}}
|
|
76
186
|
{{#isGuestOrPersonnel}}
|
|
@@ -78,7 +188,8 @@
|
|
|
78
188
|
<br />
|
|
79
189
|
{{/isGuestOrPersonnel}}
|
|
80
190
|
{{#firstChild}}
|
|
81
|
-
<p><strong>{{#i18n}}classAdmin.template.relative{{/i18n}} : </strong><br />{{firstName}}
|
|
191
|
+
<p><strong>{{#i18n}}classAdmin.template.relative{{/i18n}} : </strong><br />{{firstName}}
|
|
192
|
+
{{lastName}}</p>
|
|
82
193
|
<br />
|
|
83
194
|
{{/firstChild}}
|
|
84
195
|
<p><strong>{{#i18n}}classAdmin.template.id{{/i18n}} : </strong>{{login}}</p>
|
|
@@ -97,7 +208,6 @@
|
|
|
97
208
|
<p>
|
|
98
209
|
<strong>{{#i18n}}classAdmin.template.url{{/i18n}} :</strong><br />
|
|
99
210
|
<a href="#">{{hostname}}</a><br />
|
|
100
|
-
{{#i18n}}classAdmin.template.downloadAppInfo{{/i18n}}
|
|
101
211
|
</p>
|
|
102
212
|
</div>
|
|
103
213
|
{{/users}}
|
|
@@ -107,4 +217,5 @@
|
|
|
107
217
|
</div>
|
|
108
218
|
{{/blocks}}
|
|
109
219
|
</body>
|
|
220
|
+
|
|
110
221
|
</html>
|
package/dist/version.txt
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
entcore-css-lib 03/04/2025 12:39:25
|
|
2
|
-
ode-csslib-openent-cg77
|
|
2
|
+
ode-csslib-openent-cg77 23/05/2025 11:42:12
|