Packages

exq_ui

0.12.1
0.19.0 0.18.0 0.17.0 0.16.0 0.15.0 0.14.0 0.13.0 0.12.3 0.12.2 0.12.1 0.12.0 0.11.1 0.11.0 0.10.0 0.9.0 0.8.6 0.8.5 0.8.4 0.8.3 0.8.2 0.8.1 0.8.0 0.7.1 0.7.0 0.6.5 0.6.4 0.6.3 0.6.0 0.5.0 0.1.0

Exq UI is the UI component for Exq, a job processing library. Exq UI provides the UI dashboard to display stats on job processing.

HexDocs

Current section

Files

Jump to
Readme
30 Versions
5 Dependencies
0 Dependants
Files
Activity
exq_ui assets js hooks refresh.js
Raw

assets/js/hooks/refresh.js 

import { ViewHook } from "phoenix_live_view";



const refresh_interval_key = "refresh_interval";



/** @type {ViewHook}*/

let Refresh = {

  mounted() {

    const that = this;

    this.el.addEventListener("change", function (event) {

      const interval = Number(event.target.value);

      localStorage.setItem(refresh_interval_key, interval);

      that.pushEventTo("#stats", "refresh-interval", {

        interval: interval,

      });

    });



    const interval = Number(localStorage.getItem(refresh_interval_key)) || 5;

    this.el.value = interval;

    that.pushEventTo("#stats", "refresh-interval", {

      interval: interval,

    });

  },

};



export { Refresh };