HLSI/hoppingInterferer.js at master · vtwireless/HLSI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
/**
 * The `HoppingInterferer` function creates a dynamic interface for adjusting a hopping rate parameter,
 * which controls frequency changes in an interferer, with options for various hopping behaviors.
 *
 * @param {Object} interferer - An object representing the interferer with properties such as `freq`,
 * `freq_min`, and `freq_max` that are adjusted within the `Hop` function to control the frequency hopping.
 * @param {HTMLElement} [parentElement=null] - The HTML element under which the generated content will be
 * appended. If `parentElement` is not provided or is `null`, a new `<p>` element will be created and appended
 * to the `<body>`.
 * @param {Object} [opts=null] - An options object for additional configurations to customize the behavior
 * of the interferer. Currently, this parameter is not utilized within the function but can be extended
 * for future customization.
 * @returns {void} This function does not return a value. It sets up the interface for controlling the hopping rate
 * of the interferer.
 */

// Works well with parentElement being an existing <p> that gets its'
// innerHTML over written.
//
HoppingInterferer.hopping_behaviour = "random";
function HoppingInterferer(interferer, parentElement = null, opts = null) {
  // Generate a unique id for HTML element ids.
  var id = "_" + (HoppingInterferer.count++).toString() + "_hzf_";

  var innerHTML =
    '\
    <label for="hop_rate' +
    id +
    '">Hop Rate</label>\
    <input class=slider_bw type="range" min="0.0"\
        max="4.0" id="hop_rate' +
    id +
    '" step="0.01">\
    <output for="hop_rate' +
    id +
    '" id="hr' +
    id +
    '"></output>\
';

  function getElement(sel) {
    var el = document.querySelector(sel + id);
    if (el === null) {
      let msg = "Can't get element with selector \"" + sel + id + '"';
      console.log(msg);
      alert(msg);
    }
    return el;
  }

  if (parentElement === null) {
    parentElement = document.createElement("p");
    document.body.appendChild(parentElement);
  } else if (typeof parentElement === "string") {
    parentElement = document.querySelector(parentElement);
  }

  parentElement.innerHTML = innerHTML;

  // console.log("parentElement.innerHTML=" + parentElement.innerHTML);

  var hopRate = 0.5; // Hz
  var itimer = null;

  var hopRateSlider = getElement("#hop_rate");
  var label = getElement("#hr"); // output label

  function Hop() {
    if (HoppingInterferer.stopClick) {
      hopRate = 0.0;
      hopRateSlider.value = hopRate;
      UpdateLabel(hopRate);
      clearInterval(itimer);
      return;
    }

    if (HoppingInterferer.hopping_behaviour == "periodic") {
      interferer.freq += 2e6;
      if (interferer.freq >= interferer.freq_max) {
        interferer.freq = interferer.freq_min;
      }
    } else {
      // console.log(interferer.freq);
      interferer.freq =
        interferer.freq_min +
        Math.random() * (interferer.freq_max - interferer.freq_min);
    }
  }

  hopRateSlider.value = hopRate;

  function UpdateLabel(rate) {
    label.value = d3.format(".2f")(rate) + " Hz";
  }

  function update_hop_rate() {
    var r = hopRateSlider.value;
    // r is the new hop rate in Hz
    if (r === hopRate) return;

    hopRate = r;
    UpdateLabel(r);

    clearInterval(itimer);

    if (HoppingInterferer.stopClick) {
      hopRate = 0.0;
    }

    if (hopRate < 0.01) return;
    itimer = setInterval(Hop, 1000.0 / hopRate);
  }

  UpdateLabel(hopRate);

  hopRateSlider.oninput = update_hop_rate;

  itimer = setInterval(Hop, 1000.0 / hopRate);
}

HoppingInterferer.count = 0;
HoppingInterferer.stopClick = false;