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

styling

Browse Source
This commit is contained in:
DaanoGames
2025-04-16 11:24:57 +02:00
parent e52d8097db
commit fe906ba3ad
5 changed files with 76 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
application/auth/templates/admin.html
View File

@@ -7,8 +7,30 @@ Register
{% block content %}
<form class="bg-body-tertiary" method="POST">
{{ form.hidden_tag() }}
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="check-circle-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
</symbol>
<symbol id="exclamation-triangle-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
</symbol>
</svg>
{% if feedback %}
<p class="feedback">{{feedback}}</p>
{% if feedback=="User succesfully added" %}
<div class="alert alert-success d-flex align-items-center" role="alert">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Success:"><use xlink:href="#check-circle-fill"/></svg>
<div>
{{feedback}}
</div>
</div>
{% else %}
<div class="alert alert-danger d-flex align-items-center" role="alert">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:"><use xlink:href="#exclamation-triangle-fill"/></svg>
<div>
{{feedback}}
</div>
</div>
{% endif %}
{% endif %}
<div>
{{ form.username.label }} <br> {{ form.username() }}
@@ -20,7 +42,7 @@ Register
{{ form.confirm_password.label }} <br> {{ form.confirm_password() }}
</div>
<div>
{{ form.is_admin }} {{ form.is_admin.label }}
{{ form.is_admin() }} {{ form.is_admin.label }}
</div>
<div class="submit">
{{ form.submit() }}

12
application/auth/templates/login.html
View File

@@ -7,8 +7,18 @@ Login
{% block content %}
<form class="bg-body-tertiary" method="POST">
{{ form.hidden_tag() }}
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="exclamation-triangle-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
</symbol>
</svg>
{% if feedback %}
<p class="feedback">{{feedback}}</p>
<div class="alert alert-danger d-flex align-items-center" role="alert">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:"><use xlink:href="#exclamation-triangle-fill"/></svg>
<div>
{{feedback}}
</div>
</div>
{% endif %}
<div>
{{ form.username.label }} <br> {{ form.username() }}

24
application/dash/templates/add_service.html
View File

@@ -7,8 +7,30 @@ Add service
{% block content %}
<form class="bg-body-tertiary" method="POST">
{{ form.hidden_tag() }}
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="check-circle-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
</symbol>
<symbol id="exclamation-triangle-fill" fill="currentColor" viewBox="0 0 16 16">
<path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
</symbol>
</svg>
{% if feedback %}
<p class="feedback">{{feedback}}</p>
{% if feedback=="Service succesfully added" %}
<div class="alert alert-success d-flex align-items-center" role="alert">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Success:"><use xlink:href="#check-circle-fill"/></svg>
<div>
{{feedback}}
</div>
</div>
{% else %}
<div class="alert alert-danger d-flex align-items-center" role="alert">
<svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:"><use xlink:href="#exclamation-triangle-fill"/></svg>
<div>
{{feedback}}
</div>
</div>
{% endif %}
{% endif %}
<div>
{{ form.name.label }} <br> {{ form.name() }}

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

@@ -5,10 +5,21 @@
{%block content%}
<div class="grid-container">
{% for service in services%}
<div>
<form action="{{ url_for('dash.delete_item', service_id=service.id) }}" method="POST" style="display:inline;">
<button class="delete-btn" type="submit">×</button>
</form>
<div id="item">
<div class="dropdown">
<button class="btn btn-light" 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">Edit</a></li>
<li><hr class="dropdown-divider"></li>
<li>
<form action="{{ url_for('dash.delete_item', service_id=service.id) }}" method="POST" style="display:inline;">
<a class="dropdown-item"><button style="none" type="submit">Delete</button></a>
</form>
</li>
</ul>
</div>
<div onclick="location.href='{{service.url}}';" style="cursor: pointer;" class="container-xxl">
Name: {{service["name"]}} <br>
URL: {{service["url"]}}
@@ -16,4 +27,5 @@
</div>
{% endfor %}
</div>
{%endblock%}
{%endblock%}

7
application/static/style.css
View File

@@ -14,7 +14,7 @@ body {
margin-right: 10%;
}
.grid-container > div {
.grid-container > #item {
text-align: center;
height: fit-content;
width: 400px;
@@ -47,9 +47,4 @@ form {
.feedback {
font-size: 16px;
color: red;
}
.succes {
font-size: 16px;
color: green;
}