Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-09-21 14:14:58 +00:00
Code Issues Actions Projects Releases Wiki Activity

AddAddress: reorganize 4 steps Pane: show, suggest, edit, and date

Browse Source
This commit is contained in:
Mathieu Jaumotte
2021-09-17 10:57:13 +02:00
parent 6a60758c0d
commit f048395a89
6 changed files with 338 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/EditPane.vue
View File

@@ -2,7 +2,7 @@
<div class="address-form">
<!-- Not display in modal -->
<div v-if="insideModal == false" class="loading">
<div v-if="insideModal === false" class="loading">
<i v-if="flag.loading" class="fa fa-circle-o-notch fa-spin fa-2x fa-fw"></i>
<span class="sr-only">Loading...</span>
</div>
@@ -55,24 +55,22 @@
</address-more>
<!-- Not display in modal -->
<ul v-if="insideModal == false"
class="record_actions sticky-form-buttons">
<li class="cancel">
<a class="btn btn-cancel" v-bind:href="context.backUrl">
{{ $t('back_to_the_list') }}
</a>
</li>
<li>
<a class="btn btn-cancel change-icon" @click="flag.showPane = true; flag.editPane = false;">
{{ $t('action.cancel') }}
</a>
</li>
<li>
<a class="btn btn-update" @click.prevent="$emit('closeEditPane')">
{{ $t('action.valid_and_see')}}
</a>
</li>
</ul>
<action-buttons v-if="insideModal === false">
<template v-slot:action>
<li>
<a class="btn btn-cancel change-icon" @click="flag.showPane = true; flag.editPane = false;">
{{ $t('action.cancel') }}
</a>
</li>
<!--
<li>
<a class="btn btn-update" @click.prevent="$emit('closeEditPane')">
{{ $t('action.valid_and_see')}}
</a>
</li>
-->
</template>
</action-buttons>
</div>
</template>
@@ -82,7 +80,8 @@ import CountrySelection from './AddAddress/CountrySelection';
import CitySelection from './AddAddress/CitySelection';
import AddressSelection from './AddAddress/AddressSelection';
import AddressMap from './AddAddress/AddressMap';
import AddressMore from './AddAddress/AddressMore'
import AddressMore from './AddAddress/AddressMore';
import ActionButtons from './ActionButtons.vue';
export default {
name: "EditPane",
@@ -91,7 +90,8 @@ export default {
CitySelection,
AddressSelection,
AddressMap,
AddressMore
AddressMore,
ActionButtons
},
props: [
'context',