You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
2.2 KiB
84 lines
2.2 KiB
3 years ago
|
import React from "react";
|
||
|
|
||
|
//import FullCard from "./fullCard";
|
||
|
//import PkgList from "../../pages/pks";
|
||
|
import "./style.css";
|
||
|
//import Swiper from "react-slider-swiper";
|
||
|
//import InstallForm from "../pages/InstallForm";
|
||
|
const ui = { description: "Описание" };
|
||
|
class Scard extends React.Component {
|
||
|
//Viewinstall(package) {
|
||
|
//const pkgInfo = this.props.rec[package]
|
||
|
//return <InstallForm rec={pkgInfo} />;
|
||
|
//}:
|
||
|
params = {
|
||
|
pagination: ".swiper-pagination",
|
||
|
paginationClickable: true,
|
||
|
nextButton: ".swiper-button-next",
|
||
|
prevButton: ".swiper-button-prev",
|
||
|
spaceBetween: 30,
|
||
|
runCallbacksOnInit: true,
|
||
|
onInit: (swiper) => {
|
||
|
this.swiper = swiper;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
render() {
|
||
|
return this.props.rec.map((pksl, i) => (
|
||
|
<div
|
||
|
className="Card"
|
||
|
style={{
|
||
|
padding: "13px",
|
||
|
border: "1px solid #AAA",
|
||
|
//borderRadius: "16px",
|
||
|
backgroundColor: "#f9f9fa",
|
||
|
width: "20%"
|
||
|
|
||
|
//coloor: "#444"
|
||
|
//background: "#2E323F",
|
||
|
//color: "#AAA"
|
||
|
}}
|
||
|
onClick={() => this.props.ViewPackageInfo(this.props.rec[i])}
|
||
|
>
|
||
|
<img
|
||
|
style={{
|
||
|
position: "relative",
|
||
|
float: "left",
|
||
|
width: "48px",
|
||
|
height: "48px"
|
||
|
}}
|
||
|
src="/"
|
||
|
/>
|
||
|
<div
|
||
|
style={{
|
||
|
//display: "flex",
|
||
|
flex: "1",
|
||
|
padding: " 0 6px",
|
||
|
height: "100%",
|
||
|
borderBottom: " 1px solid rgba(0, 0, 0, 0.05)",
|
||
|
justifyContent: "space-between"
|
||
|
|
||
|
//color: "#AAA"
|
||
|
}}
|
||
|
>
|
||
|
<b style={{ width: "100%", display: "block", textAlign: "center" }}>
|
||
|
{pksl.Name.split("/")[1]}
|
||
|
</b>
|
||
|
{
|
||
|
<div
|
||
|
style={{ position: "relative", top: "36px", textAlign: "left" }}
|
||
|
>
|
||
|
<div className="descrition" style={{ display: "flex" }}>
|
||
|
<b style={{ textAlign: "left", whiteSpace: "break-spaces" }}>
|
||
|
{ui.description} {":"} {pksl.Description}
|
||
|
</b>
|
||
|
</div>
|
||
|
</div>
|
||
|
}
|
||
|
</div>
|
||
|
</div>
|
||
|
));
|
||
|
}
|
||
|
}
|
||
|
export default Scard;
|