Skip to content
Snippets Groups Projects
Commit 7661cb45 authored by ratyann's avatar ratyann
Browse files

modifications listBid+add image on addItem page

parent 43716931
No related branches found
No related tags found
1 merge request!18show list of items
Pipeline #14189 failed
Stage: build
Stage: test
Hide whitespace changes
Inline Side-by-side
src/tjts5901/templates/addItem.html
+ 4
− 0
View file @ 7661cb45
......@@ -28,6 +28,10 @@
<label for="sPrice" class="form-label">Starting price</label>
<input type="number" class="form-control" id="sPrice" name="sPrice" min="0" max="100000000">
</div>
<div class="mb-3">
<label for="image" class="form-label">Image</label>
<input type="file" class="form-control" id="image" name="image">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
......
src/tjts5901/templates/listBid.html
+ 23
− 25
View file @ 7661cb45
......@@ -4,6 +4,23 @@
<meta charset="utf-8">
<title>Add item</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script>
function bid(){
const form = document.querySelector("#bid");
const button = document.querySelector("button");
if (form.className=="open"){
form.className="";
form.type="hidden";
button.innerHTML = "Bid";
}
else{
form.className="open";
form.type="number";
button.innerHTML = "Cancel";
}
}
</script>
</head>
<body>
<header>
......@@ -11,39 +28,20 @@
</header>
<main>
<div class="list-group container">
<!--for item in items.items-->
<div class="d-flex w-100 justify-content-between mb-4">
<img class="w-25" src="Gaming_5000x3125.jpg" alt="Image" />
<a href="#" class="list-group-item list-group-item-action" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">Item 1</h5>
<small>3 days ago</small>
</div>
<p class="mb-1">Description</p>
<small>Current bid</small>
</a>
</div>
<div class="d-flex w-100 justify-content-between mb-4">
<img class="w-25" src="Gaming_5000x3125.jpg" alt="Image" />
<a href="#" class="list-group-item list-group-item-action" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">Item 1</h5>
<small>3 days ago</small>
</div>
<p class="mb-1">Description</p>
<small>Current bid</small>
</a>
</div>
<div class="d-flex w-100 justify-content-between mb-4">
<img class="w-25" src="Gaming_5000x3125.jpg" alt="Image" />
<img class=" col-md-2 col-xs-2" src="Gaming_5000x3125.jpg"{{ item.image }} alt="Image" />
<a href="#" class="list-group-item list-group-item-action" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">Item 1</h5>
<small>3 days ago</small>
<h5 class="mb-1"><!--item name-->Item 1</h5>
<small><!--creation date-->3 days ago</small>
</div>
<p class="mb-1">Description</p>
<small>Current bid</small>
<div class="row"><button class="col-md-2" onclick="bid()">Bid</button><form class="col-md-4"><input id="bid" type="hidden" min="{{starting price}}" /></form></div>
</a>
</div>
<!--end for-->
</div>
</main>
<footer>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment