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

improved doleance transtions #2233

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2023-11-17 16:24:34 +01:00
parent 3680dc6cf7
commit 5331252f61
10 changed files with 841 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/contents/Doleancer.vue
View File

@@ -80,9 +80,10 @@ export default {
<template v-slot:main>
<section
class="content-doleances">
<main v-if="opened_concernement.opened_doleance.id === doleance.id">
class="content-doleances">
<template v-if="opened_concernement.opened_doleance.id === doleance.id">
<h3 class="doleance-title">{{ doleance.title }}</h3>
<section
v-if="opened_concernement.opened_doleance.field === 'leprobleme' || !opened_concernement.opened_doleance.field">
<span class="date">{{ doleance.date_leprobleme.start }}</span>
@@ -272,7 +273,7 @@ export default {
name="non_adresse_doleance"
v-html="doleance.non_adresse_doleance" />
</section>
</main>
</template>
</section>
</template>
@@ -295,25 +296,25 @@ export default {
v-if="doleance_index > 0"
@click="prevDoleance"
class="prev">
<svg class="prev-doleance-btn" viewbox="0 0 24 24" width="24" height="24" style="--sx: 1; --sy: 1; --r: 0deg;">
<!-- <svg class="prev-doleance-btn" viewbox="0 0 24 24" width="24" height="24" style="--sx: 1; --sy: 1; --r: 0deg;">
<mask id="arrowMaskprev">
<rect x="0" y="0" width="24" height="24" fill="white"/>
<path :d="arrowleft_path" fill="black"/>
</mask>
<circle cx="12" cy="12" r="12" mask="url(#arrowMaskprev)" fill="white" />
</svg>
</div>
</svg> -->
</div>
<div
v-if="doleance_index < concernement.doleances.length-1"
@click="nextDoleance"
class="next">
<svg class="next-doleance-btn" viewbox="0 0 24 24" width="24" height="24" style="--sx: 1; --sy: 1; --r: 0deg;">
<!-- <svg class="next-doleance-btn" viewbox="0 0 24 24" width="24" height="24" style="--sx: 1; --sy: 1; --r: 0deg;">
<mask id="arrowMasknext">
<rect x="0" y="0" width="24" height="24" fill="white"/>
<path :d="arrowright_path" fill="black"/>
</mask>
<circle cx="12" cy="12" r="12" mask="url(#arrowMasknext)" fill="white" />
</svg>
</svg> -->
</div>
</nav>