versioning fichiers CSS et JS

4 files changed, 212 insertions, 0 deletions

diff --git a/public/js/file_upload.js b/public/js/file_upload.js
new file mode 100644
index 0000000..737ca5f
--- /dev/null
+++ b/public/js/file_upload.js
@@ -0,0 +1,101 @@
+// public/js/file_upload.js
+//
+// envoie d'un gros fichier ZIP en contournant la limite du php.ini
+// ce fichier est "caché", il n'est envoyé qu'à un utilisateur connecté et sur la page "restauration"
+
+// -> input file onchange
+function sendFileSize()
+{
+        var tagId = 'archiveUpload';
+        var fileInfos = getFileInfo(tagId);
+        //var fileSize = document.getElementById(tagId).files[0].size;
+
+        const xhr = new XMLHttpRequest();
+        url = 'index.php?action=restauration&file_name='+fileInfos.name+'&file_size='+fileInfos.size;
+        xhr.open("GET", url);
+        xhr.send();
+}
+
+// -> input submit onclick
+function uploadDespiteServerMaxWeightLimit(maxPHPiniWeight, archiveFormat)
+{
+        // dans <input id="archiveUpload" type="file" >
+        var tagId = 'archiveUpload';
+        //var fileInfos = getFileInfo(tagId);
+        var file = document.getElementById(tagId).files[0];
+
+        // si le fichier est assez léger, javascript s'arrête ici
+        if(file.size > maxPHPiniWeight)
+        {
+                // découpage
+                // envoyer et recevoir des pointeurs pour les perfs
+                // chunksArray est un tableau de "blob"
+                var nbChunks = Math.ceil(file.size / maxPHPiniWeight);
+                var chunksArray = sliceFile(file, nbChunks);
+
+                // requêtes AJAX
+                chunkIndex = 0; // une variable globale
+                uploadChunksAJAX(chunksArray, tagId);
+                
+                // annule l'envoi normal par POST
+                event.preventDefault();
+
+                // vider le formulaire et recharger
+                // reload() est un F5 et non un Ctrl + F5
+                //document.getElementById(tagId).value = '';
+                //location.reload();
+
+                location.href = "index.php?from=menu&action=restauration";
+        }
+}
+
+function getFileInfo(tagId)
+{
+        var infos =
+        {
+                name: document.getElementById(tagId).files[0].name,
+            size: document.getElementById(tagId).files[0].size,
+            type: document.getElementById(tagId).files[0].type,
+        }
+
+    return(infos);
+}
+
+function sliceFile(file, nbChunks)
+{
+        var byteIndex = 0; // octet du début
+        var chunks = []; // données
+
+        for (var i = 0; i < nbChunks; i += 1)
+        {
+                // octet de fin
+                var byteEnd = Math.ceil((file.size / nbChunks) * (i + 1));
+
+                // un morceau du fichier va dans une case du tableau
+                chunks.push(file.slice(byteIndex, byteEnd));
+
+                // nouvel octet du début
+                byteIndex += (byteEnd - byteIndex);
+        }
+
+        return chunks;
+}
+
+function uploadChunksAJAX(chunksArray, tagId)
+{
+        var fileName = document.getElementById(tagId).files[0].name;
+        var formData = new FormData();
+        const xhr = new XMLHttpRequest();
+
+        for(var i = 0; i < chunksArray.length; i++)
+        {
+                formData.append('blob', chunksArray[i]);
+
+                url = 'index.php?from=menu&action=restauration&chunk_name='+fileName+'_'+i;
+                // false => synchrone, déprécié parce que fige le navigateur, mais ici on s'en fout
+                xhr.open("POST", url, false);
+                xhr.send(formData);
+
+                formData.delete('blob');
+        }
+}
diff --git a/public/js/index.php b/public/js/index.php
new file mode 100644
index 0000000..f67f1d7
--- /dev/null
+++ b/public/js/index.php
@@ -0,0 +1,3 @@
+<?php
+header('Location: ../index.php');
+exit();
diff --git a/public/js/inversion.js b/public/js/inversion.js
new file mode 100644
index 0000000..77c3151
--- /dev/null
+++ b/public/js/inversion.js
@@ -0,0 +1,16 @@
+// public/js/inversion.js
+
+// inverser la position de deux "articles" ou albums d'une page
+function inversion()
+{
+        var page = '';
+        var action = ''; // monter ou descendre
+        var fileCode = ''; // <?= $Articles->fileList[$i]['fileCode'] ?>
+        var position = ''; // <?= $Articles->fileList[$i]['position'] ?>
+
+        const xhr = new XMLHttpRequest();
+        url = 'index.php?page='+page+'&action='+action+'&file_code='+fileCode+'&position='+position+'#'+fileCode;
+        url = 'index.php?action=restauration&file_name='+fileInfos.name+'&file_size='+fileInfos.size;
+        xhr.open("GET", url);
+        xhr.send();
+}
\ No newline at end of file
diff --git a/public/js/main.js b/public/js/main.js
new file mode 100644
index 0000000..f5f602b
--- /dev/null
+++ b/public/js/main.js
@@ -0,0 +1,92 @@
+// public/js/main.js

