remove old splitted map
This commit is contained in:
@@ -1,132 +0,0 @@
|
|||||||
<template>
|
|
||||||
<b-overlay :show="loading" rounded="sm" class="h-100">
|
|
||||||
<div class="d-flex flex-column h-100 px-4 py-3">
|
|
||||||
<div id="maps">
|
|
||||||
<div>
|
|
||||||
<h4>Carte avec duplication</h4>
|
|
||||||
<div class="node-map">
|
|
||||||
<node-map
|
|
||||||
v-if="data"
|
|
||||||
v-bind="mapSingle"
|
|
||||||
:show-id="showId"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h4>Carte avec liens multiples</h4>
|
|
||||||
<div class="node-map">
|
|
||||||
<node-map
|
|
||||||
v-if="data"
|
|
||||||
v-bind="mapMany"
|
|
||||||
:show-id="showId"
|
|
||||||
id="map-2"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<b-form class="mt-4">
|
|
||||||
<b-form-group label="Texte de départ :" label-cols="2" class="mb-2">
|
|
||||||
<b-form-select
|
|
||||||
v-model="textId"
|
|
||||||
@input="query"
|
|
||||||
:options="textsDepartOptions"
|
|
||||||
/>
|
|
||||||
</b-form-group>
|
|
||||||
|
|
||||||
<b-form-group label="Profondeur :" label-cols="2" class="mb-2">
|
|
||||||
<b-form-spinbutton
|
|
||||||
v-model="depth"
|
|
||||||
@input="query"
|
|
||||||
min="0" max="6"
|
|
||||||
inline
|
|
||||||
/>
|
|
||||||
</b-form-group>
|
|
||||||
|
|
||||||
<b-form-checkbox v-model="showId" name="check-button" switch>
|
|
||||||
Afficher les numéros
|
|
||||||
</b-form-checkbox>
|
|
||||||
</b-form>
|
|
||||||
</div>
|
|
||||||
</b-overlay>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapGetters } from 'vuex'
|
|
||||||
|
|
||||||
import NodeMap from '@/components/NodeMap'
|
|
||||||
import { toSingleManyData, toManyManyData } from '@/helpers/d3Data'
|
|
||||||
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'Home',
|
|
||||||
|
|
||||||
components: {
|
|
||||||
NodeMap
|
|
||||||
},
|
|
||||||
|
|
||||||
data () {
|
|
||||||
return {
|
|
||||||
loading: false,
|
|
||||||
textId: undefined,
|
|
||||||
showId: true,
|
|
||||||
depth: 3,
|
|
||||||
data: null,
|
|
||||||
mapSingle: { nodes: null, links: null },
|
|
||||||
mapMany: { nodes: null, links: null }
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
...mapGetters(['textsDepartOptions'])
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
query () {
|
|
||||||
const { textId: id, depth } = this
|
|
||||||
this.data = null
|
|
||||||
this.loading = true
|
|
||||||
this.$store.dispatch('GET_TREE_WITH_DEPTH', { id, depth }).then((data) => {
|
|
||||||
this.mapSingle = toSingleManyData(data)
|
|
||||||
this.mapMany = toManyManyData(data)
|
|
||||||
this.data = data
|
|
||||||
this.loading = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
created () {
|
|
||||||
this.loading = true
|
|
||||||
this.$store.dispatch('GET_TEXTS_DEPART').then(textsDepart => {
|
|
||||||
this.textId = textsDepart[0].id
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
#maps {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
& > div {
|
|
||||||
flex-basis: 50%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
& + div .node-map {
|
|
||||||
border-left: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.node-map {
|
|
||||||
height: 100%;
|
|
||||||
border: 1px solid grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.col > * {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -50,13 +50,6 @@ export default [
|
|||||||
component: () => import(/* webpackChunkName: "blog" */ '@/pages/Blog')
|
component: () => import(/* webpackChunkName: "blog" */ '@/pages/Blog')
|
||||||
},
|
},
|
||||||
|
|
||||||
// TEMP
|
|
||||||
{
|
|
||||||
name: 'map',
|
|
||||||
path: '/map',
|
|
||||||
component: () => import(/* webpackChunkName: "test" */ '@/pages/Map')
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
{
|
||||||
name: 'notfound',
|
name: 'notfound',
|
||||||
path: '/404',
|
path: '/404',
|
||||||
|
|||||||
Reference in New Issue
Block a user