Récupération panier & banque ok

src/components/Volet_Base.vue

@@ -49,7 +49,7 @@
                 'background-color': item.provenance === 'perso' ? 'white' : item.provenance === 'tiers' ? 'red' : 'blue'
                      }" >
             <td class="modal titreContenu" v-on:click="chargerContenu($event, item.provenance)" v-popover:tooltip="'prévisualisation'">{{ item.titre }}</td>
-            <td>Auteur 1</td>
+            <td>{{item.auteur}}</td>
             <td>with two columns</td>
             <td>The table body</td>
             <td>with two columns</td>
@@ -85,7 +85,6 @@
     <Consulter_Contenu @actionContenu="actionContenu" @retour_arriere="retourArriere" v-bind:contenuClique = "contenuClique" v-bind:contenuCliqueProvenance = "contenuCliqueProvenance" v-show="modeConsultation"/>
 
     <div v-show="panierChoisi && !modeConsultation" class="circle" v-on:click="ajouterContenu" v-bind:style="{'margin-left': '95%'}">
-    <p> Kai Nishikori {{auteur}}</p>
     </div>
 
   </div>
@@ -114,7 +113,7 @@ export default {
       filtre_choisi: "",
       variante: false,
       contenus: [],
-      contenusbanque: [({ auteur: "Auteur_4", titre: "Contenu_4" })],
+      contenusbanque: [],
       contenuClique: "",
       contenuCliqueProvenance: "",
       modalOn: false,
@@ -126,17 +125,35 @@ export default {
       imgEtoile: "https://previews.123rf.com/images/ylivdesign/ylivdesign1612/ylivdesign161208906/67933171-ic%C3%B4ne-%C3%A9toile-%C3%A0-cinq-branches-jaunes-illustration-de-dessin-anim%C3%A9-d-ic%C3%B4ne-de-vecteur-%C3%A9toile-jaune-%C3%A0-cinq-branches-.jpg",
       imgPoubelle: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAflBMVEX///8AAACampq4uLh5eXlcXFxlZWXr6+vFxcVFRUWurq6ioqL39/doaGju7u7Z2dmIiIjX19eoqKicnJxZWVlvb28qKirDw8Pl5eU6Ojq5ublAQEDOzs7f398dHR1OTk4xMTGRkZERERGLi4sbGxt+fn4kJCQLCwt0dHRSUlJ5VCwrAAAIRUlEQVR4nO2d6VYbSwyEHbyBMWbHEBKwCev7v+C9jruOMyqpx2YZKTn6fiLj6WJ60TZDr5ckSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkyd9PfzjajWHfe8g7svdtV/a8h7wjqTAVxicVpsL4QGF/Nq4z6//lCvdbP7mfCoOSCjekwqikwg2pMCqpcEMqjMq/r/CwjPtH6yd/lE8edjCq7RlcDFu4KeM+aPvg8KB88qbtgxeDDhXefvPgtkOFB+3D+QIOUmEqTIWpMBWmwlSYCj+Vm/bhfAE3HSqc9z2Yd6gwSZIkSbbm+HLQBZfHbgp/tPshn0J7SvKr+NmRwp9uCqcdKZy6Kew9dCLwwU9gb9GJwoWjwjcezu1osDeZzPe123s0OVsxOVJsD/vzyWRvMFLS6ReOCp94ONgVtNt7XmznlRul7F5PnevacMjDQTntXlGBAprW9HZfbPts8qxKTXg4CFNHOyocFdt3Nk0clAHlD46G9MGOClE667Opvcr6dSiLBlNKWaJVhSfFpkx8vwNfPfIx0uWOCpfFdsImxwO/1+PhXBaLci+qCnHvL9nkoGvDHQ0Hh5eynqoKsX4vyHLnoGsDnwlI22pxR00h4gdONt8r1+0O3jGRttXijppCbCecbO6yQYFZ0niuiuV6R4XXxXZFlqVy3e7g/eSx7HzvVDh7JItvo43igYzLUBXXu6LwYbY2jdn03UUZOOUBlQU15elWU3hVbr2yfP2yNCtmPKDTYlLCoIpCdAMpf7KZg64NFYVK7FhR+FZM4RQqcxF+Mh/dNYVwFOZkuXJ12rQjH7GOEshXFB4VE8djvge+pgMylOCiovDJNB0pV+0SdmoqwUVFoR1a+Lo0mo7XYjnbSeFZMb2a2r3gEAKziveMmkIkP3jWez/FziHE0LTUFCK0GJoWL45pRJXwaQuFHDz5ujSag70o5xdrryksOqacZr1Wr9sd02c5IvjQSnBRUYjQgvz1Z+cDX4tYi0IlS1VRWHSwF9hlI5QOOzUlfFIKU7ZClJc4ePJ2abTtHQuH5m9F4XOx8NT2dmk0JwTbIs9fWyHmIm/Avxw0NWFXGTE5z19bIeYi5ww8ixZr2HWBA2Y75bZ7za6ef0Mizyvo4PlrKzwxLd4ujbY3YOVwHdRWiNrpL7J4H/g9pXSB+8Er1FaI1cZBpYMiCY0Ja4rDDlshAgheuw6KJJSpwb7Ie5CtEPsJ7b9XyhW7hjJOi2Kw9yB7PyHH27MPA5hLh/cgWyH2EzJ49mEALl0UA7vetkIEEGSI8HQwb5mw7KDQ/BV/l0brx0BwsbtCDi08+zAA11KQd6BCmanwsRg4L+DZhwF4ueHvTsGFqRB1GZ4PDoIYGhWCCzpHTIXIz3Fo4aCHoSMfuwNld02FyGvTrhXhwFduFcKn5dYKkdem4CnCga8c+RgvCTEVwkB/kwgHvhLxoHJBvoCpEOc6zWv/HMYKEoKpRavKVIiVSxM+gkujbIDm3m8qxPlCtX/fPgxARz5Sg3R+mwrhI1ACMsKBr7haL5bBVAg/78Uy+MKZeMtgKkS7BX2Tbx8G4HqRVbkwFVpVi4V7WWYNpR7QFiW7Ty2Fd1ZD1Jt6ve6htnw0DUnX21KInD61C42Uq3lA/RjY/GVblKUQt4qOF+8+DEDLymo7sBSazQ1R3uFGiVFkP6UTZil8bfsibyhtiBy99MkthfCvqQ7gX7RYQxuE1RZlKTQborz7MAAlRq1nLiyF5rMWAcoyv5nKlBOSEnJdWQrhX8t2occgBz7nMVC5kAvUUojlJl2HGDmMFbKRCW1RMriwFB63fI8/8txbGF6YpRBennRw/fswgMxj3BltUZZCNERJPzZGDmMFpSuMZy4MheazFhGKFmsoj2E8c2EoNJ+1iJHDWEFOjfGYlqHQfBgsikujTC+ET2JzNBRiyyTfKEYO4zdyaAguRPhkKETwRKGFgxILOTSjLcpQaDZEOSixkE6N8cyFodB61iKOS8MOpRFcGAqt0GKoXMkLOTajWmYoxLEnsyEnypW8kKErwiexdxgKsS/J4OlcuZIX0qlBbUaklgyF1tNucVwaTpKhNiNcAUMhDnZZl4nQhwGki/2s+2GGQvh4si4TJcJfQfn7olA4O4bCcf1LQmAObiuFbV8SApm/14tJdYWyLuP/LMmfyCMfwUUzQNQV4mkSGVpEOvA5u633i+oKF+WnMgZ7pat4Ip0apOOb2TNdIUILmXuM5NJw7hfBRdNN0RXCAZKhRYw+DCBDOzhczXurK8S9kq6f/7MkfyIzowgXmvdWV4h7tRTfEaVosUY6NQj5mjNPV4gZLStVkVya/50XkTfUKxe6QuxK4sR5CJSl6XG6Gq53c33qCrHehOMdpQ8DiKIK3s/VTJ/pCpGYExlv/4dHm0inpvy4uT51hcazFrFcGs5AlB83vWldofGsRZQ+DCDzZPj5FgrVj8bpwwCydKE+c1FVKBPncYoWa2QeA9tHI5OqKkRWVOb0I+UwVljja1QuVIWoWlh/oyhYc6zR86YqtF4+G+vA79E+AUel4YqpCuHgyeDJQUMdcV7DnW4EF6pC4+Wzvu/01BA+F0rwy1aFCENEM0CX/7ByO0QhTQ1r1fd568FyoD4MsGwO8KI3m41P5/3GuJez8YpZ47OX/fnpeDaTOX3vF2AxonTxwm82qfMs+vQjFS3WKO/5/BDRXJrP/38lcfowgPIWzA8R40mLBp+s0FuOwr+v8HP/J2Kssswa7R+PvJ94B776yv8PEKtosUZ7Sff7iZbDWKH8v5IPEM+l+ewjP96Br79m/v3EKlokSZIkSZIkX81/MjFrMKxwu60AAAAASUVORK5CYII="
     }
-  },
+  }/*,
   beforeUpdate() {
-    this.contenus = Service.getPanierAuteur(this.auteur).then(function (response) {
-      console.log(response.data)
+    let that = this
+    Service.getPanierAuteur(this.auteur).then(function (response) {
+      that.contenus = response.data
     })
 
+  }*/,
+  watch: {
+
+    auteur: function () {
+      let that = this
+      // Dès que l'auteur est connu, on charge tous ses contenus
+      Service.getPanierAuteur(this.auteur).then(function (response) {
+        that.contenus = response.data
+        alert('test')
+      })
+      Service.getBanqueAuteur(this.auteur).then(function (response) {
+        that.contenusbanque = response.data
+        console.log("banque : " + response.data)
+      })
+    },
   },
   mounted() {
     this.modeConsultation = false
     $('#ensemble').draggable()
-
+  /*  this.contenus = Service.getPanierAuteur(this.auteur).then(function (response) {
+      console.log(response.data)
+    })*/
   },
   methods: {
     desactiverVolet: function () {
@@ -157,12 +174,6 @@ export default {
     },
     supprimerContenus: function () {
 
-      /*/ $(':checkbox:checked').each(function () {
-         console.log($(this).prev(".titreContenu").id)
-       })*/
-
-
-
       let inputs = document.querySelectorAll("input[type='checkbox']")
       // alert(inputs.length)
 
@@ -189,9 +200,12 @@ export default {
       }
     },
     ajouterContenu: function () {
+      let data = {auteur: this.auteur, nom_fichier: "Contenu1", commit: ""}
+      Service.creerContenuPerso(data)
+   /*   alert ("Je veux créer un contenu")
       this.contenus.push(({titre: "nouveau contenu" , provenance: "perso"}))
       // A titre purement indicatif car un auteur ne voit pas ses publications en banque
-      this.contenusbanque.push(({ auteur: "Auteur_1", titre: "nouveau contenu" }))
+      this.contenusbanque.push(({ auteur: "Auteur_1", titre: "nouveau contenu" }))*/
 
     },
     chargerContenu: function (e, provenance){

src/service/Service.js

@@ -16,5 +16,68 @@ export default {
 
     getPanierAuteur(auteur){
         return axios.get(urlBase + "getContenuPanier/" + auteur + "?perso=True&tiers=True&enCours=true")
+    },
+
+    getBanqueAuteur(auteur){
+        return axios.get(urlBase + "getContenuBanque/" + auteur)
+    },
+
+    getContenuById(idContenu){
+        return axios.get(urlBase + "getContenu/" + idContenu)
+    },
+
+    mettreContenuTiers(data){
+        axios.patch(urlBase + "ajouterTiers", data)
+    },
+
+    creerContenuPerso(data){
+        axios.post(urlBase + "newContenu", data)
+    },
+
+
+    creerEnCours(data){
+        axios.post(urlBase + "newEnCours", data)
+    },
+
+    supprimerEnCours(idEnCours){
+        axios.delete(urlBase + "supprimerEnCours/" + idEnCours)
+    },
+
+
+    publierContenu(data){
+      axios.post(urlBase + "demandePublication/" , data)
+    },
+
+    supprimerContenu(idContenu){
+        axios.delete(urlBase + "demandePublication/" + idContenu)
+    },
+
+    supprimerTiers(idTiers){
+        axios.delete(urlBase + "deleteTiers/" + idTiers)
+    },
+
+    getPublications(auteur, emise){
+        return axios.get(urlBase + "get_demandes_pub/" + auteur + "/" + emise)
+    },
+
+    gererMajRecue(){
+
+    },
+
+    gererMajProposee(){
+
+    },
+
+    majCOntenu(){
+
+
     }
+
+    // bonus : fonction de récupération des tags pour getPanier et getBanque
+
+
+
+
+
+
 }
\ No newline at end of file