Egor_Petrushin/Web-programming_Petrushin_E.A._PIbd-22
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

4_final

Browse Source
This commit is contained in:
GokaPek 2023-12-08 14:52:22 +04:00
parent 39a552e5fe
commit 5d8d3241af
9 changed files with 323652 additions and 136906 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

460423
Lab4/PIbd-22_Petrushin_E.A._Web_4.rtf
View File

File diff suppressed because it is too large Load Diff

2
Lab4/PrBookfill/index.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My shop</title>
<title>BookFill</title>
</head>
<body>

4
Lab4/PrBookfill/package-lock.json generated
View File

@ -1,11 +1,11 @@
{
"name": "lec4",
"name": "BookFill",
"version": "0.0.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "lec4",
"name": "BookFill",
"version": "0.0.0",
"dependencies": {
"bootstrap": "^5.3.2",

2
Lab4/PrBookfill/package.json
View File

@ -1,5 +1,5 @@
{
"name": "lec4",
"name": "BookFill",
"private": true,
"version": "0.0.0",
"type": "module",

2
Lab4/PrBookfill/public/favicon.svg
View File

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart2" viewBox="0 0 16 16">
<path d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l1.25 5h8.22l1.25-5H3.14zM5 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/>
<path d="M0 0v16h16V0H0zm15 15H1V1h13v13zM1 0a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h1V1h1v14h1V1h1v14h1V1h1v14h1V1h1v14h1V1h1v14h1V1h1v13a1 1 0 0 0 1 1h1V1a1 1 0 0 0-1-1h-2z"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 463 B

After

Width:  |  Height:  |  Size: 302 B

5
Lab4/PrBookfill/src/components/navigation/Navigation.jsx
View File

@ -1,8 +1,7 @@
import {
Navbar, Container, Nav, Form, FormControl, Button,
Navbar, Container, Nav, Form, FormControl, Button, Image,
} from 'react-bootstrap';
import { Link, useLocation } from 'react-router-dom';
// eslint-disable-next-line import/no-extraneous-dependencies
import { FaSearch } from 'react-icons/fa';
import './Navigation.css';
@ -16,7 +15,7 @@ const Navigation = ({ routes }) => {
<Navbar expand='lg' bg='dark' variant='dark' className='my-navbar'>
<Container fluid>
<Navbar.Brand as={Link} to='/'>
<img className='logo pb-2' src='src/assets/big-logo.png' alt='Логотип' />
<Image className='logo pb-2' src='src/assets/big-logo.png' alt='Логотип' />
</Navbar.Brand>
<Navbar.Toggle aria-controls='navbarSupportedContent' />
<Navbar.Collapse id='navbarSupportedContent'>

16
Lab4/PrBookfill/src/pages/Admin.jsx
View File

@ -9,13 +9,15 @@ const Admin = () => {
</ButtonGroup>
<Table className="mt-2" striped>
<thead>
<th scope="col">#</th>
<th scope="col">Category</th>
<th scope="col">Name</th>
<th scope="col">Author</th>
<th scope="col">ISBN</th>
<th scope="col">Price</th>
<th scope="col">Image</th>
<tr>
<th scope="col">#</th>
<th scope="col">Category</th>
<th scope="col">Name</th>
<th scope="col">Author</th>
<th scope="col">ISBN</th>
<th scope="col">Price</th>
<th scope="col">Image</th>
</tr>
</thead>
<tbody></tbody>
</Table>

102
Lab4/PrBookfill/src/pages/Page2.jsx
View File

@ -1,58 +1,58 @@
import {
Form, InputGroup, FormControl, Button, Dropdown, Table,
Form, InputGroup, FormControl, Button, Dropdown, Table,
} from 'react-bootstrap';
const Page2 = () => {
return (
<Form inline className="form-inlinecustom-search mx-auto mt-3 pt-5" id="big-search">
<InputGroup>
<FormControl type="search" placeholder="Search" aria-label="Search" className="mb-3" />
<Dropdown >
<Dropdown.Toggle variant="success" id="dropdown-basic" className="mb-3">
Choose category...
</Dropdown.Toggle>
<Dropdown.Menu>
<Dropdown.Item>1</Dropdown.Item>
<Dropdown.Item>2</Dropdown.Item>
<Dropdown.Item>3</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
<Button variant="outline-success" className="mb-3">Search</Button>
</InputGroup>
<div className="scroll-panel-favour">
<Table striped bordered hover>
<thead>
<tr>
<th>#</th>
<th>Book</th>
<th>Author</th>
<th>Gener</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
<tr>
<td>2</td>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
<tr>
<td>3</td>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
</tbody>
</Table>
</div>
</Form>
);
return (
<Form className="form-inlinecustom-search mx-auto mt-3 pt-5" id="big-search">
<InputGroup>
<FormControl type="search" placeholder="Search" aria-label="Search" className="mb-3" />
<Dropdown >
<Dropdown.Toggle variant="success" id="dropdown-basic" className="mb-3">
Choose category...
</Dropdown.Toggle>
<Dropdown.Menu>
<Dropdown.Item>1</Dropdown.Item>
<Dropdown.Item>2</Dropdown.Item>
<Dropdown.Item>3</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
<Button variant="outline-success" className="mb-3">Search</Button>
</InputGroup>
<div className="scroll-panel-favour">
<Table striped bordered hover>
<thead>
<tr>
<th>#</th>
<th>Book</th>
<th>Author</th>
<th>Gener</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
<tr>
<td>2</td>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
<tr>
<td>3</td>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
</tbody>
</Table>
</div>
</Form>
);
};
export default Page2;

2
Lab4/PrBookfill/src/pages/Search.jsx
View File

@ -4,7 +4,7 @@ import {
const Search = () => {
return (
<Form inline className="form-inlinecustom-search mx-auto mt-3 pt-5" id="big-search">
<Form className="form-inlinecustom-search mx-auto mt-3 pt-5" id="big-search">
<InputGroup>
<FormControl type="search" placeholder="Search" aria-label="Search" className="mb-3" />
<Dropdown >