Popovers banque & tags (monoligne pour l'instant)

src/Index.vue

@@ -9,7 +9,7 @@
     <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>
-    <NewContenu v-show="etat === 'newContenu'" v-bind:auteur="auteur" @contenuAjoute="ajouterUnContenu"></NewContenu>
+    <NewContenu v-show="etat === 'newContenu'" v-bind:auteur="auteur" @contenuAjoute="ajouterUnContenu" @retourArriere="retourArriere"></NewContenu>
     <!--    <p id="popover-target-1" style="text-align: center">
           Hover Me
         </p>
@@ -76,6 +76,9 @@ export default {
     },
     ajouterUnContenu:function () {
       this.contenuAjoute = true
+    },
+    retourArriere: function () {
+      this.etat= "Contenu"
     }
 
   },

src/NewContenu.vue

@@ -15,7 +15,7 @@
     <div class="markdown">
       <br>
       <button v-on:click="ajouterContenu">créer</button><br><br>
-      <button>revenir en arrière</button>
+      <button v-on:click="retourArriere">revenir en arrière</button>
 
     </div>
 
@@ -46,8 +46,12 @@ export default {
       Service.creerContenuPerso(data).then(
           function () {
             that.$emit("contenuAjoute")
+            that.retourArriere()
           }
       )
+    },
+    retourArriere: function () {
+      this.$emit("retourArriere")
     }
   }
 }

src/components/Consulter_Contenu.vue

@@ -5,17 +5,21 @@
     <p>(Dans le futur, ces actions varieront en fonction du type de contenu cliqué dans la 'fenetre principale')</p>
 
     <div id="actionsContenu">
-      <button v-show="contenuCliqueProvenance !== 'banque' && contenuClique.etat !== 'refuse'" v-on:click="actionContenu('modifier')">modifier le contenu</button>
+      <button v-show="contenuCliqueProvenance !== 'banque'" v-on:click="actionContenu('modifier')">modifier le contenu</button>
       <button v-show="contenuCliqueProvenance !== 'banque'" v-on:click="actionContenu('supprimer')">supprimer le contenu</button>
-      <button v-if="auteur !== contenuClique.auteur" v-show="contenuCliqueProvenance === 'en-cours' && contenuClique.etat !== 'refuse'" v-on:click="actionContenu('publier')">publier le contenu</button>
-      <button v-else v-show="contenuCliqueProvenance === 'en-cours' && contenuClique.etat !== 'refuse'" v-on:click="actionContenu('validerModification')">valider la modification</button>
-      <button v-show="contenuCliqueProvenance === 'banque' && contenuClique.etat !== 'refuse'" v-on:click="actionContenu('mettreFavori')">mettre le contenu en tiers</button>
+      <button v-show="contenuCliqueProvenance === 'en-cours' && contenuClique.origine === 'tiers'" v-on:click="actionContenu('publier')">publier le contenu</button>
+      <button v-show="contenuCliqueProvenance === 'en-cours' && contenuClique.origine === 'perso'" v-on:click="actionContenu('validerModification')">valider la modification</button>
+      <button v-show="contenuCliqueProvenance === 'banque'" v-on:click="actionContenu('mettreFavori')">mettre le contenu en tiers</button>
       <br>
+      <select v-show="(contenuCliqueProvenance === 'banque'
+      || contenuCliqueProvenance === 'perso')
+       && versionMax > 1" v-model="versionChoisie" v-on:change="changerVersion" >
+        <option v-for="i in versionMax" v-bind:key="i"> {{i}}</option>
+      </select>
       <span contenteditable="false" v-html="formatterMarkdown()">
       </span>
       <br>
     </div>
-
     <button id="ren" v-on:click="revenirArriere">Retour en arrière</button>
 
   </div>
@@ -38,22 +42,49 @@ export default {
     },
     revenirArriere: function () {
       this.$emit("retour_arriere", {panierChoisi: this.contenuCliqueProvenance !== 'banque'})
+    },
+    changerVersion: function () {
+      let that = this
+      Service.recupererTexteVersionContenu(JSON.stringify(this.contenuClique._id), this.versionChoisie).then(
+          function (response) {
+            that.contenu = response.data
+            // alert(response.data)
+          }
+      )
     }
   },
   data: function () {
     return {
-      contenu: ''
+      contenu: '',
+      versionMax: 1,
+      versionChoisie: 1
     }
   },
   watch: {
     contenuClique: function () {
       let that = this
-      Service.recupererTexteContenu(JSON.stringify(this.contenuClique._id)).then(
-          function (response) {
-            that.contenu = response.data
-            // alert(response.data)
-          }
-      )
+      if(this.contenuCliqueProvenance === 'en-cours') {
+        Service.recupererTexteContenuEnCours(JSON.stringify(this.contenuClique._id)).then(
+            function (response) {
+              that.contenu = response.data
+              // alert(response.data)
+            }
+        )
+
+      }
+      else {
+        if (this.contenuCliqueProvenance !== 'tiers'){
+          this.versionMax = this.contenuClique.versionEnCours.numero
+          this.versionChoisie = this.versionMax
+        }
+
+        Service.recupererTexteContenu(JSON.stringify(this.contenuClique._id)).then(
+            function (response) {
+              that.contenu = response.data
+              // alert(response.data)
+            }
+        )
+      }
     }
   },
 }
