CyberBloom/OgeetoCaseCyberGarden
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

functional 1

Browse Source 
added create meets, check meets, edit meets [edit meets not stable]
This commit is contained in:
Demi-Play
2023-12-23 07:38:29 +03:00
parent 3fa127445c
commit 4dc1d1a12b
8 changed files with 368 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/components/Home/Home.jsx
View File

@ -1,7 +1,8 @@
import React from 'react';
// import Header from '../Header';
import './style.css'
import styled from 'styled-components';
import { HttpApiMethods } from '../fetchUtils/FetchUtils';
import EditForm from '../post/PostForm';
const Taged = styled.div({
borderRadius: 10,
@ -9,46 +10,38 @@ const Taged = styled.div({
})
const httpApiMethods = new HttpApiMethods()
const meets = await httpApiMethods.GetMeetings()
const Home = () => {
function extractDateTime(dateString) {
const dateTime = new Date(dateString);
const date = dateTime.toLocaleDateString();
const time = dateTime.toLocaleTimeString();
return { date, time };
}
return (
<div className='wrapp'>
{/* <Header></Header> */}
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
{Array.isArray(meets) ? (
meets.map((item, index) => (
<div className='event_card' key={index}>
<div className="event-card__photo"><img className='img' src={httpApiMethods.APIURL_FILES + item.speackerImage} alt="{item.speackerImage}" /></div>
<div className="taggs">
<div className='tagged'>{item.tags}</div>
<div className="feautures">{item.type}</div>
</div>
<h4 className="event-card__title">{item.title}</h4>
<p className="event-card__date">{extractDateTime(item.time).date}, в {extractDateTime(item.time).time} по Московскому времени</p>
</div>
))
) : (
<p>Неверный тип данных с сервера!</p>
)}
{/* <EditForm></EditForm> */}
</div>
);
}

12
src/components/Home/style.css
View File

@ -3,12 +3,14 @@
height: 626px;
flex-shrink: 0;
margin-top: 100px;
margin-right: 31px;
margin-right: 11px;
}
.wrapp {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: 40px;
/* max-width: 1521px; */
}
@ -18,6 +20,7 @@
.event-card_date {
color: var(--gray_text, #888);
text-align: left;
/* title */
font-family: Montserrat;
@ -43,6 +46,13 @@ margin-bottom: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: left;
}
.img {
width: 292px;
height: 340px;
flex-shrink: 0;
}
.feautures {