rdv: can remove from delete calendar ranges

This commit is contained in:
nobohan 2021-09-10 13:38:13 +02:00
parent 0ab53f4659
commit 29c148f924
2 changed files with 24 additions and 7 deletions

View File

@ -17,7 +17,7 @@
<b>{{ arg.timeText }}</b> <b>{{ arg.timeText }}</b>
<i>&nbsp;{{ arg.event.title }}</i> <i>&nbsp;{{ arg.event.title }}</i>
<a class="fa fa-fw fa-times" <a class="fa fa-fw fa-times"
@click.prevent="onDelete(arg.event)"> @click.prevent="onClickDelete(arg.event)">
</a> </a>
</span> </span>
</template> </template>
@ -164,7 +164,8 @@ export default {
({ ({
start: i.startDate.datetime, start: i.startDate.datetime,
end: i.endDate.datetime, end: i.endDate.datetime,
calendarRangeId: i.id calendarRangeId: i.id,
toDelete: 0
}) })
); );
let calendarRangeEvents = { let calendarRangeEvents = {
@ -273,10 +274,17 @@ export default {
} }
}, },
onDelete(payload) { onClickDelete(payload) {
if (payload.extendedProps.hasOwnProperty("calendarRangeId")) { if (payload.extendedProps.hasOwnProperty("calendarRangeId")) {
if (payload.extendedProps.toDelete === 1) {
payload.setExtendedProp('toDelete', 0)
payload.setProp('color', '#79bafc');
this.$store.dispatch('removeFromDeleteRange', payload);
} else {
payload.setExtendedProp('toDelete', 1)
payload.setProp('color', '#dddddd'); payload.setProp('color', '#dddddd');
this.$store.dispatch('deleteRange', payload); this.$store.dispatch('deleteRange', payload);
}
} else { } else {
let newEvents = this.calendarEvents.new.events; let newEvents = this.calendarEvents.new.events;
let filterEvents = newEvents.filter((e) => let filterEvents = newEvents.filter((e) =>

View File

@ -46,7 +46,13 @@ const store = createStore({
(e) => e.start.toString() !== payload.start.toString() && e.end.toString() !== payload.end.toString() (e) => e.start.toString() !== payload.start.toString() && e.end.toString() !== payload.end.toString()
) )
state.newCalendarRanges = filteredCollection; state.newCalendarRanges = filteredCollection;
} },
removeFromDeleteRange(state, payload) {
let filteredCollection = state.deleteCalendarRanges.filter(
(e) => e.start.toString() !== payload.start.toString() && e.end.toString() !== payload.end.toString()
)
state.deleteCalendarRanges = filteredCollection;
},
}, },
actions: { actions: {
createRange({ commit }, payload) { createRange({ commit }, payload) {
@ -72,7 +78,10 @@ const store = createStore({
}, },
removeNewCalendarRanges({ commit }, payload) { removeNewCalendarRanges({ commit }, payload) {
commit('removeNewCalendarRanges', payload); commit('removeNewCalendarRanges', payload);
} },
removeFromDeleteRange({ commit }, payload) {
commit('removeFromDeleteRange', payload);
},
} }
}); });