blob: cea6d3b1844c585e694d5bb589b7ed237b5b228a (
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
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
|
/* 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/. */
import { InfoItem } from "./info-item.js";
import { updateSelectedItem } from "../certviewer.js";
import { normalizeToKebabCase } from "../utils.js";
export class InfoGroup extends HTMLElement {
constructor(item, final) {
super();
this.item = item;
this.final = final;
}
connectedCallback() {
let infoGroupTemplate = document.getElementById("info-group-template");
this.attachShadow({ mode: "open" }).appendChild(
infoGroupTemplate.content.cloneNode(true)
);
document.l10n.connectRoot(this.shadowRoot);
document.l10n.translateFragment(this.shadowRoot);
this.render();
}
render() {
let title = this.shadowRoot.querySelector(".info-group-title");
title.setAttribute(
"data-l10n-id",
"certificate-viewer-" + this.item.sectionId
);
// Adds a class with the section title's name, to make
// it easier to find when highlighting errors.
this.classList.add(this.item.sectionId);
for (let i = 0; i < this.item.sectionItems.length; i++) {
this.shadowRoot.append(new InfoItem(this.item.sectionItems[i]));
}
if (this.item.sectionId === "issuer-name") {
this.setLinkToTab();
}
let criticalIcon = this.shadowRoot.querySelector("#critical-info");
if (!this.item.Critical) {
criticalIcon.style.visibility = "hidden";
}
}
setLinkToTab() {
if (this.final) {
return;
}
let issuerLabelElement =
this.shadowRoot.querySelector(".common-name") ||
this.shadowRoot.querySelector(".organizational-unit");
issuerLabelElement = issuerLabelElement?.shadowRoot.querySelector(".info");
if (!issuerLabelElement) {
return;
}
let link = document.createElement("a");
link.textContent = issuerLabelElement.textContent;
if (!link.textContent) {
link.setAttribute(
"data-l10n-id",
"certificate-viewer-unknown-group-label"
);
}
link.setAttribute("href", "#");
issuerLabelElement.textContent = "";
issuerLabelElement.appendChild(link);
link.addEventListener("click", () => {
let id = normalizeToKebabCase(link.textContent);
let issuerTab = document
.querySelector("certificate-section")
.shadowRoot.getElementById(id);
let index = issuerTab.getAttribute("idnumber");
updateSelectedItem(index);
});
}
}
customElements.define("info-group", InfoGroup);
|
