fixup! Improve free/busy UI

Signed-off-by: Hamza Mahjoubi <[email protected]>

src/components/Editor/FreeBusy/FreeBusy.vue

@@ -29,10 +29,10 @@
 				<div class="icon-loading" />
 			</div>
 			<div class="modal__content__header">
-				<h2>{{ t('calendar','Find a time') }}</h2>
+				<h2>{{ t('calendar', 'Find a time') }}</h2>
 				<h3>{{ eventTitle }}</h3>
 				<div class="modal__content__header__attendees">
-					{{ t('calendar','with') }}
+					{{ t('calendar', 'with') }}
 					<NcUserBubble :display-name="organizer.commonName" />
 					<NcUserBubble v-for="attendee in attendees"
 						:key="attendee.id"
@@ -218,6 +218,10 @@ export default {
 			formattingOptions: { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' },
 		}
 	},
+	mounted() {
+		const calendar = this.$refs.freeBusyFullCalendar.getApi()
+		calendar.scrollToTime(this.scrollTime)		
+	},
 	computed: {
 		...mapGetters({
 			timezoneId: 'getResolvedTimezone',
@@ -251,6 +255,11 @@ export default {
 
 			return `${startTime} - ${endTime} `
 		},
+		scrollTime() {
+			const options = { hour: '2-digit', minute: '2-digit', seconds: '2-digit', hour12: false}
+
+			return this.currentDate.getHours() > 0 ? new Date(this.currentDate.getTime() - 60 * 60 * 1000).toLocaleTimeString(this.lang, options): '10:00:00'
+		},
 		formattedTimeZoen() {
 			return this.timezoneId.replace('/', '-')
 		},
@@ -414,6 +423,7 @@ export default {
 				break
 			}
 			this.currentDate = calendar.getDate()
+			calendar.scrollToTime(this.scrollTime)
 		},
 	},
 }