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

🎨 (account) vertical form to add more white spaces

Browse Source
This commit is contained in:
Julien Calixte
2020-04-11 14:26:31 +02:00
parent 6600e68ad3
commit 972f7224d6
1 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/accounts/AccountNew.vue
View File

@@ -2,8 +2,8 @@
<div class="account-new no-margin"> <div class="account-new no-margin">
<h1 class="title is-1" v-t="'account.create'"></h1> <h1 class="title is-1" v-t="'account.create'"></h1>
<form @submit.prevent="submitAccount"> <form @submit.prevent="submitAccount">
<div class="columns is-multiline"> <div class="columns is-multiline is-centered">
<div class="column is-half"> <div class="column is-two-thirds">
<h3 class="subtitle is-3">Nom</h3> <h3 class="subtitle is-3">Nom</h3>
<div class="field"> <div class="field">
<div class="control"> <div class="control">
@@ -24,7 +24,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="column is-half"> <div class="column is-two-thirds">
<h3 class="subtitle is-3" v-t="'account.main_currency'"></h3> <h3 class="subtitle is-3" v-t="'account.main_currency'"></h3>
<div class="control"> <div class="control">
<div class="select is-fullwidth"> <div class="select is-fullwidth">
@@ -40,7 +40,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="column is-half"> <div class="column is-two-thirds">
<h3 class="subtitle is-3">Compte privé / public</h3> <h3 class="subtitle is-3">Compte privé / public</h3>
<div class="field"> <div class="field">
<input <input
@@ -61,13 +61,13 @@
></p> ></p>
</div> </div>
</div> </div>
<div class="column is-half"> <div class="column is-two-thirds">
<color-picker v-model="color" /> <color-picker v-model="color" />
</div> </div>
<div class="column is-half"> <div class="column is-two-thirds">
<account-user-new v-model="users" /> <account-user-new v-model="users" />
</div> </div>
<div class="column is-half"> <div class="column is-two-thirds">
<h3 class="subtitle is-3 title-currency" @click="toggleCurrencyShow"> <h3 class="subtitle is-3 title-currency" @click="toggleCurrencyShow">
<div class="icon-container"> <div class="icon-container">
<awe-icon <awe-icon
@@ -84,7 +84,7 @@
<transition name="fade"> <transition name="fade">
<div class="currency-list" v-if="currencyShow"> <div class="currency-list" v-if="currencyShow">
<div class="field"> <div class="field">
<div class="columns is-multiline"> <div class="columns no-margin is-multiline">
<div <div
class="column is-half" class="column is-half"
v-for="(currency, k) in currencies" v-for="(currency, k) in currencies"
@@ -112,7 +112,7 @@
</div> </div>
</div> </div>
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column is-half"> <div class="column is-two-thirds">
<button type="submit" class="button is-primary is-fullwidth is-large"> <button type="submit" class="button is-primary is-fullwidth is-large">
<awe-icon icon="check" /> <awe-icon icon="check" />
</button> </button>
@@ -170,7 +170,9 @@ export default class AccountNew extends Vue {
user.alias ? user.alias.toLowerCase() : '' user.alias ? user.alias.toLowerCase() : ''
) )
if (aliases.length === 0) { if (aliases.length === 0) {
queueNotifService.error('Au moins une personne doit être ajoutée au compte.') queueNotifService.error(
'Au moins une personne doit être ajoutée au compte.'
)
return false return false
} }
if (aliases.length !== new Set(aliases).size) { if (aliases.length !== new Set(aliases).size) {
@@ -231,7 +233,9 @@ export default class AccountNew extends Vue {
} else { } else {
// tslint:disable-next-line:no-console // tslint:disable-next-line:no-console
console.warn(response) console.warn(response)
queueNotifService.error(`Une erreur s'est produite à la création d'un compte.`) queueNotifService.error(
`Une erreur s'est produite à la création d'un compte.`
)
} }
} }