2022-03-04 17:53:18 +00:00
|
|
|
import {addStyle} from "../utils";
|
2022-02-26 21:26:16 +00:00
|
|
|
import * as fs from "fs";
|
|
|
|
import * as path from "path";
|
|
|
|
export function injectTabs() {
|
2022-03-04 17:53:18 +00:00
|
|
|
document.addEventListener("DOMContentLoaded", function (event) {
|
|
|
|
var elem = document.createElement("div");
|
|
|
|
elem.innerHTML = `<nav class="tabs">
|
2022-02-26 21:26:16 +00:00
|
|
|
<div id="tabs-controls-container">
|
|
|
|
<button class="tabs-buttons" onclick="armcord.openTab(1)">1</button>
|
|
|
|
<button class="tabs-buttons" onclick="armcord.openTab(2)">2</button>
|
|
|
|
<button class="tabs-buttons" onclick="armcord.openTab(3)">3</button>
|
|
|
|
<button class="tabs-buttons" onclick="armcord.openTab(4)">4</button>
|
|
|
|
<button class="tabs-buttons" onclick="armcord.openTab(5)">5</button>
|
|
|
|
<p class="experimental">Experimental</p>
|
|
|
|
</div>
|
|
|
|
</nav>`;
|
2022-03-04 17:53:18 +00:00
|
|
|
elem.classList.add("withFrame-haYltI");
|
|
|
|
if (document.getElementById("app-mount") == null) {
|
|
|
|
document.body.appendChild(elem);
|
|
|
|
} else {
|
|
|
|
document.getElementById("app-mount")!.prepend(elem);
|
|
|
|
}
|
|
|
|
const cssPath = path.join(__dirname, "../", "/content/css/tabs.css");
|
|
|
|
addStyle(fs.readFileSync(cssPath, "utf8"));
|
|
|
|
});
|
|
|
|
}
|