Skip to content

Commit 411359a

Browse files
laurentabballaurentabbal
committed
v3.1
1 parent 8cbec9a commit 411359a

12 files changed

+654
-391
lines changed

‎public/css/custom.css

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,10 @@ a:hover {
3333
background-color: transparent;
3434
}
3535

36+
p {
37+
margin: 0px 0px 4px 0px;
38+
}
39+
3640
code {
3741
font-size: 100%;
3842
color: #71bb22;
@@ -86,7 +90,7 @@ h2 {
8690
}
8791

8892
.markdown_content p {
89-
margin: 0px 0px 5px 0px;
93+
margin: 0px 0px 4px 0px;
9094
}
9195

9296
.markdown_content pre {

‎resources/views/console-defis.blade.php

Lines changed: 73 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,6 @@
6666
<div id="frame_{{$loop->iteration}}" class="frame">
6767

6868
<div class="row">
69-
7069
<div class="col-md-12 text-monospace text-muted">
7170

7271
<!-- options -->
@@ -102,15 +101,26 @@
102101

103102
<div class="row mt-1" style="clear:both;">
104103
<div class="col-md-12 text-monospace text-muted">
105-
<span class="small"><i class="fas fa-share-alt ml-1 mr-2"></i>lien élèves: </span><a id="lien_{{$loop->iteration}}" href="/{{ strtoupper('D'.$defi->jeton) }}" target="_blank" >www.codepuzzle.io/D{{ strtoupper($defi->jeton) }}</a><span class="pl-2" onclick="copier('lien_{{$loop->iteration}}')" style="cursor:pointer;"><i class="fa-regular fa-copy"></i></span><span id="lien_{{$loop->iteration}}_copie_confirmation" class="pl-3 text-right small text-monospace text muted">&nbsp;</span>
104+
105+
<span class="small"><i class="fas fa-share-alt ml-1 mr-2"></i>lien élèves: </span><a id="lien_{{$loop->iteration}}" href="/{{ strtoupper('D'.$defi->jeton) }}" target="_blank" >www.codepuzzle.io/D{{ strtoupper($defi->jeton) }}</a>
106+
107+
<span class="pl-2" onclick="fullscreen('fullscreen_{{$loop->iteration}}')" style="cursor:pointer;"><i class="fas fa-expand"></i></span>
108+
<div id="fullscreen_{{$loop->iteration}}" class="bg-white text-center" style="display:none">
109+
<br /><br /><br /><br /><br /><br />
110+
<img src="{{ asset('img/code-puzzle.png') }}" width="200" />
111+
<br /><br /><br /><br /><br /><br /><br /><br />
112+
<div class="text-monospace text-dark font-weight-bold" style="font-size:5vw;">www.codepuzzle.io/D{{ strtoupper($defi->jeton) }}</div>
113+
</div>
114+
115+
<span class="pl-2" onclick="copier('lien_{{$loop->iteration}}')" style="cursor:pointer;"><i class="fa-regular fa-copy"></i></span><span id="lien_{{$loop->iteration}}_copie_confirmation" class="pl-3 text-right small text-monospace text muted">&nbsp;</span>
116+
106117
</div>
107118
</div>
108-
119+
109120
</div>
110121
</div>
111122

112123

113-
114124
<div class="collapse" id="collapse-{{$loop->iteration}}">
115125
<div class="row mt-3">
116126
<div class="col-md-12">
@@ -244,7 +254,65 @@ function copier(id) {
244254
}, 150);
245255
}
246256
</script>
247-
{{-- == /Copie lien ====================================================== --}}
257+
{{-- == /Copie lien ====================================================== --}}
258+
259+
{{-- == Fullscreen lien ================================================== --}}
260+
<script>
261+
function fullscreen(id) {
262+
var el = document.getElementById(id);
263+
var isFullscreen = document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement || document.mozFullScreenElement;
264+
265+
if (isFullscreen) {
266+
// Quitter le plein écran
267+
if (document.exitFullscreen) {
268+
document.exitFullscreen();
269+
} else if (document.webkitExitFullscreen) { /* Safari */
270+
document.webkitExitFullscreen();
271+
} else if (document.msExitFullscreen) { /* IE11 */
272+
document.msExitFullscreen();
273+
} else if (document.mozCancelFullScreen) { /* Firefox */
274+
document.mozCancelFullScreen();
275+
}
276+
} else {
277+
// Afficher l'élément et entrer en plein écran
278+
el.style.display = 'block';
279+
if (el.requestFullscreen) {
280+
el.requestFullscreen();
281+
} else if (el.webkitRequestFullscreen) { /* Safari */
282+
el.webkitRequestFullscreen();
283+
} else if (el.msRequestFullscreen) { /* IE11 */
284+
el.msRequestFullscreen();
285+
} else if (el.mozRequestFullScreen) { /* Firefox */
286+
el.mozRequestFullScreen();
287+
}
288+
}
289+
}
290+
291+
function updateFsButton() {
292+
if (!document.fullscreenElement && !document.webkitFullscreenElement &&
293+
!document.msFullscreenElement && !document.mozFullScreenElement) {
294+
295+
if (currentFullscreenElement) {
296+
// L'élément n'est plus en plein écran, le cacher
297+
currentFullscreenElement.style.display = "none";
298+
currentFullscreenElement = null; // Réinitialiser pour éviter toute ambiguïté
299+
}
300+
} else {
301+
// Enregistrer l'élément en plein écran si ce n'est pas déjà fait
302+
currentFullscreenElement = document.fullscreenElement ||
303+
document.webkitFullscreenElement ||
304+
document.msFullscreenElement ||
305+
document.mozFullScreenElement;
306+
}
307+
console.log("État du plein écran changé");
308+
}
309+
310+
document.addEventListener("fullscreenchange", updateFsButton, false);
311+
document.addEventListener("webkitfullscreenchange", updateFsButton, false);
312+
document.addEventListener("mozfullscreenchange", updateFsButton, false);
313+
document.addEventListener("MSFullscreenChange", updateFsButton, false);
314+
</script>
315+
{{-- == /Fullscreen lien ================================================= --}}
248316

