add style to hover on the cell and card

alter the disabled hour and minutes for changable booking interval

frontend/src/views/booking/Booking.vue

@@ -20,7 +20,7 @@
               <a-time-picker
                 style="width: 100%;"
                 placeholder="选择开始时间"
-                :minuteStep="30"
+                :minuteStep="setting.booking_interval"
                 :secondStep="60"
                 :disabledHours="getDisabledHours"
                 :disabledMinutes="getDisabledMinutes"
@@ -36,7 +36,7 @@
               <a-time-picker
                 style="width: 100%;"
                 placeholder="选择结束时间"
-                :minuteStep="30"
+                :minuteStep="setting.booking_interval"
                 :secondStep="60"
                 :disabledHours="getDisabledHours"
                 :disabledMinutes="getDisabledMinutes"

frontend/src/views/booking/BookingNew.vue

@@ -33,7 +33,7 @@
             <a-time-picker
               style="width: 100%"
               placeholder="选择开始时间"
-              :minuteStep="30"
+              :minuteStep="setting.booking_interval"
               :secondStep="60"
               :disabledHours="getStartTimeDisabledHours"
               :disabledMinutes="getStartTimeDisabledMinutes"
@@ -50,7 +50,7 @@
             <a-time-picker
               style="width: 100%"
               placeholder="选择结束时间"
-              :minuteStep="30"
+              :minuteStep="setting.booking_interval"
               :secondStep="60"
               :disabledHours="getEndTimeDisabledHours"
               :disabledMinutes="getEndTimeDisabledMinutes"
@@ -229,14 +229,14 @@
         let ret = []
         let start_hour = this.setting.start_time.hour()
         let end_hour = this.form.endTime.hour()
-        if (this.form.endTime.minute() === 0) {
-          end_hour -= 1
-        }
         for (let i = 0; i < 24; i++) {
           if (i < start_hour || i > end_hour) {
             ret.push(i)
           }
         }
+        if (this.form.endTime.minute() === 0) {
+          ret.push(end_hour)
+        }
         return ret
       },
       getStartTimeDisabledMinutes (selectedHour) {
@@ -249,15 +249,15 @@
       getEndTimeDisabledHours () {
         let ret = []
         let start_hour = this.form.startTime.hour()
-        if (this.form.startTime.minute() === 30) {
-          start_hour += 1
-        }
         let end_hour = this.setting.end_time.hour()
         for (let i = 0; i < 24; i++) {
           if (i < start_hour || i > end_hour) {
             ret.push(i)
           }
         }
+        if (this.form.startTime.minute() === 30 || this.setting.booking_interval === 60) {
+          ret.push(start_hour)
+        }
         return ret
       },
       getEndTimeDisabledMinutes (selectedHour) {
@@ -318,6 +318,10 @@
       box-shadow: 0 0 1px @primary-color;
       border-radius: 2px;
       cursor: pointer;
+
+      &:hover {
+        box-shadow: 0 0 3px @primary-color;
+      }
     }
 
     .unselectable {

frontend/src/views/dashboard/DashboardDetail.vue

@@ -241,6 +241,10 @@
 
       .cell {
         cursor: pointer;
+
+        &:hover {
+          box-shadow: 0 0 3px @primary-color;
+        }
       }
 
       .booked-cell {