bachir/ouatterrir-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

concernement close btn arrow up #2196

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2023-07-19 22:13:55 +02:00
parent 2bea597981
commit 4b5d7a69f1
1 changed files with 29 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/views/Concernement.vue
View File

@ -9,8 +9,8 @@ import gql from 'graphql-tag'
import GQL from '@api/graphql-axios' import GQL from '@api/graphql-axios'
import EntiteFields from '@api/gql/entite.fragment.gql' import EntiteFields from '@api/gql/entite.fragment.gql'
// import SvgIcon from '@jamescoyle/vue-icon'; import SvgIcon from '@jamescoyle/vue-icon';
// import { mdiHeadphones } from '@mdi/js'; import { mdiArrowUp } from '@mdi/js';
import TerrainDeVie from '@components/contents/TerrainDeVie.vue'; import TerrainDeVie from '@components/contents/TerrainDeVie.vue';
import PuissanceAgir from '@components/contents/PuissanceAgir.vue'; import PuissanceAgir from '@components/contents/PuissanceAgir.vue';
@ -21,7 +21,8 @@ export default {
data(){ data(){
return { return {
entite: null, entite: null,
opened_besoin_id: null opened_besoin_id: null,
arrowup_path: mdiArrowUp
} }
}, },
computed: { computed: {
@ -63,9 +64,10 @@ export default {
}, },
}, },
methods: { methods: {
...mapActions(ConcernementsStore,['openCloseConcernements']), ...mapActions(ConcernementsStore,['openCloseConcernements',
...mapActions(ConcernementsStore,['setOpenedEntityId']), 'setOpenedEntityId',
...mapActions(ConcernementsStore,['setMapMode']), 'setMapMode',
'resetConcernementOpened']),
openEntity(){ openEntity(){
this.setOpenedEntityId(parseInt(this.eid)) this.setOpenedEntityId(parseInt(this.eid))
this.loadEntite() this.loadEntite()
@ -87,12 +89,16 @@ export default {
.catch(error => { .catch(error => {
console.warn('Issue with load entite', error) console.warn('Issue with load entite', error)
}) })
},
closeConcernement(){
this.resetConcernementOpened();
} }
}, },
components: { components: {
TerrainDeVie, TerrainDeVie,
PuissanceAgir, PuissanceAgir,
Doleancer Doleancer,
SvgIcon
} }
} }
@ -102,10 +108,24 @@ export default {
<section v-if="opened_concernement" class="concernement"> <section v-if="opened_concernement" class="concernement">
<TerrainDeVie v-if="map_mode === 'terraindevie' || map_mode === 'action'" :id="id" :eid="eid" :entite="entite"/> <TerrainDeVie v-if="map_mode === 'terraindevie' || map_mode === 'action'" :id="id" :eid="eid" :entite="entite"/>
<PuissanceAgir v-if="map_mode === 'puissancedagir'" :id="id"/> <PuissanceAgir v-if="map_mode === 'puissancedagir'" :id="id"/>
<Doleancer v-if="map_mode === 'doleancer'" :id="id"/> <Doleancer v-if="map_mode === 'doleancer'" :id="id"/>
<nav class="close-concernement" @click="closeConcernement">
<svg class="close-btn" viewbox="0 0 24 24" width="24" height="24" style="--sx: 1; --sy: 1; --r: 0deg;">
<mask id="arrowMask">
<rect x="0" y="0" width="24" height="24" fill="white"/>
<path :d="arrowup_path" fill="black"/>
</mask>
<circle cx="12" cy="12" r="12" mask="url(#arrowMask)" fill="white" />
</svg>
</nav>
</section> </section>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
nav.close-concernement{
position: absolute;
top:65px;
left: -30px;
cursor: pointer;
}
</style> </style>