StroevVladimir/PIbd-22.-Stroev-V.M.-Internet-Programm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Правки

Browse Source
This commit is contained in:
DyCTaTOR 2023-12-24 15:07:57 +04:00
parent fdaaf00f95
commit e2d07fe455
6 changed files with 21 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
Lab5/src/components/Directions/direct/Directions.jsx
View File

@ -1,6 +1,4 @@
import { Search } from 'react-bootstrap-icons';
import { useState } from 'react'; import { useState } from 'react';
import { Button } from 'react-bootstrap';
import TableDirect from './TableDirect.jsx'; import TableDirect from './TableDirect.jsx';
import Direction from './Direction.jsx'; import Direction from './Direction.jsx';
import useDirections from '../hooks/DirectionHooks'; import useDirections from '../hooks/DirectionHooks';
@ -15,7 +13,6 @@ const Directions = () => {
<div className = 'd-flex justify-content-center mb-4'> <div className = 'd-flex justify-content-center mb-4'>
<Input className = 'd-flex justify-content-center w-50' name='search' value = {searchValue} onChange={(e) => setSearchValue(e.target.value)} <Input className = 'd-flex justify-content-center w-50' name='search' value = {searchValue} onChange={(e) => setSearchValue(e.target.value)}
type='text' required /> type='text' required />
<Button style = {{ marginLeft: '5' }} onClick={() => console.log(searchValue)} ><Search /></Button>
</div> </div>
<div className = 'd-flex justify-content-center'> <div className = 'd-flex justify-content-center'>
<TableDirect> <TableDirect>

10
Lab5/src/main.jsx
View File

@ -10,8 +10,6 @@ import Page2 from './pages/Page2.jsx';
import Page3 from './pages/Page3.jsx'; import Page3 from './pages/Page3.jsx';
import Page4 from './pages/Page4.jsx'; import Page4 from './pages/Page4.jsx';
import Page5 from './pages/Page5.jsx'; import Page5 from './pages/Page5.jsx';
import Reduse from './pages/Reduse.jsx';
import Admin from './pages/Admin.jsx';
const routes = [ const routes = [
{ {
@ -40,14 +38,6 @@ const routes = [
element: <Page5 />, element: <Page5 />,
title: 'Контакты', title: 'Контакты',
}, },
{
path: '/admin',
element: <Admin />,
},
{
path: '/reduse',
element: <Reduse />,
},
]; ];
const router = createBrowserRouter([ const router = createBrowserRouter([

52
Lab5/src/pages/Admin.jsx
View File

@ -1,52 +0,0 @@
import { Button, Container, Table } from 'react-bootstrap';
import { Link } from 'react-router-dom';
const Admin = () => {
return (
<Container className="p-2 text-center">
<span className="mainSt">
<b>Новости</b>
</span>
<div className="tbb1 p-3 table-responsive-md mt-4 row justify-content-start">
<Table className="col-lg2 w-50 mx-auto">
<thead>
<tr>
<th className="w-25">Дата добавления</th>
<th className="w-50">Название</th>
<th className="w-25"></th>
<th className="w-75"></th>
</tr>
</thead>
<tbody>
<tr>
<td>13.10.23</td>
<td>УлГТУ вошёл в топ-250 лучших вузов</td>
<td><Button as = {Link} to="/reduse">Редактировать</Button></td>
<td>Удалить</td>
</tr>
<tr>
<td>13.10.23</td>
<td>“Мосты в будущее” будут видны из УлГТУ</td>
<td><Button as = {Link} to="/reduse">Редактировать</Button></td>
<td>Удалить</td>
</tr>
<tr>
<td>27.10.23</td>
<td>Поправки в системе работы приёмной комиссии</td>
<td><Button as = {Link} to="/reduse">Редактировать</Button></td>
<td>Удалить</td>
</tr>
<tr>
<td>27.10.23</td>
<td>Студенты возвращаются к учёбе после зимней сессии позже, чем раньше</td>
<td><Button as = {Link} to="/reduse">Редактировать</Button></td>
<td>Удалить</td>
</tr>
</tbody>
</Table>
</div>
</Container>
);
};
export default Admin;

9
Lab5/src/pages/CartPage.jsx
View File

@ -1,9 +0,0 @@
import Cart from '../components/cart/Cart.jsx';
const CartPage = () => {
return (
<Cart />
);
};
export default CartPage;

24
Lab5/src/pages/Page4.jsx
View File

@ -1,8 +1,26 @@
import Lines from '../components/lines/table/Lines.jsx';
const Page4 = () => { const Page4 = () => {
return ( return (
<Lines /> <main className="container-fluid text-center">
<span className="mainSt">
<b>Личный кабинет</b>
</span>
<div className="rectpage4 d-flex row justify-content-center">
<form className="col-md-4 m-0 w-auto" action="./page4.html" method="get">
<div className="mb-2">
<label className="form-label" htmlFor="login"><b>Логин</b></label>
<input id="login" name="login" className="form-control"
placeholder="dyctator" type="text" required />
</div>
<div className="mb-2">
<label className="form-label" htmlFor="password"><b>Пароль</b></label>
<input id="password" name="password" className="form-control" type="password" required />
</div>
<div className="text-center">
<button className="btn btn-primary w-auto" type="button">Войти</button>
</div>
</form>
</div>
</main>
); );
}; };

28
Lab5/src/pages/Reduse.jsx
View File

@ -1,28 +0,0 @@
import { Container, Form, Button } from 'react-bootstrap';
const Reduse = () => {
return (
<Container className="p-2 text-center">
<span className="mainSt">
<b>Новости</b>
</span>
<div className="rectpage4 d-flex row justify-content-center">
<Form className="col-md-4 m-0 w-auto" action="./page4.html" method="get">
<Form.Group className="mb-2">
<Form.Label><b>Название новости</b></Form.Label>
<Form.Control id="name" name="name" placeholder="Например" type="text" required />
</Form.Group>
<Form.Group className="mb-2">
<Form.Label><b>Изображение</b></Form.Label>
<Form.Control id="image" name="image" type="file" required />
</Form.Group>
<div className="text-center">
<Button className="btn btn-primary w-auto" type="button">Добавить новость</Button>
</div>
</Form>
</div>
</Container>
);
};
export default Reduse;