diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..48e341a --- /dev/null +++ b/package-lock.json @@ -0,0 +1,3 @@ +{ + "lockfileVersion": 1 +} diff --git a/sources/.codesandbox/workspace.json b/sources/.codesandbox/workspace.json new file mode 100644 index 0000000..7b46a7e --- /dev/null +++ b/sources/.codesandbox/workspace.json @@ -0,0 +1,20 @@ +{ + "responsive-preview": { + "Mobile": [ + 320, + 675 + ], + "Tablet": [ + 1024, + 765 + ], + "Desktop": [ + 1400, + 800 + ], + "Desktop HD": [ + 1920, + 1080 + ] + } +} \ No newline at end of file diff --git a/sources/src/Componets/Acardion.js b/sources/src/Componets/Acardion.js new file mode 100644 index 0000000..f274f5c --- /dev/null +++ b/sources/src/Componets/Acardion.js @@ -0,0 +1,38 @@ +import React from "react"; + +export default class Accordion extends React.Component { + style = { + uptitle: { + ontSize: "1.6em", + padding: "5px", + cursor: "pointer" + } + }; + ViewGroup(id) { + if (document.getElementById(id + "_group").style.display === "none") { + document.getElementById(id + "_group").style.display = " block"; + } else { + document.getElementById(id + "_group").style.display = "none"; + } + } + + render() { + return ( +
+
this.chengeStatus(this.props.id)}> {this.props.text} this.chengeStatus()} + //onClick={() => this.chengeStatus(this.props.id)} />
); diff --git a/sources/src/Componets/Modal.js b/sources/src/Componets/Modal.js new file mode 100644 index 0000000..3680f66 --- /dev/null +++ b/sources/src/Componets/Modal.js @@ -0,0 +1,29 @@ +import React from "react"; + +export default class ModalForm extends React.Component { + styles = { + modal: { + //padding: "50px", + background: "#FFF", + position: "fixed", + top: "50%", + left: "50%", + WebkitTransform: "translate(-50%, -50%)", + MsTransform: "translate(-50%, -50%)", + transform: "translate(-50%, -50%)" + } + }; + render() { + return ( +- {" "} - Username: -
-- {" "} - Password: - -
-+ {" "} + Username: +
++ {" "} + Password: + +
+ ` ++ {" "} + Server: + +
+Адресс сервера {" "}
-\r\n {this.ui.decription} {this.props.PackageName.Description}\r\n
\r\n {this.ui.site} \r\n\n {this.props.title.discription}:\n {this.props.OverlayInfo.description}\n
\n \nthis.chengeStatus(this.props.id)}>\r\n {this.props.text}\r\n this.chengeStatus(this.props.id)}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/Componets/CheckField.js","import React from \"react\";\n\nexport default class ModalForm extends React.Component {\n styles = {\n modal: {\n //padding: \"50px\",\n background: \"#FFF\",\n position: \"fixed\",\n top: \"50%\",\n left: \"50%\",\n WebkitTransform: \"translate(-50%, -50%)\",\n MsTransform: \"translate(-50%, -50%)\",\n transform: \"translate(-50%, -50%)\"\n }\n };\n render() {\n return (\n\r\n {\" \"}\r\n Username: \r\n
\r\n\r\n {\" \"}\r\n Password:\r\n \r\n
\r\n `\r\n\r\n {\" \"}\r\n Server:\r\n \r\n
\r\ncd webport/source && npm install && npm run build
\r\n \r\n cd webport/source && npm install && npm run build cd .. && npm install\r\n --save-dev electron && npx electron . && cp -L sources/build ./ && npm\r\n install --verbose electron{\" \"}\r\n
\r\n \r\n Адресс сервера {\" \"}\r\n
\r\n