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

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

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

2
Lab4/PrBookfill/package.json
View File

@ -1,5 +1,5 @@
{ {
"name": "lec4", "name": "BookFill",
"private": true, "private": true,
"version": "0.0.0", "version": "0.0.0",
"type": "module", "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"> <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> </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 { import {
Navbar, Container, Nav, Form, FormControl, Button, Navbar, Container, Nav, Form, FormControl, Button, Image,
} from 'react-bootstrap'; } from 'react-bootstrap';
import { Link, useLocation } from 'react-router-dom'; import { Link, useLocation } from 'react-router-dom';
// eslint-disable-next-line import/no-extraneous-dependencies
import { FaSearch } from 'react-icons/fa'; import { FaSearch } from 'react-icons/fa';
import './Navigation.css'; import './Navigation.css';
@ -16,7 +15,7 @@ const Navigation = ({ routes }) => {
<Navbar expand='lg' bg='dark' variant='dark' className='my-navbar'> <Navbar expand='lg' bg='dark' variant='dark' className='my-navbar'>
<Container fluid> <Container fluid>
<Navbar.Brand as={Link} to='/'> <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.Brand>
<Navbar.Toggle aria-controls='navbarSupportedContent' /> <Navbar.Toggle aria-controls='navbarSupportedContent' />
<Navbar.Collapse id='navbarSupportedContent'> <Navbar.Collapse id='navbarSupportedContent'>

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

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

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

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

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

@ -4,7 +4,7 @@ import {
const Search = () => { const Search = () => {
return ( 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> <InputGroup>
<FormControl type="search" placeholder="Search" aria-label="Search" className="mb-3" /> <FormControl type="search" placeholder="Search" aria-label="Search" className="mb-3" />
<Dropdown > <Dropdown >