summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/markup/views/slotted-node-editor.js
blob: d70311e4dcb86c6466b5ea2f87dd29c454822024 (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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

const { LocalizationHelper } = require("resource://devtools/shared/l10n.js");
const INSPECTOR_L10N = new LocalizationHelper(
  "devtools/client/locales/inspector.properties"
);

function SlottedNodeEditor(container, node) {
  this.container = container;
  this.markup = this.container.markup;
  this.buildMarkup();
  this.tag.textContent = "<" + node.nodeName.toLowerCase() + ">";

  // Make the "tag" part of this editor focusable.
  this.tag.setAttribute("tabindex", "-1");
}

SlottedNodeEditor.prototype = {
  buildMarkup() {
    const doc = this.markup.doc;

    this.elt = doc.createElement("span");
    this.elt.classList.add("editor");

    this.tag = doc.createElement("span");
    this.tag.classList.add("tag");
    this.elt.appendChild(this.tag);

    this.revealLink = doc.createElement("span");
    this.revealLink.setAttribute("role", "link");
    this.revealLink.setAttribute("tabindex", -1);
    this.revealLink.title = INSPECTOR_L10N.getStr(
      "markupView.revealLink.tooltip"
    );
    this.revealLink.classList.add("reveal-link");
    this.elt.appendChild(this.revealLink);
  },

  destroy() {
    // We might be already destroyed.
    if (!this.elt) {
      return;
    }

    this.elt.remove();
    this.elt = null;
    this.tag = null;
    this.revealLink = null;
  },

  /**
   * Stub method for consistency with ElementEditor.
   */
  getInfoAtNode() {
    return null;
  },
};

module.exports = SlottedNodeEditor;