лаба3 готовая

This commit is contained in:
a.puchkina 2023-12-15 13:37:52 +04:00
parent 42ad3e725e
commit 44ff5af2d8
7 changed files with 33 additions and 44 deletions

View File

@ -269,7 +269,7 @@ orders .container-products {
margin-bottom: 3%; margin-bottom: 3%;
} }
.container-products img { .container-products img {
width: 30%; width: 50px;
padding: 2%; padding: 2%;
} }
cart .card, cart .card,

View File

@ -48,7 +48,7 @@
<label for="password">Пароль</label> <label for="password">Пароль</label>
<input type="password" name="password" required /> <input type="password" name="password" required />
</div> </div>
<a href="page4.html" class="btn">Войти</a> <a href="page-edit.html" class="btn">Войти</a>
</form> </form>
</div> </div>
<div class="col"> <div class="col">

View File

@ -34,28 +34,28 @@
</header> </header>
<cart> <cart>
<p class="title">КОРЗИНА</p> <p class="title">КОРЗИНА</p>
<div class="row row-cols-1 row-cols-md-2 row-col-lg-2 g-10"> <div class="row">
<div class="col"> <div class="col-sm-8">
<div class="container-products"> <div class="container-products">
<img src="images/sofa3.png" /> <img src="images/sofa3.png" width="30%" />
<p class="title-product">Диван 3</p> <p class="title-product">Диван 3</p>
<p class="articul">Артикул 2352788</p> <p class="articul">Артикул 2352788</p>
<p class="price">14 999 руб.</p> <p class="price">14 999 руб.</p>
<a class="navbar-brand p-0" href="#"> <a class="navbar-brand p-0" href="#">
<img src="images/iconDelete.png" alt="Удалить" width="100" /> <img src="images/iconDelete.png" alt="Удалить" width="25" />
</a> </a>
</div> </div>
<div class="container-products"> <div class="container-products">
<img src="images/chair3.png" /> <img src="images/chair3.png" width="30%" />
<div class="title-product">Кресло</div> <div class="title-product">Кресло</div>
<div class="articul">Артикул 6488268</div> <div class="articul">Артикул 6488268</div>
<div class="price">7 999 руб.</div> <div class="price">7 999 руб.</div>
<a class="navbar-brand p-0" href="#"> <a class="navbar-brand p-0" href="#">
<img src="images/iconDelete.png" alt="Удалить" width="100" /> <img src="images/iconDelete.png" alt="Удалить" width="25" />
</a> </a>
</div> </div>
</div> </div>
<div class="col"> <div class="col-sm-4">
<div class="card"> <div class="card">
<div class="row"> <div class="row">
<u>Ваша корзина</u> <u>Ваша корзина</u>

View File

@ -108,7 +108,7 @@
type="number" type="number"
value="0" value="0"
min="1000" min="1000"
step="100" step="1"
required required
/> />
</div> </div>

File diff suppressed because one or more lines are too long

View File

@ -340,7 +340,7 @@ export async function linesPageForm() {
drawItemsSelect(); drawItemsSelect();
// func1 = (id) => {} аналогично function func1(id) {} // func1 = (id) => {} аналогично function func1(id) {}
const goBack = () => location.assign("/page4.html"); const goBack = () => location.assign("/page-edit.html");
// Вызов функции обновления превью изображения при возникновении // Вызов функции обновления превью изображения при возникновении
// события onchange в тэге input с id image // события onchange в тэге input с id image
@ -371,7 +371,7 @@ export async function linesPageForm() {
// иначе устанавливается заглушка, адрес которой указан в imagePlaceholder // иначе устанавливается заглушка, адрес которой указан в imagePlaceholder
cntrls.imagePreview.src = line.image ? line.image : imagePlaceholder; cntrls.imagePreview.src = line.image ? line.image : imagePlaceholder;
} catch { } catch {
// в случае ошибки происходит возврат к page4 // в случае ошибки происходит возврат к page-edit
goBack(); goBack();
} }
} }
@ -432,7 +432,7 @@ export async function linesPageForm() {
imageBase64 imageBase64
); );
} }
// возврат к странице page4 // возврат к странице page-edit
goBack(); goBack();
}); });
} }

View File

@ -42,13 +42,13 @@
<table id="items-table" class="table table-light table-striped"> <table id="items-table" class="table table-light table-striped">
<thead> <thead>
<th scope="col"></th> <th scope="col"></th>
<th scope="col" class="w-25">Категория</th> <th scope="col" class="w-10">Категория</th>
<th scope="col" class="w-25">Название</th> <th scope="col" class="w-30">Название</th>
<th scope="col" class="w-25">Цена</th> <th scope="col" class="w-20">Цена</th>
<th scope="col" class="w-25">Количество</th> <th scope="col" class="w-10">Количество</th>
<th scope="col" class="w-25">Цвет</th> <th scope="col" class="w-10">Цвет</th>
<th scope="col" class="w-25">Размеры</th> <th scope="col" class="w-30">Размеры</th>
<th scope="col"></th> <th scope="col" class="w-20">Общая цена</th>
<th scope="col"></th> <th scope="col"></th>
<th scope="col"></th> <th scope="col"></th>
</thead> </thead>
@ -114,7 +114,7 @@
type="number" type="number"
value="0" value="0"
min="1000" min="1000"
step="100" step="1"
required required
/> />
</div> </div>