webportClient/sources/src/pages/profile.js

import React from "react";
//import Accordion from "../Componets/Acardion";
export default class UserProfilePage extends React.Component {
  ViewGroup(group) {
    if (document.getElementById(group + "_group").style.display === "none") {
      document.getElementById(group + "_group").style.display = " block";
    } else {
      document.getElementById(group + "_group").style.display = "none";
    }
  }
  checkPkg(nPkg) {
    if (this.props.Ipkgs[nPkg.spit("/")[0]]) {
      for (let n = 0; n < this.props.Ipkgs[nPkg.spit("/")[0]]; n++) {}
      //return({name: this.props.Ipkgs[nPkg.spit('/')[0]], vers:""})
    } else {
    }
  }
  TitleView() {
    try {
      if (
        document.getElementById("pTitle").textContent !== "Установленные пакеты"
      ) {
        document.getElementById("pTitle").textContent = "Установленные пакеты";
      }
    } catch (e) {
      console.log(e);
    }
  }
  render() {
    document.getElementById("HomePage").style.display = "block";
    return (
      <div>
        {this.TitleView()}
        {console.log(this.props.Ipkgs)}
        <ul>
          {Object.keys(this.props.Ipkgs).map((name) => (
            <li
              style={{
                textAlign: "left",
                borderBottom: "1px dotted #AAA",
                listStyle: "none"
              }}
            >
              <div
                style={{
                  background: "#FFF", //"#2e323f",
                  color: "#444",
                  fontSize: "1.6em",
                  padding: "5px",
                  cursor: "pointer"
                }}
                onClick={() => this.ViewGroup(name)}
              >
                {name}
              </div>
              <div
                id={name + "_group"}
                style={{ display: "none", cursor: "pointer" }}
              >
                {this.props.Ipkgs[name].map((pkg) => (
                  <div
                    style={{
                      width: "80vw",
                      padding: "10px",
                      fontSize: "1.2em",
                      borderBottom: "1px solid #CDC"
                      //background:"#AAA"
                      // #2e323f"
                    }}
                  >
                    {pkg}
                    <div
                      className="btn"
                      style={{
                        float: "right",
                        padding: "5px",
                        cursor: "pointer"
                      }}
                    >
                      Удалить
                    </div>
                  </div>
                ))}
              </div>
            </li>
          ))}
        </ul>
      </div>
    );
  }
}