Fix delete buttons in forms
This commit is contained in:
parent
aa5d0d437d
commit
3f81f2837a
5 changed files with 51 additions and 34 deletions
|
@ -74,7 +74,7 @@
|
||||||
</div>
|
</div>
|
||||||
<button @click="() => {sharable = s; showDeleteModal = true}"
|
<button @click="() => {sharable = s; showDeleteModal = true}"
|
||||||
class="button is-danger icon-only">
|
class="button is-danger icon-only">
|
||||||
<span class="icon is-small">
|
<span class="icon">
|
||||||
<icon icon="trash-alt"/>
|
<icon icon="trash-alt"/>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -50,17 +50,21 @@
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div class="columns bigbuttons">
|
<div class="field has-addons mt-4">
|
||||||
<div class="column">
|
<div class="control is-fullwidth">
|
||||||
<button :class="{ 'is-loading': filterService.loading}" @click="save()"
|
<button
|
||||||
class="button is-primary is-fullwidth">
|
@click="save()"
|
||||||
|
:class="{ 'is-loading': filterService.loading}"
|
||||||
|
class="button is-primary is-fullwidth">
|
||||||
Save
|
Save
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="column is-1">
|
<div class="control">
|
||||||
<button :class="{ 'is-loading': filterService.loading}" @click="showDeleteModal = true"
|
<button
|
||||||
class="button is-danger is-fullwidth">
|
@click="showDeleteModal = true"
|
||||||
<span class="icon is-small">
|
:class="{ 'is-loading': filterService.loading}"
|
||||||
|
class="button is-danger">
|
||||||
|
<span class="icon">
|
||||||
<icon icon="trash-alt"/>
|
<icon icon="trash-alt"/>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -79,17 +79,21 @@
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div class="columns bigbuttons">
|
<div class="field has-addons mt-4">
|
||||||
<div class="column">
|
<div class="control is-fullwidth">
|
||||||
<button :class="{ 'is-loading': listService.loading}" @click="submit()"
|
<button
|
||||||
class="button is-primary is-fullwidth">
|
@click="submit()"
|
||||||
|
:class="{ 'is-loading': listService.loading}"
|
||||||
|
class="button is-primary is-fullwidth">
|
||||||
Save
|
Save
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="column is-1">
|
<div class="control">
|
||||||
<button :class="{ 'is-loading': listService.loading}" @click="showDeleteModal = true"
|
<button
|
||||||
class="button is-danger is-fullwidth">
|
@click="showDeleteModal = true"
|
||||||
<span class="icon is-small">
|
:class="{ 'is-loading': listService.loading}"
|
||||||
|
class="button is-danger">
|
||||||
|
<span class="icon">
|
||||||
<icon icon="trash-alt"/>
|
<icon icon="trash-alt"/>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -59,17 +59,21 @@
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div class="columns bigbuttons">
|
<div class="field has-addons mt-4">
|
||||||
<div class="column">
|
<div class="control is-fullwidth">
|
||||||
<button :class="{ 'is-loading': namespaceService.loading}" @click="submit()"
|
<button
|
||||||
class="button is-primary is-fullwidth">
|
@click="submit()"
|
||||||
|
:class="{ 'is-loading': namespaceService.loading}"
|
||||||
|
class="button is-primary is-fullwidth">
|
||||||
Save
|
Save
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="column is-1">
|
<div class="control">
|
||||||
<button :class="{ 'is-loading': namespaceService.loading}" @click="showDeleteModal = true"
|
<button
|
||||||
class="button is-danger is-fullwidth">
|
@click="showDeleteModal = true"
|
||||||
<span class="icon is-small">
|
:class="{ 'is-loading': namespaceService.loading}"
|
||||||
|
class="button is-danger">
|
||||||
|
<span class="icon">
|
||||||
<icon icon="trash-alt"/>
|
<icon icon="trash-alt"/>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -41,17 +41,21 @@
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<div class="columns bigbuttons">
|
<div class="field has-addons mt-4">
|
||||||
<div class="column">
|
<div class="control is-fullwidth">
|
||||||
<button :class="{ 'is-loading': teamService.loading}" @click="save()"
|
<button
|
||||||
class="button is-primary is-fullwidth">
|
@click="save()"
|
||||||
|
:class="{ 'is-loading': teamService.loading}"
|
||||||
|
class="button is-primary is-fullwidth">
|
||||||
Save
|
Save
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="column is-1">
|
<div class="control">
|
||||||
<button :class="{ 'is-loading': teamService.loading}" @click="showDeleteModal = true"
|
<button
|
||||||
class="button is-danger is-fullwidth">
|
@click="showDeleteModal = true"
|
||||||
<span class="icon is-small">
|
:class="{ 'is-loading': teamService.loading}"
|
||||||
|
class="button is-danger">
|
||||||
|
<span class="icon">
|
||||||
<icon icon="trash-alt"/>
|
<icon icon="trash-alt"/>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
@ -60,6 +64,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card is-fullwidth has-overflow">
|
<div class="card is-fullwidth has-overflow">
|
||||||
<header class="card-header">
|
<header class="card-header">
|
||||||
<p class="card-header-title">
|
<p class="card-header-title">
|
||||||
|
@ -121,7 +126,7 @@
|
||||||
@click="() => {member = m; showUserDeleteModal = true}"
|
@click="() => {member = m; showUserDeleteModal = true}"
|
||||||
class="button is-danger"
|
class="button is-danger"
|
||||||
v-if="m.id !== userInfo.id">
|
v-if="m.id !== userInfo.id">
|
||||||
<span class="icon is-small">
|
<span class="icon">
|
||||||
<icon icon="trash-alt"/>
|
<icon icon="trash-alt"/>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
Loading…
Reference in a new issue