cgiacofei/TandoorRecipes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

context menu working for mobile mealplan view

Browse Source
This commit is contained in:
vabene1111 2023-02-24 20:24:28 +01:00
parent 0b40414d23
commit 0c8c74c0ac
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
vue/src/apps/MealPlanView/MealPlanView.vue
View File

@ -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>

2
vue/src/components/ContextMenu/ContextMenu.vue
View File

@ -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;

6
vue/src/stores/MealPlanStore.js
View File

@ -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)