stef_buwalda/WebTech
1
0
Fork 0
mirror of https://github.com/StefBuwalda/WebTech.git synced 2025-10-30 11:19:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

alternate dash 2

Browse Source
This commit is contained in:
DaanoGames
2025-04-17 15:46:41 +02:00
parent 669d73b18a
commit b89e7d3430
5 changed files with 46 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
application/dash/templates/dashboard.html
View File

@@ -6,45 +6,41 @@
<div class="grid-container">
{% for service in services%}
<div class="bg-light container-xxl">
<div class="row row-cols-3">
<div class="col-sm-2" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
<div class="row">
<div class="col name" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
{{service["name"]}}
</div>
<div class="col-sm-3 dots dropdown">
<button class="btn btn-light py-0" type="button" id="threeDotDropdown" data-bs-toggle="dropdown" aria-expanded="false">
&#x22EE;
</button>
<ul class="dropdown-menu" aria-labelledby="threeDotDropdown">
<li>
<a class="dropdown-item" href="{{ url_for('dash.edit_service', service_id=service.id) }}">Edit</a>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<form action="{{ url_for('dash.delete_service', service_id=service.id) }}" method="POST" style="display:inline;">
<button style="color: red;" type="submit" class="dropdown-item">Delete</button>
</form>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-9" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
<img class="fit-picture" src="{{ url_for('static', filename='icons/'+service['icon'])}}">
</div>
<div class="col-sm-10">
<div class="row">
<div class="col-sm-10" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
{{service["name"]}}
</div>
<div class="col-sm-2 dots dropdown">
<button class="btn btn-light py-0" type="button" id="threeDotDropdown" data-bs-toggle="dropdown"
aria-expanded="false">
&#x22EE;
</button>
<ul class="dropdown-menu" aria-labelledby="threeDotDropdown">
<li>
<a class="dropdown-item"
href="{{ url_for('dash.edit_service', service_id=service.id) }}">Edit</a>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li>
<form action="{{ url_for('dash.delete_service', service_id=service.id) }}" method="POST"
style="display:inline;">
<button style="color: red;" type="submit" class="dropdown-item">Delete</button>
</form>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
{{service["url"]}}
</div>
</div>
</div>
<div class="row">
<div class="col url text-break" onclick="location.href='{{service.url}}';" style="cursor: pointer;">
{{service["url"]}}
</div>
</div>
</div>
{% endfor %}
</div>
{%endblock%}
{%endblock%}

BIN
application/static/icons/2/google.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
application/static/icons/2/netflix.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
application/static/icons/2/spotify.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

19
application/static/style.css
View File

@@ -5,27 +5,30 @@ body {
/* Dashboard page */
.grid-container {
display: grid;
grid-template-columns: auto auto auto;
display: flex;
grid-template-columns: auto auto auto auto auto;
gap: 20px;
background-color: lightslategray;
padding-top: 20px;
margin-left: 10%;
margin-right: 10%;
justify-content: center;
}
.grid-container > div {
height: fit-content;
width: 400px;
width: 200px;
padding-top: 5px;
padding-bottom: 5px;
border: 2px solid black;
border-radius: 10px;
box-shadow: 5px 5px 10px black;
font-weight: bold;
}
.fit-picture {
width: 45px;
width: 175px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid black;
@@ -33,6 +36,14 @@ body {
box-shadow: 0px 0px 5px black;
}
.url {
font-weight: normal;
}
.name {
margin-left: 60px;
}
/* Login page */
.form {
display: block;