next step in organizing content

[louis-ev]

(in french)

À la création d'une conférence,

• création d'un dossier du nom slug-de-la-conference (findfirstnottaken)
• création d'un fichier meta.txt dans ce dossier, content description et info sur la conférence
• création d'un dossier 0-default à côté, et d'un fichier meta.txt avec un champ "title" et "order".

Lors du glissé déposé, une vignette est affichée pour chaque dossier du répertoire (au début, uniquement defaut donc). Une vignette "importer dans un nouveau dossier apparaît également, à côté.

1. si le media est droppé ailleurs que sur la vignette "nouveau dossier" alors il est importé dans 0-default et son nom est ajouté en bas du champ "order"
2. si il est droppé sur la vignette "nouveau dossier", alors un popup apparaît et demande de donner un nom au dossier. Un slug est généré pour l'intitulé du dossier, ainsi qu'un chiffre incrémentant le nombre de dossier du répertoire (par exemple 1-rapport-dactivite-du-cnap). Le fichier méta est créé avec le titre et le nom du média dans le champ ordre. Le media est copié dans ce dossier.
3. L'ensemble de la page est régénérée.

Génération de la page :
À l'ouverture de la conférence, le fichier méta.txt de la conférence est lu. Ensuite, le script liste tous les dossiers du répertoire de la conférence dans l'ordre imposé par leurs noms (d'abord 0-default, 1-rapport…, etc.). Il ouvre tous les fichiers meta de ces dossiers, liste leurs médias et lis leurs fichiers meta respectifs pour les placer dans la page.

Pourquoi faire si compliqué :

• pour réunir proprement par paquet "projet" le contenu d'un projet.
• pour faciliter grandement la copie d'un projet d'une conférence à une autre. Il suffit pour se faire de copier un dossier comme 1-rapport-dactivite-du-cnap vers le dossier d'une autre confèrence en ajustant les chiffres des projets si nécessaire.
• préparer la création d'ecrans intermédiaires de titres (dont les informations pourront être stockées dans le fichier meta.txt d'un projet, et conservé à la copie).

Première étape pour carreau.js 2.0 :

• création du dossier 0-default et son meta à la création
• liste des dossiers qui apparaît dans le moral dragon
• dépôt sur une vignette ajoute ce media à ce projet, le liste et rafraîchit la page

[louis-ev]

Gestion des contenus
L'application génère toujours la même organisation d'objets : nom-de-conference / nom-du-projet / nom-du-meta-de-la-slide.

Ce qui donne en json

{
    ma-conf: {
        nom: "Ma conf",
        description: "Ma description en markdown.",
        dossier: {
            0-default: {
                nom: "",
                description: "",
                slide: {
                    image-d-introduction: {
                        path: "image-d-introduction.png",
                        posX: 12 % ,
                        posX: 12 %
                    }
                    image-deux: {
                        path: "image-deux.png",
                        posX: 12 % ,
                        posX: 12 %
                    }
                }
            },
            1-rapport-activite-cnap: {
                nom: "Rapport d’activité du CNAP",
                description: "",
                slide: {
                    image-d-introduction: {
                        path: "image-d-introduction.png",
                        posX: 12 % ,
                        posX: 12 %
                    }
                    image-deux: {
                        path: "image-deux.png",
                        posX: 12 % ,
                        posX: 12 %
                    }
                }
            }
        }
    }
}

[louis-ev]

Une vue présentation et une vue aperçu

[louis-ev]

Interaction ref for how to implement drag/drop:
https://tympanus.net/Development/DragDropInteractions/reveal.html