The pop-corn from emeric254

Structure des données "carte"

{
  "1": {
    "id": "zone 1",
    "nom": "stand à bonbons"
    "description": "",
  },
  "80": {
    "id": "80",
    "nom": "scène principale",
    "description": ""
  },
  "restauration 1": {
    "id": "restauration 1",
    "nom": "scène principale",
    "description": ""
  }
}

Page administration carte

bouton "recharger"
bouton "ajouter une zone" pour ajouter une nouvelle zone
tableau / liste des zones pour permettre des les éditer
bouton "sauvegarder" en fin de la ligne d'une zone lorsqu'elle est modifiée
<textarea> (cachée sous un collapse ?) pour debug le JSON (see. https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify)

bonus :

bouton "importer" pour importer un fichier vers le serveur
bouton "exporter" pour télécharger un fichier depuis le serveur

pas besoin d'un style très abouti, ne sert qu'aux organisateurs

Page administration planning

bouton "recharger"
bouton "ajouter un événement" pour ajouter un nouvel événement
tableau / liste des événements pour permettre des les éditer
bouton "sauvegarder" en fin de la ligne d'un événement lorsqu'il celui ci est modifié
<textarea> (cachée sous un collapse ?) pour debug le JSON (see. https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify)

bonus :

bouton "importer" pour importer un fichier vers le serveur
bouton "exporter" pour télécharger un fichier depuis le serveur

pas besoin d'un style très abouti, ne sert qu'aux organisateurs

Configuration des images pour deploiement en conteneur

popcon-compagnon :

Dockerfile
edition package.json pour ajouter la tache 'podman'
Dockerfile-test
edition package.json pour ajouter la tache 'test'

popcon-organisation :

Dockerfile
build.sh
Dockerfile-test
test.sh

Page planning

mettre a jour la carte et le calque de selection avec la derniere version disponible

les deux fichiers :

popcon-compagnon/src/assets/map.jpg

et

popcon-compagnon/src/assets/map.svg

Page d'accueil

Titre (popcon) + image de la mascotte/logo de l'événement
boutons
- "consulter la carte" -> navigation vers la page carte
- "planning" -> navigation vers la page planning
lien vers le site popcon ( https://popcon.show/ )
bas de page - copyright

Add `site.webmanifest` and more HTML <meta>

the index.html file shoudl start like this

<html>
  <head>
    <meta charset="utf-8">
    <link rel="icon" href="<%= BASE_URL %>icons/favicon.ico">
    <link rel="canonical" href="https://mobile.popcon.show" />
    <title>POPCON</title>
    <meta name="author" content="POPCON">
    <meta name="description" content="DESCRIPTION POPCON">
    
    <link rel="manifest" href="<%= BASE_URL %>site.webmanifest">

needs #11 to be completed, because the following file need some of the favicon set.

the site.webmanifest file contains :

{
    "name": "POPCON",
    "short_name": "POPCON",
    "start_url": "/",
    "icons": [
        {
            "src": "/icons/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "/icons/android-chrome-512x512.png",
            "sizes": "512x512",
            "type": "image/png",
            "purpose": "any maskable"
        }
    ],
    "theme_color": "#ffffff",
    "background_color": "#ffffff",
    "display": "standalone"
}

Change the HTML title for the popcon-organisation project

Change the title into something like { Popcon + date.getFullYear() }

right now it still show Vite app 🤣

Page d'accueil d'administration

titre "popcon-administration"

si non connecté

si connecté

boutons de navigation vers les pages d'administration
- "carte"
- "planning"

pas besoin d'un style très abouti, ne sert qu'aux organisateurs

mettre a jour le planning avec la derniere version disponible

API organisation

Ordonner les événements dans le planning par leur date de "debut"

Verifier et ordonner les événements dans le planning par leur date de "debut"

I need to ensure (in the server when i modify the planning) we got the events ordered by "debut" date !

Originally posted by @emeric254 in #13 (comment)

framework CSS ?

https://oruga.io/ ?

Page carte

Add "mobile friendly" favicon set

Use a set of favicon to please all the different mobiles ...

you need to add that into the <html><head>

    <link rel="apple-touch-icon" sizes="180x180" href="<%= BASE_URL %>icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="<%= BASE_URL %>icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="<%= BASE_URL %>icons/favicon-16x16.png">
    <link rel="mask-icon" href="<%= BASE_URL %>icons/safari-pinned-tab.svg" color="#5bbad5">

Add "mobile friendly" HTML <meta>

To put inside the <html><head>

    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="HandheldFriendly" content="true" />
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />  
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

refs:

Structure des données "planning"

Les date et durée respectent toutes le standard ISO8601

{
  "concert de K-pop": {
    "nom": "concert de K-pop",
    "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    "mots_clef": [
      "K-pop",
      "concert",
    ],
    "debut": "2022-09-10T17:55:07+02:00",
    "duree": "PT1H10M",
    "zone": "<id zone>"
  },
  "défilé de cosplayeurs": {
    "nom": "défilé de cosplayeurs",
    "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    "mots_clef": [
      "cosplay",
      "VIP"
    ],
    "debut": "2022-09-11T09:05:54+02:00",
    "duree": "PT15M",
    "zone": "<id zone>"
  },
  "rencontre avec M. X": {
    "nom": "rencontre avec M. X",
    "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    "mots_clef": [
      "rencontre",
      "M. X"
    ],
    "debut": "2022-09-11T15:30:00+02:00",
    "duree": "PT30M",
    "zone": "<id zone>"
  },
  "autographes avec M. X": {
    "nom": "autographes avec M. X",
    "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    "mots_clef": [
      "autographes",
      "M. X"
    ],
    "debut": "2022-09-11T16:00:00+02:00",
    "duree": "PT1H",
    "zone": "<id zone>"
  }
}

emeric254 / pop-corn Goto Github PK

pop-corn's People

Contributors

Watchers

pop-corn's Issues

Recommend Projects

Recommend Topics

Recommend Org