summaryrefslogtreecommitdiff
path: root/data/extensions/https-everywhere@eff.org/pages/debugging-rulesets/ux.js
blob: 0df93d8dd0801168deedb1259705e3d3116681cd (plain)
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
/* global sendMessage, CodeMirror */

"use strict";

const savedTextElement = document.getElementById("saved-text");
const unsavedTextElement = document.getElementById("unsaved-text");
const savedTitle = "Debugging Rulesets";
const unsavedTitle = "* Debugging Rulesets";

document.title = savedTitle;

const cm = CodeMirror.fromTextArea(
  document.getElementById("codemirror-textarea"),
  {
    mode: "xml",
    theme: "default main saved"
  }
);

let valueHasChanged = false;
sendMessage("get_option", { debugging_rulesets: "" }, item => {
  cm.setValue(item.debugging_rulesets);
  cm.on("change", cm => {
    if (!(valueHasChanged)) {
      valueHasChanged = true;
      document.title = unsavedTitle;
      cm.setOption("theme", "default main unsaved");
      unsavedTextElement.style.visibility = "visible";
    }
  });
});

document.getElementById("save-button").addEventListener("click", e => {
  e.preventDefault();
  sendMessage("set_option", { debugging_rulesets: cm.getValue() }, () => {
    savedTextElement.style.display = "block";
    setTimeout(() => {
      savedTextElement.style.display = "none";
    }, 1000);

    valueHasChanged = false;
    document.title = savedTitle;
    cm.setOption("theme", "default main saved");
    unsavedTextElement.style.visibility = "hidden";
  });
});