context menu working for mobile mealplan view
This commit is contained in:
parent
0b40414d23
commit
0c8c74c0ac
@ -109,7 +109,7 @@
|
||||
</small>
|
||||
</div>
|
||||
<div class="hover-button">
|
||||
<b-button class="btn-sm btn-outline-primary" @click.stop="openContextMenu($event, {originalItem: plan})"><i class="fas fa-pencil-alt"></i></b-button>
|
||||
<a class="pr-2" @click.stop="openContextMenu($event, {originalItem: plan})"><i class="fas fa-ellipsis-v"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</b-list-group-item>
|
||||
@ -239,7 +239,7 @@
|
||||
<ContextMenuItem
|
||||
@click="
|
||||
$refs.menu.close()
|
||||
moveEntryLeft(contextData)
|
||||
moveEntryLeft(contextData.originalItem)
|
||||
"
|
||||
>
|
||||
<a class="dropdown-item p-2" href="javascript:void(0)"><i class="fas fa-arrow-left"></i>
|
||||
@ -248,7 +248,7 @@
|
||||
<ContextMenuItem
|
||||
@click="
|
||||
$refs.menu.close()
|
||||
moveEntryRight(contextData)
|
||||
moveEntryRight(contextData.originalItem)
|
||||
"
|
||||
>
|
||||
<a class="dropdown-item p-2" href="javascript:void(0)"><i class="fas fa-arrow-right"></i>
|
||||
@ -265,7 +265,7 @@
|
||||
<ContextMenuItem
|
||||
@click="
|
||||
$refs.menu.close()
|
||||
deleteEntry(contextData)
|
||||
deleteEntry(contextData.originalItem)
|
||||
"
|
||||
>
|
||||
<a class="dropdown-item p-2 text-danger" href="javascript:void(0)"><i class="fas fa-trash"></i>
|
||||
|
@ -95,7 +95,7 @@ export default {
|
||||
<style scoped>
|
||||
.context-menu {
|
||||
position: fixed;
|
||||
z-index: 999;
|
||||
z-index: 5000;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
|
@ -60,7 +60,7 @@ export const useMealPlanStore = defineStore(_STORE_ID, {
|
||||
createObject(object) {
|
||||
let apiClient = new ApiApiFactory()
|
||||
return apiClient.createMealPlan(object).then(r => {
|
||||
StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_CREATE)
|
||||
//StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_CREATE)
|
||||
Vue.set(this.plans, r.data.id, r.data)
|
||||
return r
|
||||
}).catch(err => {
|
||||
@ -70,7 +70,7 @@ export const useMealPlanStore = defineStore(_STORE_ID, {
|
||||
updateObject(object) {
|
||||
let apiClient = new ApiApiFactory()
|
||||
return apiClient.updateMealPlan(object.id, object).then(r => {
|
||||
StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_UPDATE)
|
||||
//StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_UPDATE)
|
||||
Vue.set(this.plans, object.id, object)
|
||||
}).catch(err => {
|
||||
StandardToasts.makeStandardToast(this, StandardToasts.FAIL_UPDATE, err)
|
||||
@ -79,7 +79,7 @@ export const useMealPlanStore = defineStore(_STORE_ID, {
|
||||
deleteObject(object) {
|
||||
let apiClient = new ApiApiFactory()
|
||||
return apiClient.destroyMealPlan(object.id).then(r => {
|
||||
StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_DELETE)
|
||||
//StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_DELETE)
|
||||
Vue.delete(this.plans, object.id)
|
||||
}).catch(err => {
|
||||
StandardToasts.makeStandardToast(this, StandardToasts.FAIL_DELETE, err)
|
||||
|
Loading…
Reference in New Issue
Block a user