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