Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/vreg/node_modules/v-idle/src/components/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import Vue, { CreateElement, PropType, VNode } from 'vue'

const Vidle = Vue.extend({
  render(createElement: CreateElement): VNode {
    return createElement(
      'div',
      {
        class: 'v-idle',
      },
      this.display
    )
  },
  props: {
    duration: {
      type: Number,
      // default 5 minutes
      default: 60 * 5,
    },
    events: {
      type: Array as PropType<string[]>,
      default: (): string[] => ['mousemove', 'keypress'],
    },
    loop: {
      type: Boolean,
      default: false,
    },
    reminders: {
      type: Array as PropType<number[]>,
      // array of seconds
      // emit "remind" event on each second
      default: (): number[] => [],
    },
    wait: {
      type: Number,
      default: 0,
    },
  },
  data(): {
    display: string
    timer: number | undefined
    start: number
    counter: number | undefined
    diff: number
    minutes: string
    seconds: string
  } {
    return {
      display: '',
      timer: undefined,
      start: 0,
      counter: undefined,
      diff: 0,
      minutes: '',
      seconds: '',
    }
  },
  mounted() {
    setTimeout(() => {
      this.start = Date.now()
      this.setDisplay()
      this.$nextTick(() => {
        this.setTimer()
        for (let i = this.events.length - 1; i >= 0; i -= 1) {
          window.addEventListener(this.events[i], this.clearTimer)
        }
      })
    }, this.wait * 1000)
  },
  methods: {
    setDisplay() {
      // seconds since start
      this.diff = this.duration - (((Date.now() - this.start) / 1000) | 0)
      if (this.diff < 0 && !this.loop) {
        return
      }
      this.shouldRemind()

      // bitwise OR to handle parseInt
      const minute = (this.diff / 60) | 0
      const second = this.diff % 60 | 0

      this.minutes = `${minute < 10 ? '0' + minute : minute}`
      this.seconds = `${second < 10 ? '0' + second : second}`

      this.display = `${this.minutes}:${this.seconds}`
    },
    shouldRemind() {
      if (this.reminders.length > 0) {
        if (this.reminders.includes(this.diff)) {
          this.remind()
        }
      }
    },
    countdown() {
      this.setDisplay()

      if (this.diff <= 0 && this.loop) {
        // add second to start at the full duration
        // for instance 05:00, not 04:59
        this.start = Date.now() + 1000
      }
    },
    idle() {
      this.$emit('idle')
    },
    remind() {
      this.$emit('remind', this.diff)
    },
    setTimer() {
      this.timer = window.setInterval(this.idle, this.duration * 1000)
      this.counter = window.setInterval(this.countdown, 1000)
    },
    clearTimer() {
      clearInterval(this.timer)
      clearInterval(this.counter)
      this.setDisplay()
      this.start = Date.now()
      this.diff = 0
      this.setTimer()
    },
  },
  beforeDestroy() {
    clearInterval(this.timer)
    clearInterval(this.counter)
    for (let i = this.events.length - 1; i >= 0; i -= 1) {
      window.removeEventListener(this.events[i], this.clearTimer)
    }
  },
})

export default Vidle