249317
</body>
250318
</html>

‎resources/views/console-devoirs.blade.php

Lines changed: 72 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@
6060
<!-- options -->
6161
<div style="float:right;">
6262

63-
<a class='btn btn-dark btn-sm' href='/devoir-console/{{ $devoir->jeton_secret }}' role='button' data-toggle="tooltip" data-placement="top" title="{{__('voir / corriger')}}"><i class="fas fa-eye"></i></a>
63+
<a class='btn btn-dark btn-sm' href='/devoir-console/{{ strtoupper($devoir->jeton_secret) }}' role='button' data-toggle="tooltip" data-placement="top" title="{{__('voir / corriger')}}"><i class="fas fa-eye"></i></a>
6464

6565
<!-- supprimer -->
6666
<span id="supprimer_button_{{$loop->iteration}}">
@@ -94,7 +94,19 @@
9494

9595
<div class="row mt-1" style="clear:both;">
9696
<div class="col-md-12 text-monospace text-muted">
97-
<span class="small"><i class="fas fa-share-alt ml-1 mr-2"></i>lien élèves: </span><a id="lien_{{$loop->iteration}}" href="/{{ strtoupper('E'.$devoir->jeton) }}" target="_blank">www.codepuzzle.io/E{{ strtoupper($devoir->jeton) }}</a><span class="pl-2" onclick="copier('lien_{{$loop->iteration}}')" style="cursor:pointer;"><i class="fa-regular fa-copy"></i></span><span id="lien_{{$loop->iteration}}_copie_confirmation" class="pl-3 text-right small text-monospace text muted">&nbsp;</span>
97+
98+
<span class="small"><i class="fas fa-share-alt ml-1 mr-2"></i>lien élèves: </span><a id="lien_{{$loop->iteration}}" href="/{{ strtoupper('E'.$devoir->jeton) }}" target="_blank">www.codepuzzle.io/E{{ strtoupper($devoir->jeton) }}</a>
99+
100+
<span class="pl-2" onclick="fullscreen('fullscreen_{{$loop->iteration}}')" style="cursor:pointer;"><i class="fas fa-expand"></i></span>
101+
<div id="fullscreen_{{$loop->iteration}}" class="bg-white text-center" style="display:none">
102+
<br /><br /><br /><br /><br /><br />
103+
<img src="{{ asset('img/code-puzzle.png') }}" width="200" />
104+
<br /><br /><br /><br /><br /><br /><br /><br />
105+
<div class="text-monospace text-dark font-weight-bold" style="font-size:5vw;">www.codepuzzle.io/E{{ strtoupper($devoir->jeton) }}</div>
106+
</div>
107+
108+
<span class="pl-2" onclick="copier('lien_{{$loop->iteration}}')" style="cursor:pointer;"><i class="fa-regular fa-copy"></i></span><span id="lien_{{$loop->iteration}}_copie_confirmation" class="pl-3 text-right small text-monospace text muted">&nbsp;</span>
109+
98110
</div>
99111
</div>
100112

