Skip to content

O
OpenQuizz
Commit 2d7c7320 authored by Jérémie Passerat's avatar Jérémie Passerat
Browse files
Options

Ajout titres contenus & améliorations ihm

parent e839bbfc
Hide whitespace changes
Inline Side-by-side
Showing with 307 additions and 156 deletions
package-lock.json
View file @ 2d7c7320
......@@ -15,6 +15,7 @@
"jquery": "^3.6.0",
"jquery-ui-bundle": "^1.12.1-migrate",
"markdown-it-vue": "^1.1.6",
"material-kit": "^2.0.4",
"mavon-editor": "^2.9.1",
"popper.js": "^1.16.1",
"showdown": "^1.9.1",
......@@ -14024,6 +14025,11 @@
"resolved": "https://registry.npmjs.org/match-at/-/match-at-0.1.1.tgz",
"integrity": "sha512-h4Yd392z9mST+dzc+yjuybOGFNOZjmXIPKWjxBd1Bb23r4SmDOsk2NYCU2BMUBGbSpZqwVsZYNq26QS3xfaT3Q=="
},
"node_modules/material-kit": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/material-kit/-/material-kit-2.0.4.tgz",
"integrity": "sha512-YtcRcqV0s7iByigCfcoHqtrUgXaicyYyZYikn6cdUuKdPdYvQplOUvUgvzmNTvDPcZXzLt8MUk9YfpWWOGISOQ=="
},
"node_modules/mavon-editor": {
"version": "2.9.1",
"resolved": "https://registry.npmjs.org/mavon-editor/-/mavon-editor-2.9.1.tgz",
......@@ -32038,6 +32044,11 @@
"resolved": "https://registry.npmjs.org/match-at/-/match-at-0.1.1.tgz",
"integrity": "sha512-h4Yd392z9mST+dzc+yjuybOGFNOZjmXIPKWjxBd1Bb23r4SmDOsk2NYCU2BMUBGbSpZqwVsZYNq26QS3xfaT3Q=="
},
"material-kit": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/material-kit/-/material-kit-2.0.4.tgz",
"integrity": "sha512-YtcRcqV0s7iByigCfcoHqtrUgXaicyYyZYikn6cdUuKdPdYvQplOUvUgvzmNTvDPcZXzLt8MUk9YfpWWOGISOQ=="
},
"mavon-editor": {
"version": "2.9.1",
"resolved": "https://registry.npmjs.org/mavon-editor/-/mavon-editor-2.9.1.tgz",
src/Index.vue
View file @ 2d7c7320
......@@ -27,6 +27,7 @@ import Maj from "./Maj";
import Profil from "./Profil";
import Tags from "./Tags";
import NewContenu from "./NewContenu";
// import Service from "./service/Service";
// import showdown from "showdown"
export default {
......@@ -71,8 +72,7 @@ export default {
changerPage: function (event) {
if (event.choix === "Deconnexion"){
this.etat = "unlogged"
localStorage.removeItem('token')
localStorage.auteur = ""
localStorage.clear()
}
else
this.etat = event.choix
......
src/Maj.vue
View file @ 2d7c7320
......@@ -222,7 +222,6 @@ export default {
let reception = response.data
if(reception.length > 0)
for (let i = 0; i < reception.length; i++) {
console.log(reception[i])
that.contenusRecu.push(reception[i])
}
})
......
src/Menu.vue
View file @ 2d7c7320
......@@ -128,6 +128,7 @@ export default {
},
changerStyle: function () {
if (this.isNotif){
this.styleCircle["margin-left"] = "3%"
}
......@@ -160,9 +161,9 @@ export default {
* Recalcul des opportunités de maj et on configure la notification en fonction après action dans le menu maj (fonctionne actuellement pas)
*/
recalculerNotif: function () {
// alert(this.isNotif)
this.isNotif = false
this.publicationsRecues()
this.changerStyle()
},
variante: function () {
this.changerStyle()
......@@ -190,7 +191,6 @@ export default {
.menuVariante{
margin-top: 1%;
margin-left: 45%;
z-index: 1;
}
......@@ -218,7 +218,7 @@ export default {
width: 30px;
margin-top: 1.5%;
z-index: 1;
margin-left: 90%;
margin-left: 90%;
background-image: url(assets/img/cloche.png);
background-size: cover;
......
src/NewContenu.vue
View file @ 2d7c7320
<template>
<div>
<p></p>
<p>Création de contenu</p>
<p style="text-decoration: underline; margin-top: -2%">Création de contenu</p>
<div id="titreContenu">
<label>Titre du contenu : </label><br>
<input type="text" placeholder="titre du contenu" v-model="titreContenu">
</div>
<br>
<p>Dans cette zone vous pouvez renseigner (en langage markdown) le contenu que vous désirez</p>
<!-- <div class="markdown">
<textarea rows="50" cols="150"/>
......@@ -39,15 +43,14 @@ export default {
bold: true,
language: 'fr'
},
test: ""
titreContenu: ""
}
},
methods: {
ajouterContenu: function () {
let data = {auteur: this.auteur, contenu_a_ecrire: this.contenuSaisi}
let data = {auteur: this.auteur, contenu_a_ecrire: this.contenuSaisi, titre: this.titreContenu}
let that = this
this.test = "test"
Service.creerContenuPerso(data).then(
function (reponse) {
let nouveauContenu = reponse.data
......@@ -80,19 +83,27 @@ export default {
}
input {
width: 1500px;
height: 500px
width: 150px;
height: 20px
}
button {
align-items: center;
width: auto;
text-align: center;
line-height: 1em;
}
#markdownEditor{
height: 1500px
}
#titreContenu {
text-align: center;
align-content: center;
margin: 0 auto 0;
}
.mavonEditor {
width: 100%;
height: 250%;
......
src/Profil.vue
View file @ 2d7c7320
......@@ -56,8 +56,10 @@ export default {
text-decoration: underline;
}
.changermdp{
button{
width: auto;
text-align: center;
line-height: 1em;
}
#editMode{
......
src/components/Barre_Recherche.vue
View file @ 2d7c7320
......@@ -15,5 +15,6 @@ export default {
width: 250px;
margin-top: 2px;
flex-basis: 80%;
height: 22px;
}
</style>
\ No newline at end of file
src/components/Choix_Mode.vue
View file @ 2d7c7320
......@@ -9,6 +9,8 @@
<p>Banque</p>
</div>
</div>
</div>
</template>
......@@ -21,6 +23,11 @@ export default {
contenuPanier: true,
}
},
props: {
// Signal pour remise à zéro de l'affichage du menu Panier / banque
razModeVariante: {}
},
methods: {
/**
* @vuese
......@@ -28,10 +35,21 @@ export default {
*/
changerChoix: function () {
this.contenuPanier = !this.contenuPanier
// dès qu'un filtre est choisi
// @arg True si le mode panier est actif, False sinon
this.$emit("mode_choisi", {mode: this.contenuPanier})
},
},
watch: {
/**
* @vuese
* Déconnexion de l'auteur -> on reset l'affichage du menu
*/
razModeVariante: function () {
this.contenuPanier = true
}
}
}
</script>
......@@ -47,6 +65,7 @@ export default {
width: 49%;
flex-grow: 1;
text-align: center;
vertical-align: center;
}
.nonClicked {
......
src/components/Choix_Mode_Variante.vue
View file @ 2d7c7320
......@@ -43,6 +43,7 @@ export default {
border: 1px solid black;
width: 250px;
display: flex;
margin-left: 864px;
}
#contenusPanier, #contenusBanque {
......
src/components/Consulter_Contenu.vue
View file @ 2d7c7320
<template>
<div>
<p>(Dans le futur, ces actions varieront en fonction du type de contenu cliqué dans la 'fenetre principale')</p>
<p>{{titreContenu}} </p>
<div id="actionsContenu" v-show="!isContenuRefuse">
<button v-show="contenuCliqueProvenance !== 'maj' && contenuCliqueProvenance !== 'banque'" v-on:click="actionContenu('modifier')">modifier le contenu</button>
<br v-show="contenuCliqueProvenance !== 'maj' && contenuCliqueProvenance !== 'banque'">
<button v-show="contenuCliqueProvenance !== 'maj' && contenuCliqueProvenance !== 'banque'" v-on:click="actionContenu('supprimer')">supprimer le contenu</button>
<br v-show="contenuCliqueProvenance !== 'maj' && contenuCliqueProvenance !== 'banque'">
<button v-show="contenuCliqueProvenance !== 'maj' && contenuCliqueProvenance === 'en-cours' && contenuClique.origine === 'tiers' && contenuClique.anonyme !== 'oui'" v-on:click="actionContenu('publier')">publier le contenu</button>
<br v-show="contenuCliqueProvenance !== 'maj' && contenuCliqueProvenance === 'en-cours' && contenuClique.origine === 'tiers' && contenuClique.anonyme !== 'oui'">
<button v-show="contenuCliqueProvenance !== 'maj' && contenuCliqueProvenance === 'en-cours' && (contenuClique.origine === 'perso' || contenuClique.anonyme === 'oui')" v-on:click="actionContenu('validerModification')">valider la modification</button>
<br v-show="contenuCliqueProvenance !== 'maj' && contenuCliqueProvenance === 'en-cours' && (contenuClique.origine === 'perso' || contenuClique.anonyme === 'oui')">
<button v-show="contenuCliqueProvenance !== 'maj' && contenuCliqueProvenance === 'banque'" v-on:click="actionContenu('mettreFavori')">mettre le contenu en tiers</button>
<br>
<p>{{contenuCliqueProvenance}}</p>
<p>{{versionMax}}</p>
<br v-show="contenuCliqueProvenance !== 'maj' && contenuCliqueProvenance === 'banque'">
<p v-show="(contenuCliqueProvenance === 'banque'
|| contenuCliqueProvenance === 'perso')
&& versionMax > 1">Choisir le numéro de version que vous souhaitez consulter : </p>
<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>
<br v-show="(contenuCliqueProvenance === 'banque'
|| contenuCliqueProvenance === 'perso')
&& versionMax > 1">
<p> Voici l'intérieur de votre contenu dans sa version {{versionChoisie}} : </p>
<span contenteditable="false" v-html="formatterMarkdown()">
</span>
<br>
......@@ -101,7 +109,8 @@ export default {
contenu: '',
versionMax: 1,
versionChoisie: 1,
isContenuRefuse :false
isContenuRefuse :false,
titreContenu: ''
}
},
watch: {
......@@ -112,6 +121,8 @@ export default {
contenuClique: function () {
let that = this
this.titreContenu = this.contenuClique.titre
this.isContenuRefuse = false
if (Object.prototype.hasOwnProperty.call(this.contenuClique, 'refuse')){
......
src/components/Detail_Contenu.vue
View file @ 2d7c7320
<template>
<div>
<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"/>
<Filtre_Date v-show="filtre_choisi === 'date' " @creer_filtre="creer_filtre"/>
<Filtre_Note_Popularite v-show="filtre_choisi === 'note / popularité' " @creer_filtre="creer_filtre"/>
<Filtre_Type_Source v-show="filtre_choisi === 'type / source'" @creer_filtre="creer_filtre"/>
<p v-show="filtre_choisi.length === 0">{{ texte }}</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"/>
<Filtre_Date v-show="filtre_choisi === 'date' " @creer_filtre="creer_filtre"/>
<Filtre_Note_Popularite v-show="filtre_choisi === 'note / popularité' " @creer_filtre="creer_filtre"/>
<Filtre_Type_Source v-show="filtre_choisi === 'type / source'" @creer_filtre="creer_filtre"/>
</div>
</div>
</template>
<script>
......@@ -30,7 +30,16 @@ export default {
Filtre_Note_Popularite,
Filtre_Type_Source
},
props: ['filtre_choisi', 'auteur', 'panierChoisi'],
props: {
// mode filtre enclenché ou non
modeFiltre: {},
// information concernant l'ajout d'un filtre
filtre_choisi: {},
// auteur
auteur: {},
// mode panier enclenché ou non
panierChoisi: {}
},
methods: {
/**
* @vuese
......@@ -42,6 +51,14 @@ export default {
this.$emit("creer_filtre", {filtre: event})
}
},
computed: {
texte: function () {
if (this.modeFiltre)
return "Ajoutez des filtres pour restreindre la recherche, ou effectuez une recherche libre (bouton en haut à droite)"
else
return "Entrez un terme a rechercher dans le texte ou à l'intérieur d'un contenu, ou effectuez une recherche via filtres (bouton en haut à droite) "
}
}
}
</script>
......
src/components/Modifier_Contenu.vue
View file @ 2d7c7320
<template>
<div >
<p id="modifTitre"> Modification du contenu </p>
<div id="titreContenu">
<label>Titre du contenu : </label><br>
<input type="text" placeholder="titre du contenu" v-model="titreContenu">
</div>
<br>
<div class="mavonEditor">
<mavon-editor :language="'fr'" style="min-height: 700px" v-model="contenu"/>
<mavon-editor :language="'fr'" style="min-height: 700px" v-model="texteDuContenu"/>
</div>
<div class="markdown">
<br>
......@@ -25,7 +30,9 @@ export default {
// l'auteur qui effectue la modification (l'auteur du contenu en cours)
auteur: {},
// la provenance (perso, tiers, en-cours)
contenuCliqueProvenance: {}
contenuCliqueProvenance: {},
// le titre du contenu cliqué
titreContenu: {}
},
data: function () {
return {
......@@ -43,7 +50,7 @@ export default {
// evenement de modification du texte d'un contenu
// @arg l'action choisie, ici 'valider'
// @arg le texte modifié
this.$emit("choixModif", {action: actionChoisie, nouveauTexte: this.contenu})
this.$emit("choixModif", {action: actionChoisie, nouveauTexte: this.texteDuContenu, titre: this.titreContenu})
} else {
// evenement de retour en arrière vers Consulter_COntenu
// @arg l'action choisie, ici 'arriere'
......@@ -51,16 +58,16 @@ export default {
}
}
},
}/*,
watch: {
/**
/!**
* @vuese
* Permet de changer le texte du contenu à chaque fois qu'un contenu est cliqué en 'mode modification'
*/
*!/
texteDuContenu: function () {
this.contenu = this.texteDuContenu
// this.titreContenu
}
},
}*/
}
</script>
......@@ -79,6 +86,12 @@ button {
margin-bottom: 5px;
}
#titreContenu {
text-align: center;
align-content: center;
margin: 0 auto 0;
}
#modifTitre{
margin-top: -35px;
}
......
src/components/Volet_Base.vue
View file @ 2d7c7320
......@@ -3,26 +3,27 @@
<div>
<button id="changerVariante" v-show="!modeConsultation && !modeModification" v-on:click="changerVariante">changer</button>
<div class="choixPanier" v-show="panierChoisi && !modeConsultation && !modeModification">
<label>Perso</label>
<label id="labelPerso">Perso </label>
<input type="checkbox" class="filtreTableau" id="filtrePerso" v-model="persoChecked" v-on:click="persoChecked = !persoChecked" name="perso" value="tiers"/>
<label>Tiers</label>
<label> Tiers </label>
<input type="checkbox" class="filtreTableau" id="filtreTiers" v-model="tiersChecked" v-on:click="tiersChecked = !tiersChecked" name="tiers" value="tiers"/>
<label>En Cours</label>
<label> En Cours</label>
<input type="checkbox" class="filtreTableau" id="filtreEnCours" v-model="enCoursChecked" v-on:click="enCoursChecked = !enCoursChecked" name="en-cours" value="en-cours"/>
</div>
<div id="principal" v-show="!modeConsultation && !modeModification">
<div id="ensemble">
<button id="boutonVolet" v-on:click="desactiverVolet" v-bind:style="panierChoisi ? {'margin-top': '0%'} : {'margin-top': '20px'}"></button>
<button id="boutonVolet" v-on:click="desactiverVolet" v-bind:style="panierChoisi ? {'margin-top': '0%'} : {'margin-top': '24px'}"></button>
<div class="full" id="volet" v-show="isActif">
<Volet_Menu v-bind:panierChoisi = "panierChoisi" @filtre_choisi="passerFiltre"/>
<Volet_Contenu @mode_choisi="ajusterMode" v-bind:filtre_choisi="filtre_choisi" v-bind:variante="variante" v-bind:auteur="auteur" @filtresChoisis="filtresChoisis"/>
<Volet_Menu v-bind:panierChoisi = "panierChoisi" @filtre_choisi="passerFiltre" @basculeRechercheFiltre="basculeRechercheFiltre"/>
<Volet_Contenu @mode_choisi="ajusterMode" v-bind:filtre_choisi="filtre_choisi" v-bind:variante="variante" v-bind:auteur="auteur"
@filtresChoisis="filtresChoisis" v-bind:razModeVariante="razModeVariante" v-bind:modeFiltre="modeFiltre" />
</div>
</div>
<div id="tableau">
<table v-bind:style="panierChoisi ? {'margin-top': '0%'} : {'margin-top': '20px'}">
<table v-bind:style="panierChoisi ? {'margin-top': '0%'} : {'margin-top': '24px'}">
<thead>
<tr>
<th colspan="8 ">Contenus</th>
......@@ -53,34 +54,42 @@
<template #title>Popover Title</template>
<h1>I am</h1> popover <b>component</b> content!
</b-popover>-->
<td :id="JSON.stringify(item._id)" v-on:click="chargerContenu(item, item.provenance)">{{item._id}}</td>
<td :id="JSON.stringify(item._id)" v-on:click="chargerContenu(item, item.provenance)">{{item.titre}}</td>
<b-popover class="non" v-on:show="rechercherTexte(item._id, item.provenance)" :target="JSON.stringify(item._id)" triggers="hover" placement="bottom">
<p id="beautiful" v-html="texteDuContenu"></p>
</b-popover>
<!-- auteur -->
<td>{{item.auteur}}</td>
<!-- version -->
<td v-if="item.provenance === 'en-cours' || item.provenance === 'tiers' ">{{ item.version }}</td>
<td v-else>{{ item.versionEnCours.numero }}</td>
<td>The table body</td>
<td class="prout">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>
<!-- date -->
<td v-if="item.provenance === 'en-cours'">{{ item.date }}</td>
<td v-else>{{ item.versionEnCours.date }}</td>
<!-- popularité -->
<td v-if="item.provenance === 'en-cours'"> - </td>
<td v-else>{{ item.versionEnCours.popularite }}</td>
<!-- note -->
<td v-if="item.provenance === 'en-cours'"> - </td>
<td v-else>{{ item.note }}</td>
<td v-if="item.provenance !== 'en-cours'" v-b-popover.hover.bottom="item.tags_banque_libres.toString()">{{item.tags_banque_libres.toString()}}</td>
<td v-else v-b-popover.hover.bottom="'tags non disponibles'">tags non disponibles</td>
<td class="boutonSupprimer"> <input type="checkbox" v-on:change="ajouterCoche(item._id, item.provenance)" class="horns" name="horns"/></td>
</tr>
<tr v-show="!panierChoisi" v-for="item in contenusbanque" :key="item.titre">
<td :id="'a' + JSON.stringify(item._id)" v-on:click="chargerContenu(item, 'banque')">{{ item._id }}</td>
<td :id="'a' + JSON.stringify(item._id)" v-on:click="chargerContenu(item, 'banque')">{{ item.titre }}</td>
<b-popover :target="'a' + JSON.stringify(item._id)" 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.numero}}</td>
<td>{{item.versionEnCours}}</td>
<td>with two columns</td>
<td class="prout">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="prout">{{item.versionEnCours}}</td>
<td>{{item.note}}</td>
<td v-b-popover.hover.bottom="item.tags_banque_fixes.toString()">{{item.tags_banque_fixes.toString()}}</td>
<td class="boutonSupprimer"> <input type="checkbox" v-on:change="ajouterCoche(item._id, item.versionEnCours)" class="horns" name="horns"/></td>
</tr>
......@@ -95,7 +104,8 @@
</div>
</div>
<Consulter_Contenu v-bind:auteur="auteur" @actionContenu="actionContenu" @retour_arriere="retourArriere" v-bind:contenuClique = "contenuClique" v-bind:contenuCliqueProvenance = "contenuCliqueProvenance" v-show="modeConsultation && !modeModification"/>
<Modifier_Contenu v-bind:auteur="auteur" v-bind:texteDuContenu = "texteDuContenu" v-bind:contenuCliqueProvenance = "contenuCliqueProvenance" v-show="!modeConsultation && modeModification" @choixModif="choixModif"/>
<Modifier_Contenu v-bind:auteur="auteur" v-bind:texteDuContenu = "texteDuContenu" v-bind:contenuCliqueProvenance = "contenuCliqueProvenance"
v-show="!modeConsultation && modeModification" @choixModif="choixModif" v-bind:titreContenu="titreContenu"/>
<div v-show="panierChoisi && !modeConsultation" class="circle" v-on:click="ajouterContenu" v-bind:style="{'margin-left': '95%'}">
</div>
......@@ -151,7 +161,10 @@ export default {
checkes: [],
nouveauContenu: false,
texteDuContenu: '',
titreContenu: '',
token: '',
razModeVariante: false,
modeFiltre: false,
chocolat: '<h1 id="hellomarkdown">hello, markdown!</h1>',
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,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"
......@@ -173,11 +186,11 @@ export default {
* Dès que l'auteur est connu, on charge tous les contenus auxquels il pourrait s'intéresser
*/
auteur: function () {
this.razModeVariante = ! this.razModeVariante
this.contenusDuPanier()
this.contenusDeLaBanque()
this.token = localStorage.token
this.panierChoisi = true
},
/**
* @vuese
......@@ -385,6 +398,8 @@ export default {
case "modifier":
this.modeModification = true
this.texteDuContenu = event.texte
this.titreContenu = event.contenu.titre
break
case "supprimer":
this.panierChoisi = true
......@@ -508,85 +523,97 @@ export default {
choixModif: function (event) {
this.modeModification = false
this.panierChoisi = true
let data = {nouveau_texte: event.nouveauTexte}
if(event.action === "valider"){
if (this.contenuCliqueProvenance !== 'en-cours'){
let dataDeux = {auteur: this.auteur, id_contenu: JSON.stringify(this.contenuClique._id), version: this.contenuClique.versionEnCours["numero"], provenance: this.contenuCliqueProvenance}
if(event.action === "valider") {
let nouveau_titre = event.titre
let data = {nouveau_texte: event.nouveauTexte, nouveau_titre: nouveau_titre}
if (this.contenuCliqueProvenance !== 'en-cours') {
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) {
//console.log(reponse.data)
let contenuEC = reponse.data
contenuEC.provenance = "en-cours"
contenuEC.titre = event.titre
that.contenus.push(contenuEC)
Service.changerTexte(data, JSON.stringify(reponse.data._id))
})
}
else {
} else {
Service.changerTexte(data, JSON.stringify(this.contenuClique._id))
}
}
},
/**
* @vuese
* Application des filtres choisis au contenu affiché (mode Banque et Panier)
*/
filtresChoisis(event) {
let contenusFiltres = []
// on récupère les contenus à filtrer
if (this.panierChoisi){
contenusFiltres = this.contenusTotal
}
else {
contenusFiltres = this.contenusTotalBanque
for (let i = 0; i < this.contenus.length; i++) {
alert("prout " + i)
if (this.contenus[i]._id === this.contenuClique._id) {
this.contenus[i].titre = event.titre
}
}
}
}
// on les filtre
},
/**
* @vuese
* Application des filtres choisis au contenu affiché (mode Banque et Panier)
*/
filtresChoisis(event) {
let contenusFiltres = []
// on récupère les contenus à filtrer
if (this.panierChoisi){
contenusFiltres = this.contenusTotal
}
else {
contenusFiltres = this.contenusTotalBanque
}
// on les filtre
if (event.filtres.filter(contenu => contenu.type === 'auteur').length > 0){
// auteur
let filtre_auteur = (event.filtres.filter(contenu => contenu.type === 'auteur').map(contenu => contenu.filtre))
contenusFiltres = contenusFiltres.filter(contenu => filtre_auteur.includes(contenu.auteur))
}
// date
if (event.filtres.filter(contenu => contenu.type === 'auteur').length > 0){
// auteur
let filtre_auteur = (event.filtres.filter(contenu => contenu.type === 'auteur').map(contenu => contenu.filtre))
contenusFiltres = contenusFiltres.filter(contenu => filtre_auteur.includes(contenu.auteur))
}
// date
if (event.filtres.filter(contenu => contenu.type === 'tags libres').length > 0) {
// tags libres
let filtre_tags_libres = (event.filtres.filter(contenu => contenu.type === 'tags libres').map(contenu => contenu.filtre))
if (event.filtres.filter(contenu => contenu.type === 'tags libres').length > 0) {
// tags libres
let filtre_tags_libres = (event.filtres.filter(contenu => contenu.type === 'tags libres').map(contenu => contenu.filtre))
for (let i = 0; i < filtre_tags_libres.length; i++) {
contenusFiltres = contenusFiltres.filter(contenu => contenu.tags_banque_libres.includes(filtre_tags_libres[i]))
}
}
if (event.filtres.filter(contenu => contenu.type === 'tags officiels').length > 0) {
// tags officiels
let filtre_tags_fixes = (event.filtres.filter(contenu => contenu.type === 'tags officiels').map(contenu => contenu.filtre))
for (let i = 0; i < filtre_tags_fixes.length; i++) {
contenusFiltres = contenusFiltres.filter(contenu => contenu.tags_banque_fixes.includes(filtre_tags_fixes[i]))
}
}
if (event.filtres.filter(contenu => contenu.type === 'type').length > 0) {
// type
let filtre_type = (event.filtres.filter(contenu => contenu.type === 'type').map(contenu => contenu.filtre))
contenusFiltres = contenusFiltres.filter(contenu => filtre_type.includes(contenu.type))
for (let i = 0; i < filtre_tags_libres.length; i++) {
contenusFiltres = contenusFiltres.filter(contenu => contenu.tags_banque_libres.includes(filtre_tags_libres[i]))
}
if (event.filtres.filter(contenu => contenu.type === 'source').length > 0) {
// source
let filtre_source = (event.filtres.filter(contenu => contenu.type === 'source').map(contenu => contenu.filtre))
contenusFiltres = contenusFiltres.filter(contenu => filtre_source.includes(contenu.source))
// manque note, popularite
}
// et on les réinjecte dans la "source"
if (this.panierChoisi){
this.contenus = contenusFiltres
}
else {
this.contenusbanque = contenusFiltres
}
if (event.filtres.filter(contenu => contenu.type === 'tags officiels').length > 0) {
// tags officiels
let filtre_tags_fixes = (event.filtres.filter(contenu => contenu.type === 'tags officiels').map(contenu => contenu.filtre))
for (let i = 0; i < filtre_tags_fixes.length; i++) {
contenusFiltres = contenusFiltres.filter(contenu => contenu.tags_banque_fixes.includes(filtre_tags_fixes[i]))
}
}
if (event.filtres.filter(contenu => contenu.type === 'type').length > 0) {
// type
let filtre_type = (event.filtres.filter(contenu => contenu.type === 'type').map(contenu => contenu.filtre))
contenusFiltres = contenusFiltres.filter(contenu => filtre_type.includes(contenu.type))
}
if (event.filtres.filter(contenu => contenu.type === 'source').length > 0) {
// source
let filtre_source = (event.filtres.filter(contenu => contenu.type === 'source').map(contenu => contenu.filtre))
contenusFiltres = contenusFiltres.filter(contenu => filtre_source.includes(contenu.source))
// manque note, popularite
}
// et on les réinjecte dans la "source"
if (this.panierChoisi){
this.contenus = contenusFiltres
}
else {
this.contenusbanque = contenusFiltres
}
},
basculeRechercheFiltre: function (event) {
this.modeFiltre = event.choix
}
}
}
</script>
......@@ -638,6 +665,10 @@ tfoot {
#changerVariante {
width: auto;
text-align: center;
line-height: 1em;
margin-left: 10px;
}
.circle {
......@@ -653,15 +684,33 @@ tfoot {
background-size: cover;
}
/*[data-popover]{*/
/* display: inline-block;*/
/*}*/
.filtreTableau{
margin: 0 5px 0 5px;
}
#labelPerso {
margin-left: -5px ;
}
.supprimerContenu {
th{
text-align: center;
}
th image
{
background-color: yellow;
}
.supprimerContenus{
width: 27px;
}
.supprimerContenus > img {
height: 20px;
width: 20px;
background: url(../assets/img/balai.png);
padding-bottom: 4px;
padding-top: -3px;
}
.ajouterTiers {
......
src/components/Volet_Contenu.vue
View file @ 2d7c7320
......@@ -5,9 +5,10 @@
<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:modeFiltre="modeFiltre" 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" />
<Choix_Mode v-show="!variante" @mode_choisi="ajusterMode" v-bind:razModeVariante="razModeVariante" />
</div>
</template>
......@@ -29,7 +30,11 @@ export default {
// Variable de stocka de l'affichage ou non de la variante du menu Banque / Panier
variante: {},
// Stockage de l'auteur connecté
auteur:{}
auteur:{},
// Signal pour remise à zéro de l'affichage du menu Panier / banque
razModeVariante: {},
// mode filtre enclenché ou non
modeFiltre: {}
},
methods: {
......
src/components/Volet_Menu.vue
View file @ 2d7c7320
......@@ -34,6 +34,7 @@ export default {
*/
changerModeMenu: function (){
this.modeFiltre = !this.modeFiltre
this.$emit("basculeRechercheFiltre", {choix: this.modeFiltre})
},
/**
* @vuese
......
src/main.js
View file @ 2d7c7320
......@@ -8,6 +8,7 @@ import BootstrapVue from "bootstrap-vue"
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
//import Index from '@/Index'
Vue.config.productionTip = false
Vue.use(VPopover, { tooltip: true })
......
src/service/Service.js
View file @ 2d7c7320
......@@ -8,14 +8,19 @@ const en_cours = "en_cours/"
const demande_pub = "demande_pub/"
//const evaluation = "evaluation/
const header = {headers:
{
Authorization: "Bearer " + localStorage.token,
}
}
export default {
getHeader(token){
return {headers:
{
Authorization: "Bearer " + token,
}
}
},
// gestion des utilisateurs
login(data) {
let login = data[0]
......@@ -24,98 +29,102 @@ export default {
axios.get(urlBase + "checkUser?login=" + login + "&password=" + motDePasse).then(function (response) {
reponse = response.data
})*/
return axios.get(urlBase + users + "checkUser?login=" + login + "&password=" + motDePasse, header)
return axios.get(urlBase + users + "checkUser?login=" + login + "&password=" + motDePasse, this.getHeader(localStorage.token))
},
// gestion des utilisateurs
/* logout() {
return axios.get(urlBase + users + "logout", this.getHeader(localStorage.token))
},*/
recupererAuteursExistants(){
return axios.get(urlBase + users + "auteursExistants", header)
return axios.get(urlBase + users + "auteursExistants", this.getHeader(localStorage.token))
},
// gestion des contenus
creerContenuPerso(data) {
return axios.post(urlBase + contenus + "addContenu", data, header)
return axios.post(urlBase + contenus + "addContenu", data, this.getHeader(localStorage.token))
},
creerContenuTiers(data) {
return axios.patch(urlBase + contenus + "ajouterTiers", data, header)
return axios.patch(urlBase + contenus + "ajouterTiers", data, this.getHeader(localStorage.token))
},
/* getContenuById(idContenu) {
return axios.get(urlBase + contenus + "getContenu/" + idContenu)
},*/
getPanierAuteur(auteur) {
return axios.get(urlBase + contenus + "getContenuPanier/" + auteur + "?perso=True&tiers=True&enCours=true", header)
return axios.get(urlBase + contenus + "getContenuPanier/" + auteur + "?perso=True&tiers=True&enCours=true", this.getHeader(localStorage.token))
},
getBanqueAuteur(auteur) {
return axios.get(urlBase + contenus + "getContenuBanque/" + auteur, header)
return axios.get(urlBase + contenus + "getContenuBanque/" + auteur, this.getHeader(localStorage.token))
},
supprimerContenu(idContenu) {
return axios.delete(urlBase + contenus + "deletePerso/" + idContenu, header)
return axios.delete(urlBase + contenus + "deletePerso/" + idContenu, this.getHeader(localStorage.token))
},
supprimerTiers(auteur, id_tiers) {
return axios.delete(urlBase + contenus + "deleteTiers?auteur=" + auteur + "&id_tiers=" + id_tiers, header)
return axios.delete(urlBase + contenus + "deleteTiers?auteur=" + auteur + "&id_tiers=" + id_tiers, this.getHeader(localStorage.token))
},
creerNouveauContenu(data) {
return axios.post(urlBase + contenus + "newContenu", data, header)
return axios.post(urlBase + contenus + "newContenu", data, this.getHeader(localStorage.token))
},
majContenu(data) {
return axios.patch(urlBase + contenus + "majContenu", data, header)
return axios.patch(urlBase + contenus + "majContenu", data, this.getHeader(localStorage.token))
}, gererDemandePublication(data) {
return axios.patch(urlBase + contenus + "gererDemandePub", data, header)
return axios.patch(urlBase + contenus + "gererDemandePub", data, this.getHeader(localStorage.token))
},
isMajTiersDisponible(auteur) {
return axios.get(urlBase + contenus + "isMajTiersDisponible/" + auteur, header)
return axios.get(urlBase + contenus + "isMajTiersDisponible/" + auteur, this.getHeader(localStorage.token))
},
listeMajTiers(auteur) {
return axios.get(urlBase + contenus + "listeMajTiers/" + auteur, header)
return axios.get(urlBase + contenus + "listeMajTiers/" + auteur, this.getHeader(localStorage.token))
},
gererMajTiers(data) {
return axios.patch(urlBase + contenus + "gererMajTiers", data, header)
return axios.patch(urlBase + contenus + "gererMajTiers", data, this.getHeader(localStorage.token))
},
changerTexte(data, id) {
return axios.patch(urlBase + contenus + "changerTexte/" + id, data, header)
return axios.patch(urlBase + contenus + "changerTexte/" + id, data, this.getHeader(localStorage.token))
},
recupererTexteContenu(idContenu){
return axios.get(urlBase + contenus + "getTexteContenu/" + idContenu, header)
return axios.get(urlBase + contenus + "getTexteContenu/" + idContenu, this.getHeader(localStorage.token))
},
recupererTexteVersionContenu(idContenu, version){
return axios.get(urlBase + contenus + "getTexteVersionContenu/" + idContenu + "/" + version, header)
return axios.get(urlBase + contenus + "getTexteVersionContenu/" + idContenu + "/" + version, this.getHeader(localStorage.token))
},
// gestion des en-cours
creerEnCours(data) {
return axios.post(urlBase + en_cours + "newEnCours", data, header)
return axios.post(urlBase + en_cours + "newEnCours", data, this.getHeader(localStorage.token))
},
creerEnCoursRefuse(data) {
return axios.patch(urlBase + en_cours + "newEnCoursRefuse", data, header)
return axios.patch(urlBase + en_cours + "newEnCoursRefuse", data, this.getHeader(localStorage.token))
},
supprimerEnCoursParLid(idEnCours) {
return axios.delete(urlBase + en_cours + "supprimerEnCoursParId/" + idEnCours, header)
return axios.delete(urlBase + en_cours + "supprimerEnCoursParId/" + idEnCours, this.getHeader(localStorage.token))
},
recupererTexteContenuEnCours(idContenu){
return axios.get(urlBase + en_cours + "getTexteContenuEnCours/" + idContenu, header)
return axios.get(urlBase + en_cours + "getTexteContenuEnCours/" + idContenu, this.getHeader(localStorage.token))
},
// gestion des demandes de publication
getPublicationsRecues(auteur) {
return axios.get(urlBase + demande_pub + "demandePublication/" + auteur + "/False", header)
return axios.get(urlBase + demande_pub + "demandePublication/" + auteur + "/False", this.getHeader(localStorage.token))
},
getPublicationsProposees(auteur) {
return axios.get(urlBase + demande_pub + "demandePublication/" + auteur + "/True", header)
return axios.get(urlBase + demande_pub + "demandePublication/" + auteur + "/True", this.getHeader(localStorage.token))
},
creerDemandePublication(data) {
return axios.post(urlBase + demande_pub + "demandePublication", data, header)
return axios.post(urlBase + demande_pub + "demandePublication", data, this.getHeader(localStorage.token))
},
supprimerDemandePublication(idDemandePublication) {
return axios.delete(urlBase + demande_pub + "demandePublication/" + idDemandePublication, header)
return axios.delete(urlBase + demande_pub + "demandePublication/" + idDemandePublication, this.getHeader(localStorage.token))
},
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment