edit: alt text dans panneau image, gestion des messages vides

v1-com-officielle/src/data/peopleData.js

@@ -9,8 +9,14 @@ function idAndDate(str){
 
 function titleAndContent(str){
   let data = str.split(" :");
-  let title = data[0];
+  let title = "NO_TITLE";
-  let contentData = data[1].split("<br>").filter(e => e);
+  if (data.length > 1){
+    title = data[0];
+  }
+  let contentData = [""];
+  if (data[1]){
+    contentData = data[1].split('<br>').filter(e => e);
+  }
   let content = "";
   let src = [];
   for(let line of contentData){
@@ -120,6 +126,7 @@ export async function loadPeopleData() {
       };
     } else if (pouet.media_attachments?.length > 0) {
           let textInfos = titleAndContent(pouet.content);
+          console.log(pouet);
           entry = {
             id: 'img' + username + infos.id,
             date: infos.date,
@@ -128,6 +135,7 @@ export async function loadPeopleData() {
             author: username,
             caption: textInfos.title + '.star',
             src: pouet.media_attachments[0].url,
+            alt: pouet.media_attachments[0].description,
             description: textInfos.content,
             like: pouet.favourites_count,
             isSelected: false

v1-com-officielle/src/dataExchange.js

@@ -14,6 +14,7 @@ export const dataStorage = reactive({
     src: "",
     caption: "",
     like: 0,
+    alt: "",
     isLiked: false
   },
   selectedLink:{

v1-com-officielle/src/indieComponents/ArtistPannel.vue

@@ -379,6 +379,7 @@
               src: e.src,
               caption: e.caption,
               like: e.like,
+              alt: e.alt,
               isLiked: e.isLiked
             }
             this.displayedDescription = e.description;

v1-com-officielle/src/indieComponents/VisualizerPannel.vue

@@ -21,7 +21,7 @@
         </button>
       </div>
       <div class="windowContent" id="visualizerContent">
-        <img :src="selectedImg.src" id="displayedImgStyle">
+        <img :src="selectedImg.src" id="displayedImgStyle" :alt="selectedImg.alt">
         <div class="reactBar">
           <p class="reactStatStyle">{{selectedImg.like}}</p>
           <button data-tooltip="j'aime bien" type="button" class="iconBtnStyle" :class="{reactedStyle: selectedImg.isLiked}" @mousedown.capture="likeImg" @touchstart.capture="likeImg">

v1-com-officielle/src/infoComponents/InfoMenu.vue

@@ -42,8 +42,8 @@
           si tu as envie de participer !
           </p>
         <button type="button" class="textBtnStyle" @click="openPannel('follow')">NOUS SUIVRE HORS DES RÉSEAUX!</button>
-        <button type="button" class="textBtnStyle" @click="openPannel('donation')">NOUS FAIRE UNE DONATION</button>
+        <button type="button" class="textBtnStyle" @click="openPannel('donation')" v-show="false">NOUS FAIRE UNE DONATION</button>
-        <button type="button" class="textBtnStyle" id="ticketButton" @click="openPannel('ticket')">RÉSERVER MA PLACE!</button>
+        <button type="button" class="textBtnStyle" id="ticketButton" @click="openPannel('ticket')" v-show="false">RÉSERVER MA PLACE!</button>
       </div>
       <div id="btnColumn">
         <button type="button" class="iconBtnStyle" id="btnArtist" @click="openPannel('artist')" data-tooltip="à propos de nous">
@@ -215,17 +215,19 @@
     position: absolute;
     top: -80px;
     left: 64%;
-    animation: float 1.61s infinite;
+    /*animation: float 1.61s infinite;*/
     color: var(--main-color);
     background-color: var(--accent-color);
     width: 50%;
   }
+  /*
   #ticketButton.textBtnStyle:hover{
     background-color: var(--main-color);
     animation: none;
     border-color: var(--accent-color);
     color: var(--accent-color);
   }
+  */
 
   /*================ MID FORMAT*/
   @media(min-width:500px){