slitaz-dev-tools annotate tazwikiss/rootfs/var/www/wiki/plugins/wkp_FullScreen.sh @ rev 254

tazwikiss/index.sh: add audio & video support
author Pascal Bellard <pascal.bellard@slitaz.org>
date Wed May 25 09:54:30 2016 +0200 (2016-05-25)
parents 2d939b459507
children
rev   line source
pascal@204 1 plugin="FullScreen"
pascal@204 2 description="Full screen support"
pascal@233 3 description_fr="Affichage plein écran"
pascal@204 4
pascal@233 5 case "$HTTP_ACCEPT_LANGUAGE" in
pascal@233 6 fr*) FULLSCREEN="Plein écran" ;;
pascal@233 7 *) FULLSCREEN="Fullscreen" ;;
pascal@233 8 esac
pascal@204 9
pascal@204 10 case "$1" in
pascal@204 11 showjs) cat <<EOT
pascal@204 12 <script type="text/javascript">
pascal@204 13 <!--
pascal@204 14 function isInFullScreen() {
pascal@204 15 return (document.fullScreenElement &&
pascal@204 16 document.fullScreenElement !== null) ||
pascal@204 17 (document.mozFullScreen || document.webkitIsFullScreen);
pascal@204 18 }
pascal@204 19
pascal@204 20 var changeHandler = function() {
pascal@204 21 var t = document.getElementById("mainTable");
pascal@204 22 t.rows[0].style.display = t.rows[1].style.display =
pascal@204 23 t.rows[3].style.display = (isInFullScreen()) ? "none" : "";
pascal@205 24 t.rows[2].style.transform = (isInFullScreen()) ? "scale(2)" : "";
pascal@205 25 t.style.height = (isInFullScreen()) ? "100%" : "";
pascal@205 26 t.style.width = (isInFullScreen()) ? "85%" : "";
pascal@205 27 t.style.padding = (isInFullScreen()) ? "0 0 0 30%": "";
pascal@205 28 //t.style.height = t.style.width = (isInFullScreen()) ? "50%" : "100%";
pascal@205 29 //t.rows[2].style.transform = "matrix(2,0,0,2,'50%',0)";
pascal@204 30 }
pascal@204 31
pascal@204 32 function doFullScreen() {
pascal@204 33 var e = document.body;
pascal@204 34 var r = e.requestFullScreen || e.webkitRequestFullScreen ||
pascal@204 35 e.mozRequestFullScreen || e.msRequestFullScreen;
pascal@204 36 if (r) r.call(e);
pascal@204 37 document.addEventListener("fullscreenchange", changeHandler, false);
pascal@204 38 document.addEventListener("webkitfullscreenchange", changeHandler, false);
pascal@204 39 document.addEventListener("mozfullscreenchange", changeHandler, false);
pascal@204 40 }
pascal@204 41 //-->
pascal@204 42 </script>
pascal@204 43 EOT
pascal@204 44 esac
pascal@204 45
pascal@204 46 template()
pascal@204 47 {
pascal@204 48 [ -n "$(GET page)" -a -z "$(GET action)" ] || return 1
pascal@204 49 FULLSCREEN="<a href='#' onClick='doFullScreen()'>$FULLSCREEN</a>"
pascal@204 50 html="$(sed "s|EDIT|& / $FULLSCREEN|" <<EOT | \
pascal@204 51 awk -v prg=$plugins_dir/wkp_$plugin.sh '
pascal@204 52 {
pascal@204 53 if (/<\/head>/) {
pascal@204 54 system("/bin/sh " prg " showjs")
pascal@204 55 }
pascal@204 56 print
pascal@204 57 }'
pascal@204 58 $html
pascal@204 59 EOT
pascal@204 60 )"
pascal@204 61 return 0
pascal@204 62 }