mirror of
https://github.com/ArenMg/aren.git
synced 2024-12-22 23:13:29 +00:00
debates with map fron
This commit is contained in:
Henintsoa
parent
b5e9fe7770
commit
39b9a12100
17 changed files with 1208 additions and 1 deletions
49
.classpath
Normal file
49
.classpath
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<classpath>
|
||||||
|
<classpathentry kind="src" output="target/classes" path="src/main/java">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="optional" value="true"/>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry excluding="**" kind="src" output="target/classes" path="src/main/resources">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry kind="src" output="target/test-classes" path="src/test/java">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="optional" value="true"/>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
<attribute name="test" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry kind="con" path="org.eclipse.m2e.MAVEN2_CLASSPATH_CONTAINER">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry kind="src" path="target/generated-sources/annotations">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="optional" value="true"/>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
<attribute name="ignore_optional_problems" value="true"/>
|
||||||
|
<attribute name="m2e-apt" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry kind="src" output="target/test-classes" path="target/generated-sources/test-annotations">
|
||||||
|
<attributes>
|
||||||
|
<attribute name="optional" value="true"/>
|
||||||
|
<attribute name="maven.pomderived" value="true"/>
|
||||||
|
<attribute name="ignore_optional_problems" value="true"/>
|
||||||
|
<attribute name="m2e-apt" value="true"/>
|
||||||
|
<attribute name="test" value="true"/>
|
||||||
|
</attributes>
|
||||||
|
</classpathentry>
|
||||||
|
<classpathentry kind="output" path="target/classes"/>
|
||||||
|
</classpath>
|
||||||
34
.project
Normal file
34
.project
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<projectDescription>
|
||||||
|
<name>aren</name>
|
||||||
|
<comment></comment>
|
||||||
|
<projects>
|
||||||
|
</projects>
|
||||||
|
<buildSpec>
|
||||||
|
<buildCommand>
|
||||||
|
<name>org.eclipse.jdt.core.javabuilder</name>
|
||||||
|
<arguments>
|
||||||
|
</arguments>
|
||||||
|
</buildCommand>
|
||||||
|
<buildCommand>
|
||||||
|
<name>org.eclipse.m2e.core.maven2Builder</name>
|
||||||
|
<arguments>
|
||||||
|
</arguments>
|
||||||
|
</buildCommand>
|
||||||
|
</buildSpec>
|
||||||
|
<natures>
|
||||||
|
<nature>org.eclipse.jdt.core.javanature</nature>
|
||||||
|
<nature>org.eclipse.m2e.core.maven2Nature</nature>
|
||||||
|
</natures>
|
||||||
|
<filteredResources>
|
||||||
|
<filter>
|
||||||
|
<id>1631056289277</id>
|
||||||
|
<name></name>
|
||||||
|
<type>30</type>
|
||||||
|
<matcher>
|
||||||
|
<id>org.eclipse.core.resources.regexFilterMatcher</id>
|
||||||
|
<arguments>node_modules|.git|__CREATED_BY_JAVA_LANGUAGE_SERVER__</arguments>
|
||||||
|
</matcher>
|
||||||
|
</filter>
|
||||||
|
</filteredResources>
|
||||||
|
</projectDescription>
|
||||||
4
.settings/org.eclipse.core.resources.prefs
Normal file
4
.settings/org.eclipse.core.resources.prefs
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
eclipse.preferences.version=1
|
||||||
|
encoding//src/main/java=UTF-8
|
||||||
|
encoding//src/main/resources=UTF-8
|
||||||
|
encoding/<project>=UTF-8
|
||||||
2
.settings/org.eclipse.jdt.apt.core.prefs
Normal file
2
.settings/org.eclipse.jdt.apt.core.prefs
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
eclipse.preferences.version=1
|
||||||
|
org.eclipse.jdt.apt.aptEnabled=false
|
||||||
9
.settings/org.eclipse.jdt.core.prefs
Normal file
9
.settings/org.eclipse.jdt.core.prefs
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
eclipse.preferences.version=1
|
||||||
|
org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.8
|
||||||
|
org.eclipse.jdt.core.compiler.compliance=1.8
|
||||||
|
org.eclipse.jdt.core.compiler.problem.enablePreviewFeatures=disabled
|
||||||
|
org.eclipse.jdt.core.compiler.problem.forbiddenReference=warning
|
||||||
|
org.eclipse.jdt.core.compiler.problem.reportPreviewFeatures=ignore
|
||||||
|
org.eclipse.jdt.core.compiler.processAnnotations=disabled
|
||||||
|
org.eclipse.jdt.core.compiler.release=disabled
|
||||||
|
org.eclipse.jdt.core.compiler.source=1.8
|
||||||
4
.settings/org.eclipse.m2e.core.prefs
Normal file
4
.settings/org.eclipse.m2e.core.prefs
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
activeProfiles=
|
||||||
|
eclipse.preferences.version=1
|
||||||
|
resolveWorkspaceProjects=true
|
||||||
|
version=1
|
||||||
BIN
src/main/webapp/assets/img/mapimg.png
Normal file
BIN
src/main/webapp/assets/img/mapimg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 170 KiB |
|
|
@ -0,0 +1,74 @@
|
||||||
|
<template>
|
||||||
|
<grid-layout
|
||||||
|
v-bind:extendable="extendable"
|
||||||
|
v-bind:columns="[ 'min-content', '2fr', '1fr', '2fr', '3fr', '2fr', '2fr' ]"
|
||||||
|
v-bind:headers="[ $t('category'), $t('restitution'), $t('posts'), $t('last_post'), $t('document'), $t('teams'), $t('moderators') ]"
|
||||||
|
v-bind:actions="[ 2, 2, 2 ]"
|
||||||
|
v-bind:items="categories"
|
||||||
|
v-bind:grouped-items="( group ) => group.debates()"
|
||||||
|
v-bind:sort="( a, b ) => a.created - b.created"
|
||||||
|
@selection-change="$emit('selection-change', $event)">
|
||||||
|
|
||||||
|
<template v-slot:row.group="{ value: category }">
|
||||||
|
<div class="card center-align">
|
||||||
|
<div class="card-image light-color valign-wrapper">
|
||||||
|
<img v-bind:src="category.picture">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 v-bind:title="category.name">{{ category.name }}</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-if="$scopedSlots['side.actions']" v-slot:side.actions="{ value: debate }">
|
||||||
|
<slot name="side.actions" v-bind:debate="debate"></slot>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:column.1="{ value: debate }">
|
||||||
|
<div v-if="debate.commentsCount > 0" class="opinion">
|
||||||
|
<div class="for" v-bind:style="'width: '+ (debate.commentsCountFor / debate.commentsCount * 100) + '%;'"></div>
|
||||||
|
<div class="against" v-bind:style="'width: ' + (debate.commentsCountAgainst / debate.commentsCount * 100) + '%;'"></div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:column.2="{ value: debate }">
|
||||||
|
{{ debate.commentsCount }}
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:column.3="{ value: debate }">
|
||||||
|
{{ debate.lastCommentDate !== 0 ? $d(debate.lastCommentDate, 'short') : $t('no_post') }}
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:column.4="{ value: debate }">
|
||||||
|
{{ debate.document.name }}
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:column.5="{ value: debate }">
|
||||||
|
<div v-for="team in debate.teams" v-bind:key="team.id">
|
||||||
|
{{ team.name }}<br>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:column.6="{ value: debate }">
|
||||||
|
<div v-for="guest in debate.guests" v-bind:key="guest.id">
|
||||||
|
{{ guest.fullName() }}<br>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:action.2="{ value: debate }">
|
||||||
|
<router-link v-bind:to="''+debate.id" append class="waves-effect waves-light btn">Aller au débat</router-link>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:action.3="{ value: debate }">
|
||||||
|
<slot name="add.contributor" v-bind:debate="debate"></slot>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</grid-layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
module.exports = {
|
||||||
|
mixins: [VueGrid],
|
||||||
|
props: ['categories', 'extendable']
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,51 @@
|
||||||
|
<template>
|
||||||
|
<grid-layout
|
||||||
|
v-bind:extendable="extendable"
|
||||||
|
v-bind:columns="[ 'min-content', '4fr', '1fr' ]"
|
||||||
|
v-bind:headers="[ $t('category'), $t('title'), $t('author') ]"
|
||||||
|
v-bind:actions="[ 2 ]"
|
||||||
|
v-bind:items="categories"
|
||||||
|
v-bind:grouped-items="( group ) => group.documents"
|
||||||
|
v-bind:sort="( a, b ) => (a.name > b.name) ? 1 : -1"
|
||||||
|
@selection-change="$emit('selection-change', $event)">
|
||||||
|
|
||||||
|
<template v-slot:row.group="{ value: category }">
|
||||||
|
<div tabindex="0"
|
||||||
|
class="card center-align">
|
||||||
|
<div class="card-image light-color valign-wrapper">
|
||||||
|
<img v-bind:src="category.picture">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 v-bind:title="category.name">{{ category.name }}</h2>
|
||||||
|
</div>
|
||||||
|
<div v-if="$scopedSlots['card.actions']" class="card-action">
|
||||||
|
<slot name="card.actions" v-bind:category="category"></slot>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-if="$scopedSlots['side.actions']" v-slot:side.actions="{ value: document }">
|
||||||
|
<slot name="side.actions" v-bind:document="document"></slot>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:column.1="{ value: document }">
|
||||||
|
{{ document.name }}
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:column.2="{ value: document }">
|
||||||
|
{{ document.author }}
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:action.1="{ value: document }">
|
||||||
|
<router-link v-bind:to="'/documents-debats-sur-cartes/' + document.id" class="waves-effect waves-light btn">Aller au document</router-link>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</grid-layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
module.exports = {
|
||||||
|
mixins: [VueGrid],
|
||||||
|
props: ['categories', 'extendable']
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
@ -21,6 +21,11 @@ const router = new VueRouter({
|
||||||
{path: '/votemajoritaire', component: vueLoader('views/votemajoritaire')},
|
{path: '/votemajoritaire', component: vueLoader('views/votemajoritaire')},
|
||||||
{path: '/createVoteMajoritaire', component: vueLoader('views/createVoteMajoritaire')},
|
{path: '/createVoteMajoritaire', component: vueLoader('views/createVoteMajoritaire')},
|
||||||
{path: '/votemajoritairedetails', component: vueLoader('views/votemajoritairedetails')},
|
{path: '/votemajoritairedetails', component: vueLoader('views/votemajoritairedetails')},
|
||||||
|
{path: '/carto', component: vueLoader('views/cartoTest')},
|
||||||
|
{path: '/creation-debats-sur-cartes', component: vueLoader('views/createDebateSurCarte')},
|
||||||
|
{path: '/documents-debats-sur-cartes', component: vueLoader('views/documentsDebatesSurCarte')},
|
||||||
|
{path: '/documents-debats-sur-cartes/:id', component: vueLoader('views/documentDebatesSurCarte')},
|
||||||
|
{path: '/debats-sur-cartes', component: vueLoader('views/debatesSurCarte')},
|
||||||
{path: '*', component: vueLoader('views/404')},
|
{path: '*', component: vueLoader('views/404')},
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|
@ -102,6 +102,7 @@ const messages = {
|
||||||
guests: "Invité⋅e⋅s",
|
guests: "Invité⋅e⋅s",
|
||||||
debates: "Débats",
|
debates: "Débats",
|
||||||
new_debate: "Nouveau débat",
|
new_debate: "Nouveau débat",
|
||||||
|
new_map_debate: "Nouveau débat sur caarte",
|
||||||
invite_in_debate: "Inviter au débat",
|
invite_in_debate: "Inviter au débat",
|
||||||
SUPERADMIN: "Super administrateur⋅rice",
|
SUPERADMIN: "Super administrateur⋅rice",
|
||||||
SUPERADMIN: "Root",
|
SUPERADMIN: "Root",
|
||||||
|
|
@ -232,6 +233,8 @@ const messages = {
|
||||||
teams: "Groupes",
|
teams: "Groupes",
|
||||||
documents: "Documents",
|
documents: "Documents",
|
||||||
my_debates: "Mes débats",
|
my_debates: "Mes débats",
|
||||||
|
my_map_debates: "Mes débats sur cartes",
|
||||||
|
public_map_debates: "Débats publics sur cartes",
|
||||||
public_debates: "Débats publics",
|
public_debates: "Débats publics",
|
||||||
logout: "Déconnection",
|
logout: "Déconnection",
|
||||||
login: "Se connecter",
|
login: "Se connecter",
|
||||||
|
|
|
||||||
242
src/main/webapp/assets/js/views/cartoTest.vue
Normal file
242
src/main/webapp/assets/js/views/cartoTest.vue
Normal file
|
|
@ -0,0 +1,242 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<base-layout id="cartodebates">
|
||||||
|
<template v-slot:title>
|
||||||
|
<h1>Debat sur carte</h1>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- ************************************************* -->
|
||||||
|
|
||||||
|
<div id="mainContainer">
|
||||||
|
<div id="documentContainer">
|
||||||
|
<div
|
||||||
|
class="scroll-area"
|
||||||
|
@scroll="
|
||||||
|
hidePopup();
|
||||||
|
updateSpaghettis();
|
||||||
|
"
|
||||||
|
ref="documentContainer"
|
||||||
|
>
|
||||||
|
<div v-if="leftDisplay === 'document'" class="wrap">
|
||||||
|
<documented v-bind:value="$t('documentation.debate_document')">
|
||||||
|
<div id="mapContainer">
|
||||||
|
<img
|
||||||
|
id="mapImg"
|
||||||
|
src="assets/img/mapimg.png"
|
||||||
|
alt="map image"
|
||||||
|
/>
|
||||||
|
<table id="myTable">
|
||||||
|
<tr
|
||||||
|
v-for="(_, indexOfLine) in nbOfLines"
|
||||||
|
:key="indexOfLine"
|
||||||
|
>
|
||||||
|
<td
|
||||||
|
v-for="(_, indexOfColumn) in nbOfColumns"
|
||||||
|
:key="indexOfColumn"
|
||||||
|
@click="select(indexOfLine, indexOfColumn)"
|
||||||
|
:class="{
|
||||||
|
selected: arrayData[indexOfLine][indexOfColumn],
|
||||||
|
}"
|
||||||
|
></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</documented>
|
||||||
|
|
||||||
|
<!-- <documented v-bind:value="$t('documentation.debate_bulets')">
|
||||||
|
<bullets-container
|
||||||
|
@over-bullet="selectComment($event)"
|
||||||
|
@click-bullet="
|
||||||
|
selectComment($event);
|
||||||
|
scrollToComment($event);
|
||||||
|
"
|
||||||
|
v-bind:displayable-comments="displayableComments"
|
||||||
|
v-bind:comments="filteredComments"
|
||||||
|
>
|
||||||
|
</bullets-container>
|
||||||
|
</documented> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
id="commentsContainer"
|
||||||
|
v-bind:class="{ loading: mountedChildren < debate.commentsCount }"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="scroll-area"
|
||||||
|
@scroll="
|
||||||
|
hidePopup();
|
||||||
|
updateSpaghettis();
|
||||||
|
"
|
||||||
|
ref="commentsContainer"
|
||||||
|
>
|
||||||
|
<comment-widget v-for="comment in filteredComments" v-bind:key="comment.id" v-bind:comment="comment"> </comment-widget>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
v-show="selectedRange"
|
||||||
|
class="selection_popup z-depth-2"
|
||||||
|
ref="arguePopup"
|
||||||
|
v-bind:style="'top: ' + popup.y + 'px; left: ' + popup.x + 'px;'"
|
||||||
|
@click="createComment()"
|
||||||
|
@mousedown.stop=""
|
||||||
|
@mouseup.stop=""
|
||||||
|
>
|
||||||
|
{{ $t("argue").toLowerCase() }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ************************************************** -->
|
||||||
|
|
||||||
|
<template v-slot:addons>
|
||||||
|
<comment-modal
|
||||||
|
id="commentModalMap"
|
||||||
|
ref="commentModal"
|
||||||
|
v-bind:comment="newComment"
|
||||||
|
>
|
||||||
|
</comment-modal>
|
||||||
|
|
||||||
|
<tags-modal ref="tagModal"> </tags-modal>
|
||||||
|
</template>
|
||||||
|
</base-layout>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style scoped>
|
||||||
|
table,
|
||||||
|
td,
|
||||||
|
th {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
#mapContainer {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#mapImg {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.selected {
|
||||||
|
background-color: rgb(0 0 0 / 26%);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
module.exports = {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
nbOfLines: 5,
|
||||||
|
nbOfColumns: 9,
|
||||||
|
arrayData: false,
|
||||||
|
// ********************************
|
||||||
|
|
||||||
|
debate: false,
|
||||||
|
newComment: false,
|
||||||
|
sortByPosition: false,
|
||||||
|
popup: { x: -9999, y: -9999 },
|
||||||
|
displayableComments: {},
|
||||||
|
selectedRange: false,
|
||||||
|
search: "",
|
||||||
|
mountedChildren: 0,
|
||||||
|
leftDisplay: "document",
|
||||||
|
scrapsMagicNumber: 2,
|
||||||
|
spaghettiOver: "",
|
||||||
|
spaghettiCountDown: 0,
|
||||||
|
scraps: [],
|
||||||
|
themes: [],
|
||||||
|
themeInput: "",
|
||||||
|
themeHelper: false,
|
||||||
|
|
||||||
|
// ****************************************
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
created() {
|
||||||
|
this.initDataArray();
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
filteredComments() {
|
||||||
|
return this.debate.comments ? this.debate.comments.filter((comment) => !comment.parent) : []
|
||||||
|
},
|
||||||
|
documentAsDom() {
|
||||||
|
let div = document.createElement("div");
|
||||||
|
div.innerHTML = this.debate.document.content;
|
||||||
|
return div;
|
||||||
|
},
|
||||||
|
spaghettiData() {
|
||||||
|
if (this.leftDisplay === "theme") {
|
||||||
|
return this.themes;
|
||||||
|
} else {
|
||||||
|
return this.scraps;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
initDataArray() {
|
||||||
|
let arr = [];
|
||||||
|
let col = Array(this.nbOfColumns).fill(false);
|
||||||
|
for (let i = 0; i < this.nbOfLines; i++) {
|
||||||
|
arr.push(col);
|
||||||
|
}
|
||||||
|
this.arrayData = arr;
|
||||||
|
},
|
||||||
|
select(l, c) {
|
||||||
|
let row = this.arrayData[l].slice();
|
||||||
|
row[c] = true;
|
||||||
|
this.arrayData.splice(l, 1, row);
|
||||||
|
this.createComment();
|
||||||
|
},
|
||||||
|
createComment() {
|
||||||
|
if (!this.$root.user.is("USER")) {
|
||||||
|
this.$confirm({
|
||||||
|
title: this.$t("not_connected"),
|
||||||
|
message: this.$t("helper.not_connected"),
|
||||||
|
isInfo: true,
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.$refs.commentModal.open((returnValue) => {
|
||||||
|
if (returnValue) {
|
||||||
|
// ArenService.Debates.addComment({
|
||||||
|
// id: this.newComment.debate.id,
|
||||||
|
// data: this.newComment,
|
||||||
|
// loading: false,
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// this.hidePopup();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
updateSpaghettis() {
|
||||||
|
if (this.leftDisplay !== "document") {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.spaghettiData.forEach((s, scrapIndex) => {
|
||||||
|
s.spaghettis = s.comments.map((c, comIndex) =>
|
||||||
|
this.spaghetti(s, scrapIndex, c, comIndex)
|
||||||
|
);
|
||||||
|
s.color = d3.interpolateRainbow(
|
||||||
|
scrapIndex / this.spaghettiData.length
|
||||||
|
);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
hidePopup() {
|
||||||
|
this.selectedRange = false;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
components: {
|
||||||
|
"tags-modal": vueLoader("components/modals/tagsModal"),
|
||||||
|
"comment-modal": vueLoader("components/modals/commentModal"),
|
||||||
|
|
||||||
|
"comment-widget": vueLoader("components/widgets/comment"),
|
||||||
|
"bullets-container": vueLoader("components/widgets/bulletsContainer"),
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
283
src/main/webapp/assets/js/views/createDebateSurCarte.vue
Normal file
283
src/main/webapp/assets/js/views/createDebateSurCarte.vue
Normal file
|
|
@ -0,0 +1,283 @@
|
||||||
|
<template>
|
||||||
|
<base-layout id="createDebate">
|
||||||
|
<template v-slot:title>
|
||||||
|
<h1>Ouvrir un débat</h1>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:right>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<tabs-layout
|
||||||
|
class="steps"
|
||||||
|
ref="mainTabs"
|
||||||
|
v-bind:tabs="[
|
||||||
|
{label:$t('with_dots')},
|
||||||
|
{label:$t('on_the_doc')},
|
||||||
|
{label:$t('recapitulative'), disabled: !debate.document}
|
||||||
|
]"
|
||||||
|
@change-tab="scrollTop()">
|
||||||
|
|
||||||
|
<template v-slot:tab.1.header>
|
||||||
|
<documented v-bind:value="$t('documentation.create_debate_with')">
|
||||||
|
<img v-if="debate.teams.length === 0" src="assets/img/Aren-icones-dispo-01.svg"/>
|
||||||
|
<img v-else src="assets/img/Aren-icones-clic-01.svg"/>
|
||||||
|
</documented>
|
||||||
|
<br/>
|
||||||
|
<label class="center">{{ $t('with_dots') }}</label>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:tab.2.header>
|
||||||
|
<documented v-bind:value="$t('documentation.create_debate_document')">
|
||||||
|
<img v-if="!debate.document" src="assets/img/Aren-icones-dispo-02.svg"/>
|
||||||
|
<img v-else src="assets/img/Aren-icones-clic-02.svg"/>
|
||||||
|
</documented>
|
||||||
|
<br/>
|
||||||
|
<label class="center">{{ $t('on_the_doc') }}</label>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:tab.3.header>
|
||||||
|
<documented v-bind:value="$t('documentation.create_debate_recap')">
|
||||||
|
<img src="assets/img/Aren-icones-dispo-03.svg"/>
|
||||||
|
</documented>
|
||||||
|
<br/>
|
||||||
|
<label class="center">{{ $t('recapitulative') }}</label>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
<template v-slot:tab.1>
|
||||||
|
<div class="container">
|
||||||
|
<contirbutors-widget>
|
||||||
|
<template v-slot:team.side.actions="{ team }">
|
||||||
|
<toggle-action-button
|
||||||
|
v-bind:checked="debate.teams.includes( team )"
|
||||||
|
@toggle="toggleTeam( team )">
|
||||||
|
</toggle-action-button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:user.side.actions="{ user }">
|
||||||
|
<toggle-action-button
|
||||||
|
v-bind:checked="debate.guests.includes( user )"
|
||||||
|
@toggle="toggleGuest( user )">
|
||||||
|
</toggle-action-button>
|
||||||
|
</template>
|
||||||
|
</contirbutors-widget>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:tab.2>
|
||||||
|
<div class="container">
|
||||||
|
<documents-grid v-bind:categories="categories">
|
||||||
|
<template v-slot:side.actions="{ document }">
|
||||||
|
<toggle-action-button
|
||||||
|
v-bind:checked="debate.document === document"
|
||||||
|
@toggle="$event ? debate.document = document : debate.document = undefined">
|
||||||
|
</toggle-action-button>
|
||||||
|
</template>
|
||||||
|
</documents-grid>
|
||||||
|
</div></template>
|
||||||
|
|
||||||
|
<template v-slot:tab.3>
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="row" v-if="debate.document">
|
||||||
|
<template v-if="debate.teams.length !== 0 || debate.guests.length !== 0">
|
||||||
|
<div class="col s4">
|
||||||
|
<ul class="collection with-header">
|
||||||
|
<li class="collection-header">
|
||||||
|
<h2 class="valign-wrapper"><i class="material-icons">group</i>{{ $t('teams') }}</h2>
|
||||||
|
</li>
|
||||||
|
<li v-for="team in debate.teams" v-bind:key="team.id" class="collection-item">
|
||||||
|
<span>
|
||||||
|
<span v-if="team.institution.id !== 0"> {{ team.institution.type }} {{ team.institution.name }} - </span>{{ team.name }}
|
||||||
|
</span>
|
||||||
|
<i class="right close material-icons"
|
||||||
|
@click="debate.teams.remove(team)">delete_forever</i>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col s4">
|
||||||
|
<ul class="collection with-header">
|
||||||
|
<li class="collection-header">
|
||||||
|
<h2 class="valign-wrapper"><i class="material-icons">person</i>{{ $t('guests') }}</h2>
|
||||||
|
</li>
|
||||||
|
<li v-for="user in debate.guests" v-bind:key="user.id" class="collection-item">
|
||||||
|
<span>
|
||||||
|
{{ user.fullName() }} - {{ user.atuthority }}
|
||||||
|
</span>
|
||||||
|
<i class="right close material-icons"
|
||||||
|
@click="debate.guests.remove(user)">delete_forever</i>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<div class="col s8">
|
||||||
|
<ul class="collection with-header">
|
||||||
|
<li class="collection-header">
|
||||||
|
<h2 class="valign-wrapper"><i class="material-icons">group</i>{{ $t('public_debate') }}<i class="material-icons">person</i></h2>
|
||||||
|
</li>
|
||||||
|
<li class="collection-item">
|
||||||
|
{{ $t('helper.public_debate') }}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<div class="col s4">
|
||||||
|
<ul class="collection with-header">
|
||||||
|
<li class="collection-header">
|
||||||
|
<h2 class="valign-wrapper"><i class="material-icons">description</i>{{ $t('document') }}</h2>
|
||||||
|
</li>
|
||||||
|
<li class="collection-item">
|
||||||
|
{{ debate.document.category.name }} - {{ debate.document.name }}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s4">
|
||||||
|
<ul id="advancedOptions" class="collection with-header">
|
||||||
|
<li class="collection-header" @click="toggleAdvancedOptions()">
|
||||||
|
<h2 class="valign-wrapper">
|
||||||
|
<i class="material-icons">settings_applications</i>{{ $t('advanced_options') }}
|
||||||
|
<span v-bind:class="{ arrow: true, 'to-down': displayAdvancedOptions, 'to-right': !displayAdvancedOptions }"></span>
|
||||||
|
</h2>
|
||||||
|
</li>
|
||||||
|
<li id="advancedOptionsBody">
|
||||||
|
<ul ref="advancedOptions" v-bind:style="'marginTop: ' + (-46 * 4) + 'px;'">
|
||||||
|
<li class="collection-item">
|
||||||
|
<tooltiped tag="label" v-bind:value="$t('helper.reformulation_assist')">
|
||||||
|
<label>
|
||||||
|
<input type="checkbox" v-model="debate.reformulationCheck" />
|
||||||
|
<span>{{ $t('reformulation_assist') }}</span>
|
||||||
|
</label>
|
||||||
|
</tooltiped>
|
||||||
|
</li>
|
||||||
|
<li class="collection-item">
|
||||||
|
<tooltiped tag="label" v-bind:value="$t('helper.idefix_link')">
|
||||||
|
<label>
|
||||||
|
<input type="checkbox" v-model="debate.idfixLink"/>
|
||||||
|
<span>{{ $t('idefix_link') }}</span>
|
||||||
|
</label>
|
||||||
|
</tooltiped>
|
||||||
|
</li>
|
||||||
|
<li class="collection-item">
|
||||||
|
<tooltiped tag="label" v-bind:value="$t('helper.with_hypostases')">
|
||||||
|
<label>
|
||||||
|
<input type="checkbox" v-model="debate.withHypostases"/>
|
||||||
|
<span>{{ $t('with_hypostases') }}</span>
|
||||||
|
</label>
|
||||||
|
</tooltiped>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col s4">
|
||||||
|
</div>
|
||||||
|
<div class="col s4">
|
||||||
|
<span class="right waves-effect waves-light btn"
|
||||||
|
@click="createDebate()">Lancer le débat</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</tabs-layout>
|
||||||
|
|
||||||
|
<template v-slot:addons>
|
||||||
|
</template>
|
||||||
|
</base-layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
module.exports = {
|
||||||
|
data( ) {
|
||||||
|
return {
|
||||||
|
debate: new Debate( ),
|
||||||
|
categories: ArenService.Store.Category,
|
||||||
|
institution: new Institution( ),
|
||||||
|
search: "",
|
||||||
|
step: 0,
|
||||||
|
displayAdvancedOptions: false
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created( ) {
|
||||||
|
if (!this.$root.user.is('MODO')) {
|
||||||
|
this.$router.push("/404");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.fetchData( );
|
||||||
|
this.debate.reformulationCheck = true;
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
fetchData( ) {
|
||||||
|
ArenService.Documents.getAll();
|
||||||
|
},
|
||||||
|
reinit() {
|
||||||
|
this.debate = new Debate( );
|
||||||
|
this.debate.reformulationCheck = true;
|
||||||
|
this.$refs.mainTabs.activeIndex = 0;
|
||||||
|
},
|
||||||
|
institutionChanged(institution) {
|
||||||
|
this.institution = institution;
|
||||||
|
},
|
||||||
|
toggleTeam(team) {
|
||||||
|
if (!this.debate.teams.includes(team)) {
|
||||||
|
this.debate.teams.push(team);
|
||||||
|
} else {
|
||||||
|
this.debate.teams.remove(team);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
toggleGuest(user) {
|
||||||
|
if (!this.debate.guests.includes(user)) {
|
||||||
|
this.debate.guests.push(user);
|
||||||
|
} else {
|
||||||
|
this.debate.guests.remove(user);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
toggleAdvancedOptions(value) {
|
||||||
|
value = typeof value === "undefined" ? !this.displayAdvancedOptions : value;
|
||||||
|
if (value) {
|
||||||
|
this.$refs.advancedOptions.style.marginTop = 0;
|
||||||
|
} else {
|
||||||
|
this.$refs.advancedOptions.style.marginTop = (-46 * 4) + "px";
|
||||||
|
}
|
||||||
|
this.displayAdvancedOptions = value;
|
||||||
|
},
|
||||||
|
createDebate( ) {
|
||||||
|
if (this.debate.teams.length === 0 && this.debate.guests.length === 0) {
|
||||||
|
this.debate.openPublic = true;
|
||||||
|
}
|
||||||
|
ArenService.Debates.create({
|
||||||
|
data: this.debate,
|
||||||
|
onSuccess: (debate) => {
|
||||||
|
this.debate = debate;
|
||||||
|
this.$confirm({
|
||||||
|
title: this.$t("creation_success"),
|
||||||
|
message: this.$t('helper.debate_created',
|
||||||
|
{documentName: this.debate.document.name, categoryName: this.debate.document.category.name}),
|
||||||
|
cancelLabel: this.$t('no'),
|
||||||
|
validateLabel: this.$t('yes'),
|
||||||
|
callback: (returnValue) => {
|
||||||
|
if (returnValue) {
|
||||||
|
this.$router.push('/debates/' + this.debate.id);
|
||||||
|
} else {
|
||||||
|
this.reinit();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
scrollTop() {
|
||||||
|
document.documentElement.scrollTop = 0;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
'contirbutors-widget': vueLoader('components/widgets/contributors'),
|
||||||
|
'documents-grid': vueLoader('components/grids/documentsGrid')
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
91
src/main/webapp/assets/js/views/debatesSurCarte.vue
Normal file
91
src/main/webapp/assets/js/views/debatesSurCarte.vue
Normal file
|
|
@ -0,0 +1,91 @@
|
||||||
|
<template>
|
||||||
|
<base-layout id="debates">
|
||||||
|
<template v-slot:title>
|
||||||
|
<h1>{{ $root.user.is('USER') ? $t('menu.my_map_debates') : $t('menu.public_map_debates') }}</h1>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:right>
|
||||||
|
<router-link v-if="$root.user.is('MODO')"
|
||||||
|
class="waves-effect waves-light btn"
|
||||||
|
to="/creation-debats-sur-cartes">
|
||||||
|
{{ $t('new_map_debate') }}
|
||||||
|
</router-link>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<debates-grid
|
||||||
|
v-bind:categories="categories"
|
||||||
|
v-bind:extendable="true">
|
||||||
|
|
||||||
|
<template v-if="$root.user.is('MODO')" v-slot:side.actions="{ debate }">
|
||||||
|
<action-button
|
||||||
|
v-bind:tooltip="$t('helper.remove_debate')"
|
||||||
|
v-bind:tooltip-disabled="$t('helper.cannot_remove_debate')"
|
||||||
|
v-bind:disabled="debate.commentsCount !== 0"
|
||||||
|
@press="deleteDebate(debate)"
|
||||||
|
icon="delete">
|
||||||
|
</action-button>
|
||||||
|
</template>
|
||||||
|
<template v-if="$root.user.is('MODO')" v-slot:add.contributor="{ debate }">
|
||||||
|
<span class="waves-effect waves-light btn"
|
||||||
|
@click="edit( debate )">
|
||||||
|
{{ $t('invite_in_debate') }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</debates-grid>
|
||||||
|
|
||||||
|
<template v-slot:addons v-if="$root.user.is('MODO')">
|
||||||
|
<contributor-modal
|
||||||
|
ref="contributorModal">
|
||||||
|
</contributor-modal>
|
||||||
|
</template>
|
||||||
|
</base-layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
module.exports = {
|
||||||
|
data( ) {
|
||||||
|
return {
|
||||||
|
categories: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created( ) {
|
||||||
|
this.fetchData( );
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
fetchData( ) {
|
||||||
|
this.categories = [];
|
||||||
|
let categoryId = this.$route.query.category;
|
||||||
|
ArenService.Debates.getAll({
|
||||||
|
query: categoryId ? {category: categoryId, overview: true} : {overview: true},
|
||||||
|
onSuccess: debates => debates.forEach(d => {
|
||||||
|
if (!this.categories.includes(d.document.category)) {
|
||||||
|
this.categories.push(d.document.category)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
});
|
||||||
|
},
|
||||||
|
edit(debate) {
|
||||||
|
this.$refs.contributorModal.debate = debate;
|
||||||
|
this.$refs.contributorModal.open( );
|
||||||
|
},
|
||||||
|
deleteDebate(debate) {
|
||||||
|
this.$confirm({
|
||||||
|
title: this.$t("helper.delete_debate", {debateName: debate.document.name}),
|
||||||
|
message: this.$t('helper.do_continue'),
|
||||||
|
callback: (returnValue) => {
|
||||||
|
if (returnValue) {
|
||||||
|
ArenService.Debates.remove({
|
||||||
|
data: debate
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
'contributor-modal': vueLoader('components/modals/contributorModal'),
|
||||||
|
'debates-grid': vueLoader('components/grids/debatesSurCarteGrid')
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
208
src/main/webapp/assets/js/views/documentDebatesSurCarte.vue
Normal file
208
src/main/webapp/assets/js/views/documentDebatesSurCarte.vue
Normal file
|
|
@ -0,0 +1,208 @@
|
||||||
|
<template>
|
||||||
|
<base-layout id="document">
|
||||||
|
<template v-slot:title>
|
||||||
|
<h1>{{ $t("document") }} -</h1>
|
||||||
|
<h1>
|
||||||
|
<text-input
|
||||||
|
class="inline"
|
||||||
|
v-bind:disabled="!editionMode"
|
||||||
|
ref="name"
|
||||||
|
type="textarea"
|
||||||
|
v-model="document.name"
|
||||||
|
v-bind:placeholder="$t('title')"
|
||||||
|
></text-input>
|
||||||
|
</h1>
|
||||||
|
<label>{{ $t("by").toLowerCase() }}</label>
|
||||||
|
<text-input
|
||||||
|
class="author inline"
|
||||||
|
v-bind:disabled="!editionMode"
|
||||||
|
ref="author"
|
||||||
|
type="textarea"
|
||||||
|
v-model="document.author"
|
||||||
|
v-bind:placeholder="$t('author')"
|
||||||
|
maxlength="30"
|
||||||
|
></text-input>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:right>
|
||||||
|
<span
|
||||||
|
v-if="editionMode"
|
||||||
|
class="waves-effect waves-light btn"
|
||||||
|
@click="saveDocument()"
|
||||||
|
>
|
||||||
|
{{ $t("save") }}
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
v-if="editionMode"
|
||||||
|
class="waves-effect waves-light btn"
|
||||||
|
@click="cancelEdition()"
|
||||||
|
>
|
||||||
|
{{ $t("cancel") }}
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
v-if="!editionMode"
|
||||||
|
class="waves-effect waves-light btn"
|
||||||
|
@click="
|
||||||
|
fetchData();
|
||||||
|
editionMode = true;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{ $t("modify") }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<div id="cartoDetails">
|
||||||
|
<div>
|
||||||
|
<label for="loadCarto" class="btn">Charger la carte</label>
|
||||||
|
<input
|
||||||
|
id="loadCarto"
|
||||||
|
style="visibility: hidden;"
|
||||||
|
type="file"
|
||||||
|
@change="onCartoSelected"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="cartoInformation-bloc">
|
||||||
|
<div class="mailleInfo">
|
||||||
|
<label>Nombre de ligne </label>
|
||||||
|
<input type="text" maxlength="2" v-model.number="nbOfLines" />
|
||||||
|
</div>
|
||||||
|
<div class="mailleInfo">
|
||||||
|
<label>Nombre de colonne </label>
|
||||||
|
<input type="text" maxlength="2" v-model.number="nbOfColumns" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="mapContainer" v-if="imgUrl">
|
||||||
|
<img id="mapImg" :src="imgUrl" alt="map image" />
|
||||||
|
<table>
|
||||||
|
<tr v-for="(_, indexOfLine) in nbOfLines" :key="indexOfLine">
|
||||||
|
<td
|
||||||
|
v-for="(_, indexOfColumn) in nbOfColumns"
|
||||||
|
:key="indexOfColumn"
|
||||||
|
></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<!-- <div id="documentDisplay" v-bind:class="[ 'container', { 'in-edition': editionMode === true } ]">
|
||||||
|
|
||||||
|
<tooltiped tag="div"
|
||||||
|
v-bind:value="(editionMode && document.debatesCount > 0) ? $t('helper.cannot_edit_document') : '' ">
|
||||||
|
<wysiwyg-editor v-model="document.content"
|
||||||
|
v-bind:enabled="editionMode && !document.debatesCount">
|
||||||
|
</wysiwyg-editor>
|
||||||
|
</tooltiped>
|
||||||
|
</div> -->
|
||||||
|
</base-layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#loadCarto {
|
||||||
|
padding: 10px;
|
||||||
|
margin: 15px;
|
||||||
|
}
|
||||||
|
#cartoDetails {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
.mailleInfo {
|
||||||
|
margin: 10px;
|
||||||
|
width: 110px;
|
||||||
|
}
|
||||||
|
.cartoInformation-bloc {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
/**********************/
|
||||||
|
table,
|
||||||
|
td,
|
||||||
|
th {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
#mapContainer {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#mapImg {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
module.exports = {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
document: false,
|
||||||
|
unmodifiedDocument: new Document(),
|
||||||
|
editionMode: false,
|
||||||
|
selectedCarto: null,
|
||||||
|
imgUrl: null,
|
||||||
|
nbOfLines: 0,
|
||||||
|
nbOfColumns: 0,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
if (!this.$root.user.is("MODO")) {
|
||||||
|
this.$router.push("/404");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.fetchData();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
fetchData() {
|
||||||
|
if (this.$route.params.id !== "new") {
|
||||||
|
ArenService.Documents.get({
|
||||||
|
id: this.$route.params.id,
|
||||||
|
onSuccess: (document) => {
|
||||||
|
this.document = document;
|
||||||
|
this.copyDocument(this.document, this.unmodifiedDocument);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.document = new Document();
|
||||||
|
this.document.category = new Category();
|
||||||
|
this.document.category.id = this.$route.query.category;
|
||||||
|
this.editionMode = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cancelEdition() {
|
||||||
|
this.copyDocument(this.unmodifiedDocument, this.document);
|
||||||
|
this.editionMode = false;
|
||||||
|
if (this.$route.params.id === "new") {
|
||||||
|
this.$router.push("/documents-debats-sur-cartes");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
saveDocument() {
|
||||||
|
this.editionMode = false;
|
||||||
|
ArenService.Documents.createOrUpdate({
|
||||||
|
data: this.document,
|
||||||
|
onSuccess: (document) => {
|
||||||
|
if (this.$route.params.id === "new") {
|
||||||
|
this.$router.push("/documents-debats-sur-cartes/" + document.id);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
copyDocument(from, to) {
|
||||||
|
to.name = from.name;
|
||||||
|
to.author = from.author;
|
||||||
|
to.content = from.content;
|
||||||
|
},
|
||||||
|
onCartoSelected(event) {
|
||||||
|
const file = event.target.files[0];
|
||||||
|
this.selectedCarto = file;
|
||||||
|
this.imgUrl = URL.createObjectURL(file);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
"wysiwyg-editor": vueLoader("components/widgets/wysiwygEditor"),
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
140
src/main/webapp/assets/js/views/documentsDebatesSurCarte.vue
Normal file
140
src/main/webapp/assets/js/views/documentsDebatesSurCarte.vue
Normal file
|
|
@ -0,0 +1,140 @@
|
||||||
|
<template>
|
||||||
|
<base-layout id="documents">
|
||||||
|
<template v-slot:title>
|
||||||
|
<h1>Documents</h1>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:right>
|
||||||
|
<span class="waves-effect waves-light btn"
|
||||||
|
@click="createOrUpdateCategory()">
|
||||||
|
Nouvelle catégorie
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<documents-grid ref="documentGrid"
|
||||||
|
v-bind:categories="categories"
|
||||||
|
v-bind:extendable="true"
|
||||||
|
v-bind:actions="[ 2 ]">
|
||||||
|
|
||||||
|
<template v-slot:card.actions="{ category }">
|
||||||
|
<action-button
|
||||||
|
v-bind:tooltip="$t('helper.add_document')"
|
||||||
|
@press="$router.push({ path: '/documents-debats-sur-cartes/new', query: { category: category.id }})"
|
||||||
|
icon="note_add">
|
||||||
|
</action-button>
|
||||||
|
<action-button
|
||||||
|
v-bind:tooltip="$t('helper.edit_category')"
|
||||||
|
@press="createOrUpdateCategory(category)"
|
||||||
|
icon="edit">
|
||||||
|
</action-button>
|
||||||
|
<action-button
|
||||||
|
v-bind:tooltip="$t('helper.remove_category')"
|
||||||
|
v-bind:tooltip-disabled="$t('helper.cannot_remove_category')"
|
||||||
|
v-bind:disabled="category.documents.length !== 0"
|
||||||
|
@press="deleteCategory(category)"
|
||||||
|
icon="delete">
|
||||||
|
</action-button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template v-slot:side.actions="{ document }">
|
||||||
|
<action-button
|
||||||
|
v-bind:tooltip="$t('helper.copy_document')"
|
||||||
|
@press="duplicateDocument(document)"
|
||||||
|
icon="content_copy">
|
||||||
|
</action-button>
|
||||||
|
<action-button
|
||||||
|
v-bind:tooltip="$t('helper.remove_document')"
|
||||||
|
v-bind:tooltip-disabled="$t('helper.cannot_remove_document')"
|
||||||
|
v-bind:disabled="document.debatesCount !== 0"
|
||||||
|
@press="deleteDocument(document)"
|
||||||
|
icon="delete">
|
||||||
|
</action-button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</documents-grid>
|
||||||
|
|
||||||
|
<template v-slot:addons>
|
||||||
|
<category-modal
|
||||||
|
ref="categoryModal">
|
||||||
|
</category-modal>
|
||||||
|
</template>
|
||||||
|
</base-layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
module.exports = {
|
||||||
|
data( ) {
|
||||||
|
return {
|
||||||
|
categories: ArenService.Store.Category
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created( ) {
|
||||||
|
if (!this.$root.user.is('MODO')) {
|
||||||
|
this.$router.push("/404");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.fetchData( );
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
fetchData( ) {
|
||||||
|
ArenService.Categories.getAll();
|
||||||
|
},
|
||||||
|
duplicateDocument(document) {
|
||||||
|
let documentCopy = new Document({
|
||||||
|
name: document.name + " - copie",
|
||||||
|
author: document.author,
|
||||||
|
content: document.content,
|
||||||
|
category: {id: document.category.id}
|
||||||
|
});
|
||||||
|
ArenService.Documents.duplicate({
|
||||||
|
id: document.id
|
||||||
|
});
|
||||||
|
},
|
||||||
|
createOrUpdateCategory(category = {}) {
|
||||||
|
this.$refs.categoryModal.category = new Category(category);
|
||||||
|
this.$refs.categoryModal.open((updatedCat) => {
|
||||||
|
if (updatedCat) {
|
||||||
|
ArenService.Categories.createOrUpdate({
|
||||||
|
data: updatedCat,
|
||||||
|
onSuccess: (returnedCategory) => {
|
||||||
|
this.$nextTick(function ( ) {
|
||||||
|
this.$refs.documentGrid.selectRow('group' + returnedCategory.id);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
deleteDocument(document) {
|
||||||
|
this.$confirm({
|
||||||
|
title: this.$t("helper.delete_document", {documentName: document.name}),
|
||||||
|
message: this.$t('helper.do_continue'),
|
||||||
|
callback: (returnValue) => {
|
||||||
|
if (returnValue) {
|
||||||
|
ArenService.Documents.remove({
|
||||||
|
data: document
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
deleteCategory(category) {
|
||||||
|
this.$confirm({
|
||||||
|
title: this.$t("helper.delete_category", {debateName: category.name}),
|
||||||
|
message: this.$t('helper.do_continue'),
|
||||||
|
callback: (returnValue) => {
|
||||||
|
if (returnValue) {
|
||||||
|
ArenService.Categories.remove({
|
||||||
|
data: category
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
'category-modal': vueLoader('components/modals/categoryModal'),
|
||||||
|
'documents-grid': vueLoader('components/grids/documentsDebateSurCarte')
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
@ -111,8 +111,16 @@
|
||||||
<li v-if="user.is('USER')">
|
<li v-if="user.is('USER')">
|
||||||
<router-link to="/votemajoritaire" v-bind:class="{ active: $route.path === '/votemajoritaire' || $route.path === '/createVoteMajoritaire' || $route.path === '/votemajoritairedetails'}">Votes majoritaires</router-link>
|
<router-link to="/votemajoritaire" v-bind:class="{ active: $route.path === '/votemajoritaire' || $route.path === '/createVoteMajoritaire' || $route.path === '/votemajoritairedetails'}">Votes majoritaires</router-link>
|
||||||
</li>
|
</li>
|
||||||
|
<li>
|
||||||
|
<router-link to="/creation-debats-sur-cartes" v-bind:class="{ active: $route.path === '/creation-debats-sur-cartes' }">Ouvrir un débat sur carte</router-link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<router-link to="/documents-debats-sur-cartes" v-bind:class="{ active: $route.path === '/documents-debats-sur-cartes' }">Mes documents de débat sur carte</router-link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<router-link to="/debats-sur-cartes" v-bind:class="{ active: $route.path === '/debats-sur-cartes' }">Mes débats sur carte</router-link>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<ul class="right">
|
<ul class="right">
|
||||||
<template v-if="user.is('USER')">
|
<template v-if="user.is('USER')">
|
||||||
<documented v-bind:value="$t('documentation.notification_panel')">
|
<documented v-bind:value="$t('documentation.notification_panel')">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue