Sauvegarde avant test template

src/Index.vue

@@ -7,14 +7,14 @@
     <Contenu v-show="etat === 'Contenu'" v-bind:auteur="auteur" v-bind:nvoContenu="nvoContenu" v-bind:contenuAjoute="contenuAjoute"
              @choix_variante="choixVariante" @newContenu="newContenu"
              @rechercherNouvellesPublications="rechercherPublications = !rechercherPublications"
-              v-bind:majContenus="majContenus"></Contenu>
+             v-bind:majContenus="majContenus"></Contenu>
     <Maj v-show="etat === 'Mises à jour'" v-bind:auteur="auteur" v-bind:isRecu="isRecu" v-bind:isPropose="isPropose"
          v-bind:contenuEnPublication="contenuEnPublication" @recalculerNotif="recalculerNotification"
          @majNvoContenu="majNvoContenu" @majContenus="majContenus = !majContenus"
-    v-bind:rechercherPublications="rechercherPublications"></Maj>
+         v-bind:rechercherPublications="rechercherPublications"></Maj>
     <Profil v-show="etat === 'Profil'"  ></Profil>
     <Tags v-show="etat === 'Tags'"  ></Tags>
-    <p style="text-align: center" v-show="errorLogin">Login ou mot de passe erroné</p>
+    <p style="text-align: center" v-show="errorLogin">{{errorMessage}}</p>
     <NewContenu v-show="etat === 'newContenu'" v-bind:auteur="auteur" @contenuAjoute="ajouterUnContenu" @retourArriere="retourArriere"></NewContenu>
   </div>
 </template>
@@ -45,7 +45,8 @@ export default {
       recalculerNotif: false,
       nvoContenu: '',
       rechercherPublications: false,
-      majContenus: false
+      majContenus: false,
+      errorMessage: 'Login ou mot de passe erroné'
     }
   },
   methods: {
@@ -54,14 +55,13 @@ export default {
      * Changement de l'affichage si l'authentification de l'utilsateur est validée
      */
     setLogged: function (event) {
-      //this.$cookies.set("isLogged", true)
       if (event.isLogged){
         this.etat = "Contenu"
         this.errorLogin = false
         this.auteur = event.auteur
       }
       else {
-        this.errorLogin = true
+          this.errorLogin = true
       }
     },
     /**
@@ -69,9 +69,10 @@ export default {
      * Récupération d'un click sur le menu 'auteur' (en haut à droite)
      */
     changerPage: function (event) {
-     if (event.choix === "Deconnexion"){
+      if (event.choix === "Deconnexion"){
         this.etat = "unlogged"
-        localStorage.clear()
+        localStorage.removeItem('token')
+        localStorage.auteur = ""
       }
       else
         this.etat = event.choix

src/Login.vue

@@ -32,6 +32,8 @@ export default {
        * @vuese
        * Appel au WS pour tester la validité de la saisie mdp/login de l'utilisateur
        */
+
+
       Service.login([this.login, this.password]).then(function (response) {
         // SI connexion réussie, on emet un booléen a true et le nom de l'auteur connecté
         // @arg booléen indiquant que la connexion est ok

src/Menu.vue

@@ -122,15 +122,17 @@ export default {
           that.isNotif = true
           that.isRecu = that.isNotif
         }
+        that.changerStyle()
+
       })
     },
     changerStyle: function () {
+
       if (this.isNotif){
         this.styleCircle["margin-left"] = "3%"
-
       }
       else if (this.variante){
-        this.styleCircle["margin-left"] = "10%"
+        this.styleCircle["margin-left"] = "36.72%"
       }
       else {
         this.styleCircle["margin-left"] = "94.75%"
@@ -151,11 +153,7 @@ export default {
       this.publicationsRecues()
       this.publicationsProposees()
 
-
-
-      //v-bind:style="[!variante ? {'margin-left': '90%'} : {'margin-left': '31.78%'}]"></div>
-      // <div class="circle" id="menuAuteur" v-on:click="isAffiche = !isAffiche"  v-bind:style="[!isNotif ? {'margin-left': '94.75%'} : {'margin-left': '3%'}
-
+      this.changerStyle()
     },
     /**
      * @vuese

src/components/Detail_Contenu.vue

 <template>
 <div>
+
   <p v-show="filtre_choisi.length === 0">Ajoutez des filtres pour restreindre la recherche, ou effectuez une recherche libre (bouton en haut à droite)</p>
   <Filtre_Tag v-show="filtre_choisi === 'tags officiels' || filtre_choisi === 'tags libres' " v-bind:filtreChoisi="filtre_choisi" @creer_filtre="creer_filtre"/>
   <Filtre_Auteur v-bind:panierChoisi="panierChoisi" v-show="filtre_choisi === 'auteur'" v-bind:auteur="auteur" @creer_filtre="creer_filtre"/>

src/components/Volet_Contenu.vue

 <template>
   <div id="contenu">
-
     <div id = "detailFiltre">
 
       <Detail_Filtre  v-bind:nouveau_filtre="nouveau_filtre"  @filtresChoisis="filtresChoisis"/>
     </div>
     <div id = "detailContenu">
-      <Detail_Contenu v-bind:panierChoisi="panierChoisi" v-bind:filtre_choisi="filtre_choisi" v-bind:auteur="auteur"   @creer_filtre="creer_filtre"/>
+      <Detail_Contenu v-bind:panierChoisi="panierChoisi" v-bind:filtre_choisi="filtre_choisi" v-bind:auteur="auteur"  @creer_filtre="creer_filtre"/>
     </div>
     <Choix_Mode v-show="!variante"  @mode_choisi="ajusterMode" />
   </div>

src/components/filtres/Filtre_Auteur.vue

@@ -3,7 +3,7 @@
 
     <div id="selectionnerAuteur">
       <span>selectionner un auteur : </span><br><br>
-      <select id="auteur" name="auteur" size="1" v-model="auteurChoisi" v-on:change="choixAuteur()">
+      <select id="auteur" name="auteur" size="1" v-model="auteur" v-on:change="choixAuteur()">
         <option v-for="item in filteredList" v-bind:key="item.id">{{ item.nom }}</option>
       </select>
     </div>
@@ -18,24 +18,23 @@ export default {
   name: "Filtre_Auteur",
   methods: {
     choixAuteur: function () {
-      // alert(this.auteur)
-      this.$emit("creer_filtre", {filtre: this.auteurChoisi, type: 'auteur'})
+      if (this.auteur !== undefined)
+      this.$emit("creer_filtre", {filtre: this.auteur, type: 'auteur'})
     }
 
   },
   props: ['auteur', 'panierChoisi'],
   computed: {
     filteredList: function () {
-      // `this` pointe sur l'instance vm
-      // alert (this.$auteurConnecte)
       if (!this.panierChoisi){
+
         return this.listeAuteurs.filter(auteur => auteur.nom !== this.auteur)
       }
       else { return this.listeAuteurs}
     }
   },
   watch:{
-    auteurChoisi: function () {
+    auteur: function () {
       let that  = this
       Service.recupererAuteursExistants().then(function (reponse) {
         that.listeAuteurs = reponse.data
@@ -44,7 +43,6 @@ export default {
   },
   data: function () {
     return {
-      auteurChoisi: "",
       listeAuteurs: []
     }
   }