[Projects overview] Added filter logics and prepared for BE

app/src/plugins/tm@dashboard/projects/_components/a-project-calendar.vue

@@ -1,18 +1,17 @@
 <template>
 	<div id="calendar" class="mb-12">
 		<V-full-calendar ref="fullCalendar" :options="calendarOptions" />
-		<!-- <Z-master-task-modal ref="z-master-task-modal" /> -->
 	</div>
 </template>
 <script>
 import VFullCalendar 	from '@fullcalendar/vue3'
 import dayGridPlugin 	from '@fullcalendar/daygrid'
-// import ZMasterTaskModal from '@/plugins/tm@modal/master-task/z-master-task-modal.vue'
 
 export default {
+	emits: ['open-detail'],
+
 	components: {
-		VFullCalendar,
-		// ZMasterTaskModal
+		VFullCalendar
 	},
 
 	props: {
@@ -39,9 +38,7 @@ export default {
 				eventContent: (eventInfo) => {
 					return { html: eventInfo.event.extendedProps.title_html }
 				},
-				eventClick: (info) => {
-					return this.editTask(info.event._def.publicId, false)
-				}
+				eventClick: (info) => this.$emit('open-detail', info.event._def.publicId)
 			}
 		}
 	},
@@ -52,12 +49,6 @@ export default {
 		this.$refs.fullCalendar?.getApi().gotoDate(new Date(currentYear, this.month, 1))
 	},
 
-	methods: {
-		editTask(masterTask, editMode) {
-			this.$events.emit('show-master-task-modal', {masterTask, editMode})
-		},
-	},
-
 	watch: {
 		month(selectedMonth) {
 			const currentYear = new Date().getFullYear()
@@ -109,4 +100,6 @@ export default {
 			border: none
 			top: 2px
 			right: 4px
+	&:deep(.fc-daygrid-day-frame)
+		min-height: 100px
 	</style>