wybor tla + sortowanie tabeli

This commit is contained in:
Łukasz Jędyk 2019-01-20 11:51:10 +01:00
parent 28f31ebe5b
commit 8ae157c04b
10 changed files with 35 additions and 7 deletions

Binary file not shown.

View File

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 776 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 633 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 MiB

View File

@ -22,11 +22,19 @@
color: white;
}
html {
background: url(images/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
#images {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
background-color: white;
}
#images th {
border: 1px solid #ddd;
padding: 12px;
}
body {
background: url(images/background1.jpg) no-repeat center center fixed;
background-size: cover;
}

View File

@ -5,11 +5,21 @@
<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}">
<meta charset="UTF-8">
<title>Hotel INO Scrum</title>
<script>
function changeBackground(imageUrl) {
document.body.style.background = "url(" + imageUrl + ") no-repeat center center fixed";
document.body.style.backgroundSize = "cover";
}
</script>
</head>
<body>
<h1>Hotel INO Scrum</h1>
<center><h3>Lista pokoi dostępnych w naszym hotelu</h3></center>
<table id="hotels">
<col style="width:10%">
<col style="width:30%">
<col style="width:20%">
<col style="width:40%">
<th>Numer pokoju</th>
<th>Typ pokoju</th>
<th>Cena</th>
@ -41,6 +51,15 @@
</tr>
{% endfor %}
</table>
<br><br>
<center>
<table id="images">
<th><input type="image" src="static/images/background1.jpg" height="150px" width="250px" onClick="changeBackground(imageUrl='static/images/background1.jpg')"/></th>
<th><input type="image" src="static/images/background2.jpg" height="150px" width="250px" onClick="changeBackground(imageUrl='static/images/background2.jpg')"/></th>
<th><input type="image" src="static/images/background3.jpg" height="150px" width="250px" onClick="changeBackground(imageUrl='static/images/background3.jpg')"/></th>
<th><input type="image" src="static/images/background4.jpg" height="150px" width="250px" onClick="changeBackground(imageUrl='static/images/background4.jpg')"/></th>
<th><input type="image" src="static/images/background5.jpg" height="150px" width="250px" onClick="changeBackground(imageUrl='static/images/background5.jpg')"/></th>
</table>
</center>
</body>
</html>

View File

@ -8,6 +8,7 @@ from .models import *
def index(request):
rooms = Room.objects.all()
rooms = rooms.order_by('room_number')
template = loader.get_template('index.html')
return HttpResponse(template.render({'rooms': rooms}, request))