julien/vaquant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 (update margin, import modal)

Browse Source
This commit is contained in:
Julien Calixte
2019-12-28 15:18:02 +01:00
parent 946831c88d
commit 203c88118b
9 changed files with 85 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/views/User.vue
View File

@@ -8,9 +8,21 @@
</div>
<div class="column">
<div class="buttons is-centered">
<button class="button is-warning" type="button" @click="logout" v-t="'user.logout'"></button>
<button class="button is-warning" type="button" @click="purge" v-t="'user.purge'"></button>
<confirm-button class="is-danger" @confirm="remove">{{ $t('user.delete') }}</confirm-button>
<button
class="button is-warning"
type="button"
@click="logout"
v-t="'user.logout'"
></button>
<button
class="button is-warning"
type="button"
@click="purge"
v-t="'user.purge'"
></button>
<confirm-button class="is-danger" @confirm="remove">{{
$t('user.delete')
}}</confirm-button>
</div>
</div>
</div>
@@ -24,11 +36,19 @@
<div v-else>
<div class="tabs is-centered is-fullwidth">
<ul>
<li :class="{ 'is-active': activeTab === 'login'}">
<a href="#" @click.prevent="activeTab = 'login'" v-t="'user.login'"></a>
<li :class="{ 'is-active': activeTab === 'login' }">
<a
href="#"
@click.prevent="activeTab = 'login'"
v-t="'user.login'"
></a>
</li>
<li :class="{ 'is-active': activeTab === 'signup'}">
<a href="#" @click.prevent="activeTab = 'signup'" v-t="'user.signup'"></a>
<li :class="{ 'is-active': activeTab === 'signup' }">
<a
href="#"
@click.prevent="activeTab = 'signup'"
v-t="'user.signup'"
></a>
</li>
</ul>
</div>
@@ -186,12 +206,20 @@
<div class="modal" :class="{ 'is-active': show }">
<div class="modal-background"></div>
<div class="modal-card">
<section
class="modal-card-body"
>Voulez-vous récupérer les comptes utilisés avant d'être inscrit ?</section>
<footer class="modal-card-foot">
<button type="button" class="button is-success" @click="toReplicate(true)">Oui</button>
<button type="button" class="button" @click="toReplicate(false)">Non</button>
<section class="modal-card-body">
Voulez-vous récupérer les comptes utilisés avant d'être inscrit ?
</section>
<footer class="modal-card-foot buttons has-addons is-centered">
<button
type="button"
class="button is-success"
@click="toReplicate(true)"
>
Oui
</button>
<button type="button" class="button" @click="toReplicate(false)">
Non
</button>
</footer>
</div>
<button class="modal-close is-large" aria-label="close"></button>