@@ -82,5 +113,11 @@ div{
   height: auto;
 }
 
+select {
+  margin-left: 45%;
+  margin-right: 45%;
+  text-align-last:center;
+}
+
 
 </style>
\ No newline at end of file

src/components/Volet_Base.vue

@@ -63,7 +63,8 @@
             <td>The table body</td>
             <td class="prout">with two columns</td>
             <td>with two columns</td>
-            <td>with two columns</td>
+            <td v-if="item.provenance !== 'en-cours'" v-b-popover.hover.bottom="item.tags_banque_libres.toString()">with two columns</td>
+            <td v-else v-b-popover.hover.bottom="'tags non disponibles'">with two columns</td>
 
             <td class="boutonSupprimer" v-if="item.provenance !== 'en-cours'">  <input type="checkbox" v-on:change="ajouterCoche(item._id, item.provenance)" class="horns" name="horns"/></td>
             <td class="boutonSupprimer" v-else>  <input type="checkbox" v-on:change="ajouterCoche(item.reference, item.provenance)" class="horns" name="horns"/></td>
@@ -71,20 +72,18 @@
           </tr>
 
           <tr v-show="!panierChoisi" v-for="item in contenusbanque" :key="item.titre">
-            <td id="titreContenuBanque" v-on:click="chargerContenu(item, 'banque')">{{ item._id }}</td>
-            <!--            <b-popover target="titreContenuBanque" triggers="hover" placement="bottom">
-                          <template #title>Popover Title</template>
-                          <h1>I am</h1> popover <b>component</b> content!
-                        </b-popover>-->
+            <td id="summertime" v-on:click="chargerContenu(item, 'banque')">{{ item._id }}</td>
+            <b-popover target="summertime"  v-on:show="rechercherTexte(item._id, 'banque')" triggers="hover" placement="bottom">
+              <p id="beautiful" v-html="texteDuContenu"></p>
+            </b-popover>
             <td>{{ item.auteur }}</td>
             <td>{{item.versionEnCours}}</td>
             <td>with two columns</td>
             <td class="prout">with two columns</td>
             <td>with two columns</td>
-            <td>with two columns</td>
+            <td v-b-popover.hover.bottom="item.tags_banque_libres.toString()">with two columns</td>
 
             <td class="boutonSupprimer">  <input type="checkbox" v-on:change="ajouterCoche(item._id, item.versionEnCours)" class="horns" name="horns"/></td>
-
           </tr>
 
 
@@ -319,12 +318,9 @@ export default {
           )
           break
         case "validerModification":
-          data = {id_contenu: JSON.stringify(event.contenu.reference), auteur: ""}
+          data = {id_contenu_en_cours: JSON.stringify(event.contenu._id), auteur: ""}
           Service.majContenu(data).then(function () {
-            Service.supprimerEnCours( JSON.stringify(event.contenu.reference)).then(function () {
-              that.contenusDuPanier()
-            })
-
+            that.contenusDuPanier()
           })
           break
       }
@@ -359,7 +355,17 @@ export default {
             }
         )
       }
-      else {
+      else if (provenance === 'banque'){
+        Service.recupererTexteVersionContenu(JSON.stringify(id), 0).then(
+            function (response) {
+              let showdown = require('showdown'),
+                  converter = new showdown.Converter()
+
+              that.texteDuContenu = converter.makeHtml(response.data)
+            }
+        )
+      }
+      else  {
         Service.recupererTexteContenu(JSON.stringify(id)).then(
             function (response) {
               let showdown = require('showdown'),
@@ -377,13 +383,11 @@ export default {
 
       if(event.action === "valider"){
 
-        alert(event.nouveauTexte)
         if (this.contenuCliqueProvenance !== 'en-cours'){
-          let dataDeux = {auteur: this.auteur, id_contenu: JSON.stringify(this.contenuClique._id), version: this.contenuClique.versionEnCours["numero"]}
+          let dataDeux = {auteur: this.auteur, id_contenu: JSON.stringify(this.contenuClique._id), version: this.contenuClique.versionEnCours["numero"], provenance: this.contenuCliqueProvenance}
           let that = this
           Service.creerEnCours(dataDeux).then(function (reponse) {
             that.contenusDuPanier()
-            alert ("reponse " + reponse.data)
             Service.changerTexte(data, reponse.data)
           })
         }
@@ -393,6 +397,7 @@ export default {
       }
 
     }
+
   }
 }
 

src/service/Service.js

@@ -104,5 +104,8 @@ export default {
     },
     recupererTexteContenuEnCours(idContenu){
         return axios.get(urlBase + "getTexteContenuEnCours/" + idContenu)
-    }
+    },
+    recupererTexteVersionContenu(idContenu, version){
+        return axios.get(urlBase + "getTexteVersionContenu/" + idContenu + "/" + version)
+    },
 }
\ No newline at end of file