import React from "react";
import NavBar from "./NavList/navList";
import AuthForm from "../pages/auth/auth";
import MainPage from "../pages/main";
import FullCard from "../Componets/Cards/fullCard";
//import OverlaPage from "../pages/overlays";
import "./style.css";
import ReactDOM from "react-dom";
//import { useState } from "react";
export default class AppContainer extends React.Component {
ui = {
BackButton: {
text: "Назад"
},
button: {
sync: {
text: "Обновить",
icon:
"https://cdn.icon-icons.com/icons2/3168/PNG/512/refresh_arrow_arrows_icon_193535.png"
}
}
};
//VSB = document.getElementById("navbar")style.display
Ptitle = () => this.viewSideBar();
findPakg(pkg) {
this.viewPakegeInfo(pkg);
}
viewPakegeInfo(pkgName) {
const url = this.props.ServerAddress + "/find?pkg=" + pkgName;
const response = fetch(url);
/*try {
portage_list[pkgName];
} catch (e) {*/
if (response.ok) {
// если HTTP-статус в диапазоне 200-299
// получаем тело ответа (см. про этот метод ниже)
let res = response.json();
ReactDOM.render(
,
document.getElementById("HomePage")
);
document.getElementById("inS").value = "";
} else {
console.log("Ошибка HTTP: " + response.status);
//}
}
console.log(pkgName);
}
toBack() {
document.getElementById("backBtn").style.display = "none";
//document.getElementById("containerInfo").style.display = "none";
document.getElementById("container").style.display = "block";
document.getElementById("pTitle").textContent = this.ViewTitle();
document.getElementById("pTitle").textContent = "Главная";
ReactDOM.render(
,
document.getElementById("HomePage")
);
//window.location.reload();
//this.ViewTitle();
//document.getElementById('pTitle').textContent = this.props.menuItems[]
}
viewSideBar() {
// Появление меню слева
if (document.getElementById("navbar").style.display !== "none") {
// document.getElementById("MainContent").style.paddingLeft = "300px";
// document.getElementById("MainContent").width = -"300px";
//document.getElementById("container").style.width =
// String(document.querySelector(".container").offsetWidth - 300) + "px";
console.log("on");
//console.log(document.querySelector(".page-content").offsetWidth);
//document.getElementById("btn-toggle").style.paddingLeft = "270px";
//document.getElementById("btn-toggle").style.float = "right";
document.getElementById("navBar").style.display = "none";
//this.VVSB = true;
} else {
//document.getElementById("MainContent").style.paddingLeft = "0px";
//document.getElementById("container").style.width =
// String(document.querySelector(".container").offsetWidth + 300) + "px";
//document.getElementById("btn-toggle").style.paddingLeft = "0px";
document.getElementById("navBar").style.display = "block"; //left: "-300px";
console.log("off");
//console.log(document.querySelector(".container").offsetWidth);
//this.VVSB = false;
}
}
btnMenu() {
return (
);
}
ViewTitle() {
// Имя заголовка меню
for (let i = 0; i > this.props.menuItems.length; i++) {
if (
this.props.menuItems[i].url ===
window.location.href.split(window.location.host)[1]
//this.props.menuItems[i].url
//window.location.href.split(window.location.host)[1]
) {
//document.getElementById("pTitle").textContent = this.props.menuItems[i].text;
this.pTitle = this.props.menuItems[i].text;
}
console.log(this.title);
return (this.pTitle = this.props.menuItems[i].text);
}
}
render() {
//this.ViewTitle();
return (
{}
-
this.toBack()}
>
{navigator.userAgentData.mobile
? this.btnMenu()
: console.log("desktop")}
{/*
{this.PackageName}
*/}
{}
-
-
{this.props.children}
);
}
}