c3lf/c3lf-system-3
7
0
Fork 0
Code Issues 52 Pull requests Projects 2 Releases Wiki Activity Actions

change card flow

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/Cards.vue
View file

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

18
src/views/Items.vue
View file

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