peterstockings/workout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add in auth however there are no restrictions currently

Browse Source
This commit is contained in:
Peter Stockings
2025-02-01 22:42:58 +11:00
parent fb0e1519e4
commit 5be7438afc
10 changed files with 334 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
templates/auth/login.html Normal file
View File

@@ -0,0 +1,32 @@
{% extends "base.html" %}
{% block content %}
<div class="max-w-md mx-auto bg-white p-6 rounded-lg shadow-md">
<h1 class="text-2xl font-bold text-center mb-4">Login</h1>
<form method="POST" action="{{ url_for('auth.login') }}" novalidate>
{{ form.hidden_tag() }}
<!-- Email Field -->
<div class="mb-4">
{{ form.email.label(class="block text-sm font-medium text-gray-700") }}
{{ form.email(class="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500") }}
{% for error in form.email.errors %}
<p class="text-sm text-red-600 mt-1">{{ error }}</p>
{% endfor %}
</div>
<!-- Password Field -->
<div class="mb-4">
{{ form.password.label(class="block text-sm font-medium text-gray-700") }}
{{ form.password(class="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500") }}
{% for error in form.password.errors %}
<p class="text-sm text-red-600 mt-1">{{ error }}</p>
{% endfor %}
</div>
<!-- Submit Button -->
<div>
{{ form.submit(class="w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700") }}
</div>
</form>
</div>
{% endblock %}

51
templates/auth/signup.html Normal file
View File

@@ -0,0 +1,51 @@
{% extends "base.html" %}
{% block content %}
<div class="max-w-md mx-auto bg-white p-6 rounded-lg shadow-md">
<h1 class="text-2xl font-bold text-center mb-4">Sign Up</h1>
<form method="POST" action="{{ url_for('auth.signup') }}" novalidate>
{{ form.hidden_tag() }}
<!-- Name Field -->
<div class="mb-4">
{{ form.name.label(class="block text-sm font-medium text-gray-700") }}
{{ form.name(class="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500") }}
{% for error in form.name.errors %}
<p class="text-sm text-red-600 mt-1">{{ error }}</p>
{% endfor %}
</div>
<!-- Email Field -->
<div class="mb-4">
{{ form.email.label(class="block text-sm font-medium text-gray-700") }}
{{ form.email(class="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500") }}
{% for error in form.email.errors %}
<p class="text-sm text-red-600 mt-1">{{ error }}</p>
{% endfor %}
</div>
<!-- Password Field -->
<div class="mb-4">
{{ form.password.label(class="block text-sm font-medium text-gray-700") }}
{{ form.password(class="w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500") }}
{% for error in form.password.errors %}
<p class="text-sm text-red-600 mt-1">{{ error }}</p>
{% endfor %}
</div>
<!-- Confirm Password Field -->
<div class="mb-4">
{{ form.confirm_password.label(class="block text-sm font-medium text-gray-700") }}
{{ form.confirm_password(class="w-full p-2 border rounded focus:outline-none focus:ring-2
focus:ring-blue-500") }}
{% for error in form.confirm_password.errors %}
<p class="text-sm text-red-600 mt-1">{{ error }}</p>
{% endfor %}
</div>
<!-- Submit Button -->
<div>
{{ form.submit(class="w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700") }}
</div>
</form>
</div>
{% endblock %}

49
templates/base.html
View File

@@ -16,7 +16,7 @@
<script src="/static/js/tailwindcss@3.2.4.js"></script>
<link href="/static/css/style.css" rel="stylesheet">
<script src="/static/js/htmx.min.js" defer></script>
<script src="/static/js/hyperscript.min.js" defer></script>
<script src="/static/js/hyperscript.min.js"></script>
<script src="/static/js/sweetalert2@11.js" defer></script>
<!-- Mermaid -->
<script src="/static/js/mermaid.min.js"></script>
@@ -61,7 +61,52 @@
<span class="self-center whitespace-nowrap">Workout Tracker</span>
</a>
</div>
<div class="flex items-center">
<div class="flex items-center gap-4">
{% if current_user.is_authenticated %}
<!-- Show logged-in user's name and Logout link -->
<span class="text-slate-700">
{{ current_user.name }}
</span>
<a href="{{ url_for('auth.logout') }}"
class="text-slate-400 hover:text-slate-500 flex items-center gap-1">
<!-- Heroicon: Arrow Left On Rectangle (Logout) -->
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25a2.25 2.25 0 00-2.25-2.25H6
a2.25 2.25 0 00-2.25 2.25v13.5
A2.25 2.25 0 006 21h7.5
a2.25 2.25 0 002.25-2.25V15m-3-3h10.5m0 0l-3-3m3 3l-3 3" />
</svg>
Logout
</a>
{% else %}
<!-- Show Login and Sign Up links -->
<a href="{{ url_for('auth.login') }}"
class="text-slate-400 hover:text-slate-500 flex items-center gap-1">
<!-- Heroicon: Arrow Right On Rectangle (Login) -->
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25a2.25 2.25 0 00-2.25-2.25H6
a2.25 2.25 0 00-2.25 2.25v13.5
A2.25 2.25 0 006 21h7.5
a2.25 2.25 0 002.25-2.25V15m-3-3h10.5
m0 0l-3-3m3 3l-3 3" />
</svg>
Login
</a>
<a href="{{ url_for('auth.signup') }}"
class="text-slate-400 hover:text-slate-500 flex items-center gap-1">
<!-- Heroicon: User Plus (Sign Up) -->
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25a4.5 4.5 0 11-9 0
4.5 4.5 0 019 0zm7.5 12c0
-3.315-2.685-6-6-6H6c
-3.315 0-6 2.685-6 6m17.25-11.25h3m0 0v3m0-3l-3 0" />
</svg>
Sign Up
</a>
{% endif %}
<a href="https://github.com/GabePope/WorkoutTracker"
class="ml-6 block text-slate-400 hover:text-slate-500 dark:hover:text-slate-300"><span
class="sr-only">Workout Tracker on GitHub</span><svg viewBox="0 0 16 16" class="w-6 h-6"