Filter(js): Add hour, minute & second filters (#174)

Add hour, minute & second filters for recent bans table

frontend/js/class/Dialog/FilterAdd.js

@@ -64,6 +64,24 @@ export class FilterAddDialog extends Dialog {
       name: 'Date',
       chart: false,
       table: true
+    },
+    {
+      value: 'hour',
+      name: 'Time / Hour',
+      chart: false,
+      table: true
+    },
+    {
+      value: 'minute',
+      name: 'Time / Minute',
+      chart: false,
+      table: true
+    },
+    {
+      value: 'second',
+      name: 'Time / Second',
+      chart: false,
+      table: true
     }
   ]
 
@@ -84,6 +102,9 @@ export class FilterAddDialog extends Dialog {
         this.#disableFilter('address')
         this.#disableFilter('jail')
         this.#disableFilter('date')
+        this.#disableFilter('hour')
+        this.#disableFilter('minute')
+        this.#disableFilter('second')
 
         if (Helper.getTableType() === 'address') {
           this.#setSelectedFilter('version')
@@ -204,15 +225,20 @@ export class FilterAddDialog extends Dialog {
         valueName = 'name'
         textValueName = 'name'
         break
-      case 'date':
-        valueName = 'date'
-        textValueName = 'date'
-        break
+      default:
+        valueName = type
+        textValueName = type
     }
 
     let data = []
     if (type === 'version') {
       data = [{ number: 4 }, { number: 6 }]
+    } else if (type === 'hour') {
+      data = this.#getHourList()
+    } else if (type === 'minute') {
+      data = this.#getMinuteList()
+    } else if (type === 'second') {
+      data = this.#getSecondList()
     } else {
       data = this.#iaData.getList(type)
     }
@@ -267,4 +293,64 @@ export class FilterAddDialog extends Dialog {
   #getId (name) {
     return `${this.viewType}-${name}`
   }
+
+  /**
+   * Get list of hours in 24 hour format
+   * @returns {array}
+   */
+  #getHourList () {
+    const hours = []
+
+    for (let i = 0; i <= 23; i++) {
+      let value = i.toString()
+
+      if (i <= 9) {
+        value = `0${i}`
+      }
+
+      hours.push({ hour: value })
+    }
+
+    return hours
+  }
+
+  /**
+   * @returns Get list of minutes (00 to 60)
+   * @returns {array}
+   */
+  #getMinuteList () {
+    const minutes = []
+
+    for (let i = 0; i <= 60; i++) {
+      let value = i.toString()
+
+      if (i <= 9) {
+        value = `0${i}`
+      }
+
+      minutes.push({ minute: value })
+    }
+
+    return minutes
+  }
+
+  /**
+   * @returns Get list of seconds (00 to 60)
+   * @returns {array}
+   */
+  #getSecondList () {
+    const minutes = []
+
+    for (let i = 0; i <= 60; i++) {
+      let value = i.toString()
+
+      if (i <= 9) {
+        value = `0${i}`
+      }
+
+      minutes.push({ second: value })
+    }
+
+    return minutes
+  }
 }

frontend/js/class/Filter/Filter.js

@@ -14,17 +14,17 @@ export class Filter {
 
   _getFilteredData (data) {
     const filtered = []
+    const timestampFilterTypes = ['date', 'hour', 'minute', 'second']
 
     data.forEach(item => {
       const addStatus = []
 
       for (let index = 0; index < this.settings.length; index++) {
         const filter = this.settings[index]
-
         let value
-        if (filter.type === 'date') {
-          const parts = item.timestamp.split(' ')
-          value = parts[0]
+
+        if (timestampFilterTypes.includes(filter.type) === true) {
+          value = this.#getTimestampPart(item.timestamp, filter.type)
         } else {
           value = item[filter.type].toString()
         }
@@ -235,4 +235,31 @@ export class Filter {
 
     return false
   }
+
+  /**
+   * Get part of a timestamp
+   * @param {string} timestamp Timestamp
+   * @param {string} part Timestamp part (date, hour, minutes or seconds)
+   * @returns {string}
+   */
+  #getTimestampPart (timestamp, part) {
+    const parts = timestamp.split(' ')
+    const timeParts = parts[1].split(':')
+
+    if (part === 'date') {
+      return parts[0]
+    }
+
+    if (part === 'hour') {
+      return timeParts[0]
+    }
+
+    if (part === 'minute') {
+      return timeParts[1]
+    }
+
+    if (part === 'second') {
+      return timeParts[2]
+    }
+  }
 }

frontend/js/class/FilterChip.js

@@ -16,7 +16,10 @@ export class FilterChip {
     country: 'Country',
     continent: 'Continent',
     jail: 'Jail',
-    date: 'Date'
+    date: 'Date',
+    hour: 'Hour',
+    minute: 'Minute',
+    second: 'Second'
   }
 
   constructor (viewGroup, iaData) {