From 5fc593f18056bec8fa9f61124275d2e1434c61bf Mon Sep 17 00:00:00 2001
From: BenjaVR <benjamin.v.renterghem@gmail.com>
Date: Mon, 18 Feb 2019 22:42:22 +0100
Subject: [PATCH] Go to "today" button on the plannings page

---
 src/components/planning/PlanningsPage.module.scss | 8 ++++++--
 src/components/planning/PlanningsPage.tsx         | 9 +++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/planning/PlanningsPage.module.scss b/src/components/planning/PlanningsPage.module.scss
index 55c733f..4cacb6f 100644
--- a/src/components/planning/PlanningsPage.module.scss
+++ b/src/components/planning/PlanningsPage.module.scss
@@ -56,8 +56,12 @@
         text-align: right;
     }
 
-    button:first-of-type {
-        margin-right: 5px;
+    button {
+        margin-left: 5px;
+
+        &:first-of-type {
+            margin-left: 0;
+        }
     }
 }
 
diff --git a/src/components/planning/PlanningsPage.tsx b/src/components/planning/PlanningsPage.tsx
index 6c14d57..6b41d8c 100644
--- a/src/components/planning/PlanningsPage.tsx
+++ b/src/components/planning/PlanningsPage.tsx
@@ -81,6 +81,7 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
         this.handleReloadStudents = this.handleReloadStudents.bind(this);
         this.handleNextMonth = this.handleNextMonth.bind(this);
         this.handlePrevMonth = this.handlePrevMonth.bind(this);
+        this.handleToday = this.handleToday.bind(this);
         this.addInternshipForStudent = this.addInternshipForStudent.bind(this);
         this.closeAddInternshipModal = this.closeAddInternshipModal.bind(this);
     }
@@ -110,6 +111,7 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
                             <div className={styles.buttonsInCalendarComponent}>
                                 <Button icon="left" onClick={this.handlePrevMonth} />
                                 <Button icon="right" onClick={this.handleNextMonth} />
+                                <Button onClick={this.handleToday}>Vandaag</Button>
                             </div>
                             <Spin spinning={this.state.arePlannedStudentsLoading}>
                                 <Calendar
@@ -334,6 +336,13 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
         this.doMonthChange("prev");
     }
 
+    private handleToday(): void {
+        if (this.calendarRef === null) {
+            return;
+        }
+        this.calendarRef.setValue(moment(), "changePanel");
+    }
+
     private openAddInternshipModal(student: Student): void {
         this.setState({
             selectedStudentToPlan: student,