change card flow

This commit is contained in:
j3d1 2019-12-28 23:10:29 +01:00
parent c10429a08f
commit d9b598d078
2 changed files with 22 additions and 18 deletions

View file

@ -29,16 +29,20 @@
</div>
</div>
<div class="col-lg-9 col-xl-8">
<div class="card-columns">
<div
class="card-list-item card bg-dark text-light"
v-for="item in internalItems"
:key="item[keyName]"
@click="$emit('itemActivated', item)"
>
<slot v-bind:item="item"/>
</div>
<div class="row">
<div
class="mb-4 col-lg-4 col-xl-3"
v-for="item in internalItems"
:key="item[keyName]"
>
<div
class="card-list-item card bg-dark text-light"
@click="$emit('itemActivated', item)"
>
<slot v-bind:item="item"/>
</div>
</div>
</div>
</div>
</div>
</template>

View file

@ -23,13 +23,13 @@
@itemActivated="openLightboxModalWith($event)"
>
<div class="btn-group">
<button class="btn btn-success" @click.stop="markItemReturned(item)">
<button class="btn btn-success" @click.stop="markItemReturned(item)" title="returned">
<font-awesome-icon icon="check"/>
</button>
<button class="btn btn-secondary" @click.stop="openEditingModalWith(item)" >
<button class="btn btn-secondary" @click.stop="openEditingModalWith(item)" title="edit">
<font-awesome-icon icon="edit"/>
</button>
<button class="btn btn-danger" @click.stop="deleteItem(item)" >
<button class="btn btn-danger" @click.stop="deleteItem(item)" title="delete">
<font-awesome-icon icon="trash"/>
</button>
</div>
@ -53,14 +53,14 @@
<h6 class="card-subtitle text-secondary">uid: {{ item.uid }} box: {{ item.box }}</h6>
<div class="row mx-auto mt-2">
<div class="btn-group">
<button class="btn btn-outline-success" @click.stop="markItemReturned(item)">
<font-awesome-icon icon="check"/> returned
<button class="btn btn-outline-success" @click.stop="markItemReturned(item)" title="returned">
<font-awesome-icon icon="check"/>
</button>
<button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item)">
<font-awesome-icon icon="edit"/> edit
<button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item)" title="edit">
<font-awesome-icon icon="edit"/>
</button>
<button class="btn btn-outline-danger" @click.stop="deleteItem(item)">
<font-awesome-icon icon="trash"/> delete
<button class="btn btn-outline-danger" @click.stop="deleteItem(item)" title="delete">
<font-awesome-icon icon="trash"/>
</button>
</div>
</div>