@@ -166,5 +178,63 @@ function copier(id) {
166178
</script>
167179
{{-- == /Copie lien ====================================================== --}}
168180

181+
{{-- == Fullscreen lien ================================================== --}}
182+
<script>
183+
function fullscreen(id) {
184+
var el = document.getElementById(id);
185+
var isFullscreen = document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement || document.mozFullScreenElement;
186+
187+
if (isFullscreen) {
188+
// Quitter le plein écran
189+
if (document.exitFullscreen) {
190+
document.exitFullscreen();
191+
} else if (document.webkitExitFullscreen) { /* Safari */
192+
document.webkitExitFullscreen();
193+
} else if (document.msExitFullscreen) { /* IE11 */
194+
document.msExitFullscreen();
195+
} else if (document.mozCancelFullScreen) { /* Firefox */
196+
document.mozCancelFullScreen();
197+
}
198+
} else {
199+
// Afficher l'élément et entrer en plein écran
200+
el.style.display = 'block';
201+
if (el.requestFullscreen) {
202+
el.requestFullscreen();
203+
} else if (el.webkitRequestFullscreen) { /* Safari */
204+
el.webkitRequestFullscreen();
205+
} else if (el.msRequestFullscreen) { /* IE11 */
206+
el.msRequestFullscreen();
207+
} else if (el.mozRequestFullScreen) { /* Firefox */
208+
el.mozRequestFullScreen();
209+
}
210+
}
211+
}
212+
213+
function updateFsButton() {
214+
if (!document.fullscreenElement && !document.webkitFullscreenElement &&
215+
!document.msFullscreenElement && !document.mozFullScreenElement) {
216+
217+
if (currentFullscreenElement) {
218+
// L'élément n'est plus en plein écran, le cacher
219+
currentFullscreenElement.style.display = "none";
220+
currentFullscreenElement = null; // Réinitialiser pour éviter toute ambiguïté
221+
}
222+
} else {
223+
// Enregistrer l'élément en plein écran si ce n'est pas déjà fait
224+
currentFullscreenElement = document.fullscreenElement ||
225+
document.webkitFullscreenElement ||
226+
document.msFullscreenElement ||
227+
document.mozFullScreenElement;
228+
}
229+
console.log("État du plein écran changé");
230+
}
231+
232+
document.addEventListener("fullscreenchange", updateFsButton, false);
233+
document.addEventListener("webkitfullscreenchange", updateFsButton, false);
234+
document.addEventListener("mozfullscreenchange", updateFsButton, false);
235+
document.addEventListener("MSFullscreenChange", updateFsButton, false);
236+
</script>
237+
{{-- == /Fullscreen lien ================================================= --}}
238+
169239
</body>
170240
</html>

‎resources/views/console-puzzles.blade.php

Lines changed: 71 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,19 @@
7878

7979
<div class="row mt-1" style="clear:both;">
8080
<div class="col-md-12 text-monospace text-muted">
81-
<span class="small"><i class="fas fa-share-alt ml-1 mr-2"></i>lien élèves: </span><a id="lien_{{$loop->iteration}}" href="/P{{ strtoupper($puzzle->jeton) }}" target="_blank">www.codepuzzle.io/P{{ strtoupper($puzzle->jeton) }}</a><span class="pl-2" onclick="copier('lien_{{$loop->iteration}}')" style="cursor:pointer;"><i class="fa-regular fa-copy"></i></span><span id="lien_{{$loop->iteration}}_copie_confirmation" class="pl-3 text-right small text-monospace text muted">&nbsp;</span>
81+
82+
<span class="small"><i class="fas fa-share-alt ml-1 mr-2"></i>lien élèves: </span><a id="lien_{{$loop->iteration}}" href="/P{{ strtoupper($puzzle->jeton) }}" target="_blank">www.codepuzzle.io/P{{ strtoupper($puzzle->jeton) }}</a>
83+
84+
<span class="pl-2" onclick="fullscreen('fullscreen_{{$loop->iteration}}')" style="cursor:pointer;"><i class="fas fa-expand"></i></span>
85+
<div id="fullscreen_{{$loop->iteration}}" class="bg-white text-center" style="display:none">
86+
<br /><br /><br /><br /><br /><br />
87+
<img src="{{ asset('img/code-puzzle.png') }}" width="200" />
88+
<br /><br /><br /><br /><br /><br /><br /><br />
89+
<div class="text-monospace text-dark font-weight-bold" style="font-size:5vw;">www.codepuzzle.io/P{{ strtoupper($puzzle->jeton) }}</div>
90+
</div>
91+
92+
<span class="pl-2" onclick="copier('lien_{{$loop->iteration}}')" style="cursor:pointer;"><i class="fa-regular fa-copy"></i></span><span id="lien_{{$loop->iteration}}_copie_confirmation" class="pl-3 text-right small text-monospace text muted">&nbsp;</span>
93+
8294
</div>
8395
</div>
8496

@@ -242,5 +254,63 @@ function copier(id) {
242254
</script>
243255
{{-- == /Copie lien ====================================================== --}}
244256

257+
{{-- == Fullscreen lien ================================================== --}}
258+
<script>
259+
function fullscreen(id) {
260+
var el = document.getElementById(id);
261+
var isFullscreen = document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement || document.mozFullScreenElement;
262+
263+
if (isFullscreen) {
264+
// Quitter le plein écran
265+
if (document.exitFullscreen) {
266+
document.exitFullscreen();
267+
} else if (document.webkitExitFullscreen) { /* Safari */
268+
document.webkitExitFullscreen();
269+
} else if (document.msExitFullscreen) { /* IE11 */
270+
document.msExitFullscreen();
271+
} else if (document.mozCancelFullScreen) { /* Firefox */
272+
document.mozCancelFullScreen();
273+
}
274+
} else {
275+
// Afficher l'élément et entrer en plein écran
276+
el.style.display = 'block';
277+
if (el.requestFullscreen) {
278+
el.requestFullscreen();
279+
} else if (el.webkitRequestFullscreen) { /* Safari */
280+
el.webkitRequestFullscreen();
281+
} else if (el.msRequestFullscreen) { /* IE11 */
282+
el.msRequestFullscreen();
283+
} else if (el.mozRequestFullScreen) { /* Firefox */
284+
el.mozRequestFullScreen();
285+
}
286+
}
287+
}
288+
289+
function updateFsButton() {
290+
if (!document.fullscreenElement && !document.webkitFullscreenElement &&
291+
!document.msFullscreenElement && !document.mozFullScreenElement) {
292+
293+
if (currentFullscreenElement) {
294+
// L'élément n'est plus en plein écran, le cacher
295+
currentFullscreenElement.style.display = "none";
296+
currentFullscreenElement = null; // Réinitialiser pour éviter toute ambiguïté
297+
}
298+
} else {
299+
// Enregistrer l'élément en plein écran si ce n'est pas déjà fait
300+
currentFullscreenElement = document.fullscreenElement ||
301+
document.webkitFullscreenElement ||
302+
document.msFullscreenElement ||
303+
document.mozFullScreenElement;
304+
}
305+
console.log("État du plein écran changé");
306+
}
307+
308+
document.addEventListener("fullscreenchange", updateFsButton, false);
309+
document.addEventListener("webkitfullscreenchange", updateFsButton, false);
310+
document.addEventListener("mozfullscreenchange", updateFsButton, false);
311+
document.addEventListener("MSFullscreenChange", updateFsButton, false);
312+
</script>
313+
{{-- == /Fullscreen lien ================================================= --}}
314+
245315
</body>
246316
</html>

‎resources/views/copies/inc-copie-afficher-js.blade.php

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -305,8 +305,8 @@ function ajouterDiv(referenceDivId = null, position = 'bas', type, content = '')
305305
div.id = 'div_'+div_id;
306306
307307
if (type == 'text') {
308-
var div_content = `<textarea id="textarea_`+div_id+`" class="form-control cellule_content exclure" oninput="textarea_autosize(this)" row="4" style="height:100px;">`+content+`</textarea>
309-
<div id="markedarea_`+div_id+`" class="cellule_content exclure cellule_marked hover-edit" style="position:relative;display:none;min-height:100px;">
308+
var div_content = `<textarea id="textarea_`+div_id+`" class="form-control cellule_content exclure" oninput="textarea_autosize(this)" row="2">`+content+`</textarea>
309+
<div id="markedarea_`+div_id+`" class="cellule_content exclure cellule_marked hover-edit" style="position:relative;display:none;min-height:40px;">
310310
<div class="markedarea_icon" onclick="edit('`+div_id+`')"><i class="fas fa-pen-square fa-lg"></i></div>
311311
<div id="markedarea_content_`+div_id+`"></div>
312312
</div>`;

0 commit comments

Comments
 (0)