mirzaev/graph.js
mirzaev
/
graph.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change <a> to <article> back and add parameters to create a node

This commit is contained in:
Arsen Mirzaev Tatyano-Muradovich 2022-11-24 17:24:23 +10:00
parent 7859ed2977
commit 7bb1772164
1 changed files with 37 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
graph.js
View File

@ -1,6 +1,6 @@
import Victor from "https://cdn.skypack.dev/victor@1.1.0"; import Victor from "https://cdn.skypack.dev/victor@1.1.0";
'use strict'; ("use strict");
/** /**
* @author Arsen Mirzaev Tatyano-Muradovich <arsen@mirzaev.sexy> * @author Arsen Mirzaev Tatyano-Muradovich <arsen@mirzaev.sexy>
@ -95,27 +95,52 @@ class graph {
constructor(operator, data) { constructor(operator, data) {
// Инициализация HTML-элемента узла // Инициализация HTML-элемента узла
const a = document.createElement("a"); const article = document.createElement("article");
a.id = operator.nodes.size; article.id = operator.nodes.size;
a.classList.add("node", "unselectable"); article.classList.add("node", "unselectable");
if (typeof data.href === "string") a.href = data.href; if (typeof data.href === "string") {
article.href = data.href;
}
if (typeof data.title === "string") { // Инициализация заголовка-ссылки
// Найден заголовок узла const title = document.createElement("a");
title.innerText = data.title ?? data.link ?? "Неизвестно";
if (typeof data.link === "string") title.href = data.link;
// Запись в оболочку
article.appendChild(title);
if (typeof data.description === "string") {
// Найдено описание узла
// Инициализация заголовка // Инициализация заголовка
const title = document.createElement("h4"); const description = document.createElement("p");
title.innerText = data.title; description.innerText = data.description;
description.style.display = "none";
article.setAttribute(
"onclick",
"const description = this.getElementsByTagName('p')[0]; description.style.display === 'none' ? description.style.display = null : description.style.display = 'none'"
);
// Запись в оболочку // Запись в оболочку
a.appendChild(title); article.appendChild(description);
}
if (
typeof data.append === "HTMLCollection" ||
typeof data.append === "HTMLElement"
) {
// Найдены другие HTML-элементы узла
// Запись в оболочку
article.appendChild(data.append);
} }
// Запись в документ // Запись в документ
operator.shell.appendChild(a); operator.shell.appendChild(article);
// Запись в свойство // Запись в свойство
this.#element = a; this.#element = article;
// Запись в свойство // Запись в свойство
this.#operator = operator; this.#operator = operator;