Skip to content
Snippets Groups Projects
Commit 7050a217 authored by arwunder's avatar arwunder
Browse files

Merge branch 'webPage' into 'main' 

show list of items

See merge request !18
parents c611db20 f8e66e2a
No related branches found
No related tags found
1 merge request!18show list of items
Pipeline #14198 passed
Stage: build
Stage: test
Stage: deploy
Hide whitespace changes
Inline Side-by-side
src/tjts5901/templates/addItem.html
+ 4
− 0
View file @ 7050a217
......@@ -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 @ 7050a217
......@@ -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 method="post" action="#" 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