+

+function versMenu()

+{

+        // ergonomique

+        window.setTimeout(function(){

+            location.href = "index.php?page=menu";

+        }, 10000);

+}

+

+function deconnexionAutomatique()

+{

+        // minuterie réinitialisée après une action de l'utilisateur

+        // 600000 ms = 10 min

+        //window.setTimeout("location=('index.php?action=deconnexion');", 600000);

+

+        // sauvegarde de la rédaction en cours avec le plugin "autosave" de l'éditeur

+}

+

+function confirmerSuppression() // appel 'onCLick'

+{

+        // avec JS, on ne suit le lien qu'avec un "oui"

+        // sans JS, le lien fonctionne

+        var oui = confirm('Confirmer la suppression de cet article.');

+        if(!oui)

+        {

+                event.preventDefault();

+        }

+}

+

+// code exécuté à la validation du formulaire

+function envoiDonnees()

+{}

+

+// bouton "mailto", le visiteur ne quitte pas la page

+function clientCourriel()

+{

+        var adresse = "melaine.favennec@wanadoo.fr";

+        var objet = "?subject=visite%20du%20site";

+        var link = "mailto:" + adresse + objet;

+        document.location.href = link;

+}

+

+// pour "cacher" l'adresse du HTML

+// inutile -> nécessite une requête AJAX

+function copierCourriel()

+{

+        var adresse = "melaine.favennec@wanadoo.fr";

+        copierDansPressePapier(adresse);

+}

+

+function copierDansPressePapier(chaine)

+{

+        // une balise <input> avec des attributs

+        var element = document.createElement("input");

+        element.setAttribute("id", "copyMe");

+        element.setAttribute("value", chaine);

+

+        // placement dans la page (= le "document")

+        document.body.appendChild(element);

+        var cible = document.getElementById('copyMe');

+

+        // selection comme on le ferait à la souris

+        cible.select();

+        // copie (= Ctrl + C)

+        document.execCommand("copy");

+

+        // nettoyage

+        element.parentNode.removeChild(element);

+

+        // test optionnel

+        // essayer un document.execCommand("paste"); dans une variable

+        // mais depuis une deuxième fonction

+

+        alert('Cette adresse a été copiée dans le presse-papier:\n\n' + chaine);

+}

+

+// cacher le lien #nouvelArticle quand le ckeditor est appelé

+// hum pourquoi faire déjà?

+// function cacherLienArticle()

+// {

+//      var cible = document.getElementById('nouvelArticle');

+//      cible.setAttribute("style", "display: none;");

+// }

+

+function nouveauMotdepasse(page)

+{

+        alert('Le mot de passe a été modifié.');

+        window.setTimeout(function(){

+            location.href = "index.php?page=" + page + "&message=nouveau_mdp";

+        }, 0);

+}