diff --git a/Lab4/index.html b/Lab4/index.html index ab40ba7..9716ed9 100644 --- a/Lab4/index.html +++ b/Lab4/index.html @@ -2,7 +2,7 @@ - + UlSTU diff --git a/Lab4/src/components/navigation/Navigation.css b/Lab4/src/components/navigation/Navigation.css index 56e07a8..5ddf1d8 100644 --- a/Lab4/src/components/navigation/Navigation.css +++ b/Lab4/src/components/navigation/Navigation.css @@ -7,6 +7,6 @@ } .my-navbar .logo { - width: 26px; - height: 26px; + width: 52px; + height: 36px; } \ No newline at end of file diff --git a/Lab4/src/components/navigation/Navigation.jsx b/Lab4/src/components/navigation/Navigation.jsx index 4495d9e..88c25a2 100644 --- a/Lab4/src/components/navigation/Navigation.jsx +++ b/Lab4/src/components/navigation/Navigation.jsx @@ -1,6 +1,7 @@ import PropTypes from 'prop-types'; -import { Container, Nav, Navbar } from 'react-bootstrap'; -import { Cart2 } from 'react-bootstrap-icons'; +import { + Image, Container, Nav, Navbar, +} from 'react-bootstrap'; import { Link, useLocation } from 'react-router-dom'; import './Navigation.css'; @@ -14,8 +15,7 @@ const Navigation = ({ routes }) => { - - UlSTU + diff --git a/Lab4/src/main.jsx b/Lab4/src/main.jsx index c9608da..d614214 100644 --- a/Lab4/src/main.jsx +++ b/Lab4/src/main.jsx @@ -10,7 +10,8 @@ import Page2 from './pages/Page2.jsx'; import Page3 from './pages/Page3.jsx'; import Page4 from './pages/Page4.jsx'; import Page5 from './pages/Page5.jsx'; -import PageEdit from './pages/PageEdit.jsx'; +import Admin from './pages/Admin.jsx'; +import Reduse from './pages/Reduse.jsx'; const routes = [ { @@ -40,8 +41,12 @@ const routes = [ title: 'Контакты', }, { - path: '/page-edit', - element: , + path: '/admin', + element: , + }, + { + path: '/reduse', + element: , }, ]; diff --git a/Lab4/src/pages/Admin.jsx b/Lab4/src/pages/Admin.jsx new file mode 100644 index 0000000..7cd520d --- /dev/null +++ b/Lab4/src/pages/Admin.jsx @@ -0,0 +1,52 @@ +import { Button, Container, Table } from 'react-bootstrap'; +import { Link } from 'react-router-dom'; + +const Admin = () => { + return ( + + + Новости + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Дата добавленияНазвание
13.10.23УлГТУ вошёл в топ-250 лучших вузовУдалить
13.10.23“Мосты в будущее” будут видны из УлГТУУдалить
27.10.23Поправки в системе работы приёмной комиссииУдалить
27.10.23Студенты возвращаются к учёбе после зимней сессии позже, чем раньшеУдалить
+
+ + ); +}; + +export default Admin; diff --git a/Lab4/src/pages/Page1.jsx b/Lab4/src/pages/Page1.jsx index 728eb71..b900d87 100644 --- a/Lab4/src/pages/Page1.jsx +++ b/Lab4/src/pages/Page1.jsx @@ -1,63 +1,66 @@ import { Link } from 'react-router-dom'; -import { Button } from 'react-bootstrap'; +import { + Container, Button, Row, Col, Image, +} from 'react-bootstrap'; const Page1 = () => { return ( <> -
- - Новости - -
- -
-
-
-
- New1 -
- - УлГТУ вошёл в топ-250 лучших вузов - -
+ + + Новости + +
+
-
-
-
- New2 -
- - “Мосты в будущее” будут видны из УлГТУ - -
-
-
-
-
-
-
- New3 -
- - Поправки в системе работы приёмной комиссии - -
-
-
-
-
- New4 -
- - Студенты возвращаются к учёбе после зимней сессии позже, чем раньше - -
-
-
-
-
+ + +
+ New1 +
+ + УлГТУ вошёл в топ-250 лучших вузов + +
+
+ + +
+ New2 +
+ + “Мосты в будущее” будут видны из УлГТУ + +
+
+ + + + +
+ New3 +
+ + Поправки в системе работы приёмной комиссии + +
+
+ + +
+ New4 +
+ + Студенты возвращаются к учёбе после + зимней сессии позже, чем раньше + +
+
+ + + ); }; diff --git a/Lab4/src/pages/PageEdit.jsx b/Lab4/src/pages/PageEdit.jsx deleted file mode 100644 index 4dde4de..0000000 --- a/Lab4/src/pages/PageEdit.jsx +++ /dev/null @@ -1,53 +0,0 @@ -import { useState } from 'react'; -import { Button, Form } from 'react-bootstrap'; -import { Link } from 'react-router-dom'; - -const PageEdit = () => { - const [validated, setValidated] = useState(false); - - const handleSubmit = (event) => { - const form = event.currentTarget; - if (form.checkValidity() === false) { - event.preventDefault(); - event.stopPropagation(); - } - - setValidated(true); - }; - - return ( - <> -
- placeholder -
-
- - Товары - - - - - Цена - - - - Количество - - - - Изображение - - - - - - -
- - ); -}; - -export default PageEdit; diff --git a/Lab4/src/pages/Reduse.jsx b/Lab4/src/pages/Reduse.jsx new file mode 100644 index 0000000..b264c1e --- /dev/null +++ b/Lab4/src/pages/Reduse.jsx @@ -0,0 +1,28 @@ +import { Container, Form, Button } from 'react-bootstrap'; + +const Reduse = () => { + return ( + + + Новости + +
+
+ + Название новости + + + + Изображение + + +
+ +
+
+
+ + ); +}; + +export default Reduse;