Compare commits
3 Commits
9481bd5fef
...
c35b539c42
| Author | SHA1 | Date |
|---|---|---|
 Lukáš Kucharczyk
|
c35b539c42 | |
|
Lukáš Kucharczyk
|
bbe5e072b2 | |
|
Lukáš Kucharczyk
|
6fc2f623dc |
|
|
@ -808,6 +808,10 @@ select {
|
||||||
margin-bottom: 2.5rem;
|
margin-bottom: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mb-2 {
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.mb-4 {
|
.mb-4 {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1405,6 +1409,11 @@ th label {
|
||||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:is(.dark .dark\:text-slate-400) {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgb(148 163 184 / var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
|
||||||
:is(.dark .dark\:text-slate-500) {
|
:is(.dark .dark\:text-slate-500) {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(100 116 139 / var(--tw-text-opacity));
|
color: rgb(100 116 139 / var(--tw-text-opacity));
|
||||||
|
|
|
||||||
|
|
@ -1,25 +1,24 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
{% block title %}
|
||||||
{% block title %}{{ title }}{% endblock title %}
|
{{ title }}
|
||||||
|
{% endblock title %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<form method="post" enctype="multipart/form-data">
|
<form method="post" enctype="multipart/form-data">
|
||||||
<table class="mx-auto">
|
<table class="mx-auto">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
|
{{ form.as_table }}
|
||||||
{{ form.as_table }}
|
<tr>
|
||||||
<tr>
|
<td></td>
|
||||||
<td></td>
|
<td>
|
||||||
<td><input type="submit" value="Submit"/></td>
|
<input type="submit" value="Submit" />
|
||||||
</tr>
|
</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</form>
|
</form>
|
||||||
{% endblock content %}
|
{% endblock content %}
|
||||||
|
|
||||||
{% block scripts %}
|
{% block scripts %}
|
||||||
{% if script_name %}
|
{% if script_name %}
|
||||||
<script type="module" src="{% static 'js/'|add:script_name %}"></script>
|
<script type="module" src="{% static 'js/'|add:script_name %}"></script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endblock scripts %}
|
{% endblock scripts %}
|
||||||
|
|
||||||
|
|
@ -1,29 +1,32 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
{% block title %}
|
||||||
{% block title %}{{ title }}{% endblock title %}
|
{{ title }}
|
||||||
|
{% endblock title %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<form method="post" enctype="multipart/form-data">
|
<form method="post" enctype="multipart/form-data">
|
||||||
<table class="mx-auto">
|
<table class="mx-auto">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
|
{{ form.as_table }}
|
||||||
{{ form.as_table }}
|
<tr>
|
||||||
<tr>
|
<td></td>
|
||||||
<td></td>
|
<td>
|
||||||
<td><input type="submit" name="submit" value="Submit"/></td>
|
<input type="submit" name="submit" value="Submit" />
|
||||||
</tr>
|
</td>
|
||||||
<tr>
|
</tr>
|
||||||
<td></td>
|
<tr>
|
||||||
<td><input type="submit" name="submit_and_redirect" value="Submit & Create Purchase"/></td>
|
<td></td>
|
||||||
</tr>
|
<td>
|
||||||
|
<input type="submit"
|
||||||
|
name="submit_and_redirect"
|
||||||
|
value="Submit & Create Purchase" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</form>
|
</form>
|
||||||
{% endblock content %}
|
{% endblock content %}
|
||||||
|
|
||||||
{% block scripts %}
|
{% block scripts %}
|
||||||
{% if script_name %}
|
{% if script_name %}
|
||||||
<script type="module" src="{% static 'js/'|add:script_name %}"></script>
|
<script type="module" src="{% static 'js/'|add:script_name %}"></script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endblock scripts %}
|
{% endblock scripts %}
|
||||||
|
|
||||||
|
|
@ -1,29 +1,32 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
{% block title %}
|
||||||
{% block title %}{{ title }}{% endblock title %}
|
{{ title }}
|
||||||
|
{% endblock title %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<form method="post" enctype="multipart/form-data">
|
<form method="post" enctype="multipart/form-data">
|
||||||
<table class="mx-auto">
|
<table class="mx-auto">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
|
{{ form.as_table }}
|
||||||
{{ form.as_table }}
|
<tr>
|
||||||
<tr>
|
<td></td>
|
||||||
<td></td>
|
<td>
|
||||||
<td><input type="submit" name="submit" value="Submit"/></td>
|
<input type="submit" name="submit" value="Submit" />
|
||||||
</tr>
|
</td>
|
||||||
<tr>
|
</tr>
|
||||||
<td></td>
|
<tr>
|
||||||
<td><input type="submit" name="submit_and_redirect" value="Submit & Create Edition"/></td>
|
<td></td>
|
||||||
</tr>
|
<td>
|
||||||
|
<input type="submit"
|
||||||
|
name="submit_and_redirect"
|
||||||
|
value="Submit & Create Edition" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</form>
|
</form>
|
||||||
{% endblock content %}
|
{% endblock content %}
|
||||||
|
|
||||||
{% block scripts %}
|
{% block scripts %}
|
||||||
{% if script_name %}
|
{% if script_name %}
|
||||||
<script type="module" src="{% static 'js/'|add:script_name %}"></script>
|
<script type="module" src="{% static 'js/'|add:script_name %}"></script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endblock scripts %}
|
{% endblock scripts %}
|
||||||
|
|
||||||
|
|
@ -1,29 +1,32 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
{% block title %}
|
||||||
{% block title %}{{ title }}{% endblock title %}
|
{{ title }}
|
||||||
|
{% endblock title %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<form method="post" enctype="multipart/form-data">
|
<form method="post" enctype="multipart/form-data">
|
||||||
<table class="mx-auto">
|
<table class="mx-auto">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
|
{{ form.as_table }}
|
||||||
{{ form.as_table }}
|
<tr>
|
||||||
<tr>
|
<td></td>
|
||||||
<td></td>
|
<td>
|
||||||
<td><input type="submit" name="submit" value="Submit"/></td>
|
<input type="submit" name="submit" value="Submit" />
|
||||||
</tr>
|
</td>
|
||||||
<tr>
|
</tr>
|
||||||
<td></td>
|
<tr>
|
||||||
<td><input type="submit" name="submit_and_redirect" value="Submit & Create Session"/></td>
|
<td></td>
|
||||||
</tr>
|
<td>
|
||||||
|
<input type="submit"
|
||||||
|
name="submit_and_redirect"
|
||||||
|
value="Submit & Create Session" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</form>
|
</form>
|
||||||
{% endblock content %}
|
{% endblock content %}
|
||||||
|
|
||||||
{% block scripts %}
|
{% block scripts %}
|
||||||
{% if script_name %}
|
{% if script_name %}
|
||||||
<script type="module" src="{% static 'js/'|add:script_name %}"></script>
|
<script type="module" src="{% static 'js/'|add:script_name %}"></script>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endblock scripts %}
|
{% endblock scripts %}
|
||||||
|
|
||||||
|
|
@ -1,35 +1,38 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
{% block title %}
|
||||||
{% block title %}{{ title }}{% endblock title %}
|
{{ title }}
|
||||||
|
{% endblock title %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<form method="post" enctype="multipart/form-data">
|
<form method="post" enctype="multipart/form-data">
|
||||||
<table class="mx-auto">
|
<table class="mx-auto">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
|
{% for field in form %}
|
||||||
{% for field in form %}
|
<tr>
|
||||||
<tr>
|
<th>{{ field.label_tag }}</th>
|
||||||
<th>{{ field.label_tag }}</th>
|
{% if field.name == "note" %}
|
||||||
{% if field.name == "note" %}
|
<td>{{ field }}</td>
|
||||||
<td>{{ field }}</td>
|
{% else %}
|
||||||
{% else %}
|
<td>{{ field }}</td>
|
||||||
<td>{{ field }}</td>
|
{% endif %}
|
||||||
{% endif %}
|
{% if field.name == "timestamp_start" or field.name == "timestamp_end" %}
|
||||||
{% if field.name == "timestamp_start" or field.name == "timestamp_end" %}
|
<td>
|
||||||
<td>
|
<div class="basic-button-container">
|
||||||
<div class="basic-button-container">
|
<button class="basic-button" data-target="{{ field.name }}" data-type="now">Set to now</button>
|
||||||
<button class="basic-button" data-target="{{field.name}}" data-type="now">Set to now</button>
|
<button class="basic-button"
|
||||||
<button class="basic-button" data-target="{{field.name}}" data-type="toggle">Toggle text</button>
|
data-target="{{ field.name }}"
|
||||||
<button class="basic-button" data-target="{{field.name}}" data-type="copy">Copy</button>
|
data-type="toggle">Toggle text</button>
|
||||||
</div>
|
<button class="basic-button" data-target="{{ field.name }}" data-type="copy">Copy</button>
|
||||||
</td>
|
</div>
|
||||||
{% endif %}
|
</td>
|
||||||
</tr>
|
{% endif %}
|
||||||
{% endfor %}
|
</tr>
|
||||||
<tr>
|
{% endfor %}
|
||||||
<td></td>
|
<tr>
|
||||||
<td><input type="submit" value="Submit"/></td>
|
<td></td>
|
||||||
</tr>
|
<td>
|
||||||
|
<input type="submit" value="Submit" />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</form>
|
</form>
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
|
|
||||||
|
|
@ -1,72 +1,101 @@
|
||||||
<!doctype html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8"/>
|
<meta charset="utf-8" />
|
||||||
<meta name="description" content="Self-hosted time-tracker."/>
|
<meta name="description" content="Self-hosted time-tracker." />
|
||||||
<meta name="keywords" content="time, tracking, video games, self-hosted"/>
|
<meta name="keywords" content="time, tracking, video games, self-hosted" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<title>Timetracker - {% block title %}Untitled{% endblock title %}</title>
|
<title>Timetracker -
|
||||||
|
{% block title %}
|
||||||
|
Untitled
|
||||||
|
{% endblock title %}
|
||||||
|
</title>
|
||||||
<script src="{% static 'js/htmx.min.js' %}"></script>
|
<script src="{% static 'js/htmx.min.js' %}"></script>
|
||||||
<link rel="stylesheet" href="{% static 'base.css' %}" />
|
<link rel="stylesheet" href="{% static 'base.css' %}" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="dark" hx-indicator="#indicator" hx-boost="true">
|
<body class="dark" hx-indicator="#indicator" hx-boost="true">
|
||||||
<img id="indicator" src="{% static 'icons/loading.png' %}" class="absolute right-3 top-3 animate-spin htmx-indicator" />
|
<img id="indicator"
|
||||||
|
src="{% static 'icons/loading.png' %}"
|
||||||
|
class="absolute right-3 top-3 animate-spin htmx-indicator" />
|
||||||
<div class="dark:bg-gray-800 min-h-screen">
|
<div class="dark:bg-gray-800 min-h-screen">
|
||||||
<nav class="mb-4 bg-white dark:bg-gray-900 border-gray-200 rounded">
|
<nav class="mb-4 bg-white dark:bg-gray-900 border-gray-200 rounded">
|
||||||
<div class="container flex flex-wrap items-center justify-between mx-auto">
|
<div class="container flex flex-wrap items-center justify-between mx-auto">
|
||||||
<a href="{% url 'list_sessions_recent' %}" class="flex items-center">
|
<a href="{% url 'list_sessions_recent' %}" class="flex items-center">
|
||||||
<span class="text-4xl"><img src="{% static 'icons/schedule.png' %}" width="48" class="mr-4" /></span>
|
<span class="text-4xl">
|
||||||
|
<img src="{% static 'icons/schedule.png' %}" width="48" class="mr-4" />
|
||||||
|
</span>
|
||||||
<span class="self-center text-xl font-semibold whitespace-nowrap text-white">Timetracker</span>
|
<span class="self-center text-xl font-semibold whitespace-nowrap text-white">Timetracker</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="w-full md:block md:w-auto">
|
<div class="w-full md:block md:w-auto">
|
||||||
<ul
|
<ul class="flex flex-col md:flex-row p-4 mt-4 dark:text-white">
|
||||||
class="flex flex-col md:flex-row p-4 mt-4 dark:text-white">
|
|
||||||
<li class="relative group">
|
<li class="relative group">
|
||||||
<a class="block py-2 pl-3 pr-4 hover:underline" href="{% url 'add_game' %}">New</a>
|
<a class="block py-2 pl-3 pr-4 hover:underline"
|
||||||
|
href="{% url 'add_game' %}">New</a>
|
||||||
<ul class="absolute hidden text-gray-700 pt-1 group-hover:block w-auto whitespace-nowrap">
|
<ul class="absolute hidden text-gray-700 pt-1 group-hover:block w-auto whitespace-nowrap">
|
||||||
{% if purchase_available %}
|
{% if purchase_available %}
|
||||||
<li><a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap" href="{% url 'add_device' %}">Device</a></li>
|
<li>
|
||||||
|
<a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap"
|
||||||
|
href="{% url 'add_device' %}">Device</a>
|
||||||
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<li><a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap" href="{% url 'add_game' %}">Game</a></li>
|
<li>
|
||||||
|
<a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap"
|
||||||
|
href="{% url 'add_game' %}">Game</a>
|
||||||
|
</li>
|
||||||
{% if game_available and platform_available %}
|
{% if game_available and platform_available %}
|
||||||
<li><a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap" href="{% url 'add_edition' %}">Edition</a></li>
|
<li>
|
||||||
|
<a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap"
|
||||||
|
href="{% url 'add_edition' %}">Edition</a>
|
||||||
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<li><a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap" href="{% url 'add_platform' %}">Platform</a></li>
|
<li>
|
||||||
|
<a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap"
|
||||||
|
href="{% url 'add_platform' %}">Platform</a>
|
||||||
|
</li>
|
||||||
{% if edition_available %}
|
{% if edition_available %}
|
||||||
<li><a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap" href="{% url 'add_purchase' %}">Purchase</a></li>
|
<li>
|
||||||
|
<a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap"
|
||||||
|
href="{% url 'add_purchase' %}">Purchase</a>
|
||||||
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if purchase_available %}
|
{% if purchase_available %}
|
||||||
<li><a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap" href="{% url 'add_session' %}">Session</a></li>
|
<li>
|
||||||
|
<a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap"
|
||||||
|
href="{% url 'add_session' %}">Session</a>
|
||||||
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
{% if session_count > 0 %}
|
{% if session_count > 0 %}
|
||||||
<li class="relative group">
|
<li class="relative group">
|
||||||
<a class="block py-2 pl-3 pr-4 hover:underline" href="{% url 'stats_current_year' %}">Stats</a>
|
<a class="block py-2 pl-3 pr-4 hover:underline"
|
||||||
<ul class="absolute hidden text-gray-700 pt-1 group-hover:block">
|
href="{% url 'stats_current_year' %}">Stats</a>
|
||||||
{% for year in stats_dropdown_year_range %}
|
<ul class="absolute hidden text-gray-700 pt-1 group-hover:block">
|
||||||
<li>
|
{% for year in stats_dropdown_year_range %}
|
||||||
<a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap" href="{% url 'stats_by_year' year %}">{{ year }}</a>
|
<li>
|
||||||
</li>
|
<a class="bg-gray-200 hover:bg-gray-400 py-2 px-4 block whitespace-no-wrap"
|
||||||
{% endfor %}
|
href="{% url 'stats_by_year' year %}">{{ year }}</a>
|
||||||
</ul>
|
</li>
|
||||||
</li>
|
{% endfor %}
|
||||||
<li><a class="block py-2 pl-3 pr-4 hover:underline" href="{% url 'list_sessions' %}">All Sessions</a></li>
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="block py-2 pl-3 pr-4 hover:underline"
|
||||||
|
href="{% url 'list_sessions' %}">All Sessions</a>
|
||||||
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
{% block content %}No content here.{% endblock content %}
|
{% block content %}
|
||||||
|
No content here.
|
||||||
|
{% endblock content %}
|
||||||
</div>
|
</div>
|
||||||
{% load version %}
|
{% load version %}
|
||||||
<span class="fixed left-2 bottom-2 text-xs text-slate-300 dark:text-slate-600">{% version %} ({% version_date %})</span>
|
<span class="fixed left-2 bottom-2 text-xs text-slate-300 dark:text-slate-600">{% version %} ({% version_date %})</span>
|
||||||
{% block scripts %}{% endblock scripts %}
|
{% block scripts %}
|
||||||
|
{% endblock scripts %}
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -2,25 +2,12 @@
|
||||||
title
|
title
|
||||||
text
|
text
|
||||||
{% endcomment %}
|
{% endcomment %}
|
||||||
<a
|
<a href="{{ link }}"
|
||||||
href="{{ link }}"
|
title="{{ title }}"
|
||||||
title="{{ title }}"
|
class="truncate max-w-xs py-1 px-2 text-xs bg-green-600 hover:bg-green-700 focus:ring-green-500 focus:ring-offset-blue-200 text-white transition ease-in duration-200 text-center font-semibold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 rounded-sm">
|
||||||
class="truncate max-w-xs py-1 px-2 text-xs bg-green-600 hover:bg-green-700 focus:ring-green-500 focus:ring-offset-blue-200 text-white transition ease-in duration-200 text-center font-semibold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 rounded-sm"
|
{% comment %} <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="self-center w-6 h-6 inline">
|
||||||
>
|
<path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z" />
|
||||||
{% comment %} <svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-width="1.5"
|
|
||||||
stroke="currentColor"
|
|
||||||
class="self-center w-6 h-6 inline"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z"
|
|
||||||
/>
|
|
||||||
</svg>
|
</svg>
|
||||||
{% endcomment %}
|
{% endcomment %}
|
||||||
{{ text }}
|
{{ text }}
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -2,25 +2,17 @@
|
||||||
title
|
title
|
||||||
text
|
text
|
||||||
{% endcomment %}
|
{% endcomment %}
|
||||||
<button
|
<button type="button"
|
||||||
type="button"
|
title="{{ title }}"
|
||||||
title="{{ title }}"
|
autofocus
|
||||||
autofocus
|
class="truncate max-w-xs sm:max-w-md lg:max-w-lg py-1 px-2 bg-green-600 hover:bg-green-700 focus:ring-green-500 focus:ring-offset-blue-200 text-white transition ease-in duration-200 text-center text-base font-semibold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 rounded-lg">
|
||||||
class="truncate max-w-xs sm:max-w-md lg:max-w-lg py-1 px-2 bg-green-600 hover:bg-green-700 focus:ring-green-500 focus:ring-offset-blue-200 text-white transition ease-in duration-200 text-center text-base font-semibold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 rounded-lg"
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
>
|
fill="none"
|
||||||
<svg
|
viewBox="0 0 24 24"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
stroke-width="1.5"
|
||||||
fill="none"
|
stroke="currentColor"
|
||||||
viewBox="0 0 24 24"
|
class="self-center w-6 h-6 inline">
|
||||||
stroke-width="1.5"
|
<path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z" />
|
||||||
stroke="currentColor"
|
</svg>
|
||||||
class="self-center w-6 h-6 inline"
|
{{ text }}
|
||||||
>
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
{{ text }}
|
|
||||||
</button>
|
</button>
|
||||||
|
|
|
||||||
|
|
@ -1,21 +1,13 @@
|
||||||
<a href="{{ edit_url }}">
|
<a href="{{ edit_url }}">
|
||||||
<button
|
<button type="button"
|
||||||
type="button"
|
title="Edit"
|
||||||
title="Edit"
|
class="ml-1 py-1 px-2 flex justify-center items-center bg-violet-600 hover:bg-violet-700 focus:ring-violet-500 focus:ring-offset-violet-200 text-white transition ease-in duration-200 text-center text-base font-semibold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 w-7 h-4 rounded-lg">
|
||||||
class="ml-1 py-1 px-2 flex justify-center items-center bg-violet-600 hover:bg-violet-700 focus:ring-violet-500 focus:ring-offset-violet-200 text-white transition ease-in duration-200 text-center text-base font-semibold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 w-7 h-4 rounded-lg"
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
>
|
viewBox="0 0 20 20"
|
||||||
<svg
|
fill="currentColor"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
class="w-5 h-5">
|
||||||
viewBox="0 0 20 20"
|
<path d="M5.433 13.917l1.262-3.155A4 4 0 017.58 9.42l6.92-6.918a2.121 2.121 0 013 3l-6.92 6.918c-.383.383-.84.685-1.343.886l-3.154 1.262a.5.5 0 01-.65-.65z" />
|
||||||
fill="currentColor"
|
<path d="M3.5 5.75c0-.69.56-1.25 1.25-1.25H10A.75.75 0 0010 3H4.75A2.75 2.75 0 002 5.75v9.5A2.75 2.75 0 004.75 18h9.5A2.75 2.75 0 0017 15.25V10a.75.75 0 00-1.5 0v5.25c0 .69-.56 1.25-1.25 1.25h-9.5c-.69 0-1.25-.56-1.25-1.25v-9.5z" />
|
||||||
class="w-5 h-5"
|
</svg>
|
||||||
>
|
</button>
|
||||||
<path
|
|
||||||
d="M5.433 13.917l1.262-3.155A4 4 0 017.58 9.42l6.92-6.918a2.121 2.121 0 013 3l-6.92 6.918c-.383.383-.84.685-1.343.886l-3.154 1.262a.5.5 0 01-.65-.65z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
d="M3.5 5.75c0-.69.56-1.25 1.25-1.25H10A.75.75 0 0010 3H4.75A2.75 2.75 0 002 5.75v9.5A2.75 2.75 0 004.75 18h9.5A2.75 2.75 0 0017 15.25V10a.75.75 0 00-1.5 0v5.25c0 .69-.56 1.25-1.25 1.25h-9.5c-.69 0-1.25-.56-1.25-1.25v-9.5z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
{% block title %}
|
||||||
{% block title %}{{ title }}{% endblock title %}
|
{{ title }}
|
||||||
|
{% endblock title %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="text-slate-300 mx-auto max-w-screen-lg text-center">
|
<div class="text-slate-300 mx-auto max-w-screen-lg text-center">
|
||||||
{% if session_count > 0 %}
|
{% if session_count > 0 %}
|
||||||
|
|
|
||||||
|
|
@ -1,80 +1,68 @@
|
||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
|
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
{% block title %}
|
||||||
{% block title %}{{ title }}{% endblock title %}
|
{{ title }}
|
||||||
|
{% endblock title %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
{% if dataset.count >= 1 %}
|
||||||
{% if dataset.count >= 1 %}
|
<div class="mx-auto text-center my-4">
|
||||||
<div class="mx-auto text-center my-4">
|
<a id="last-session-start"
|
||||||
<a
|
href="{% url 'start_session_same_as_last' last.id %}"
|
||||||
id="last-session-start"
|
hx-get="{% url 'start_session_same_as_last' last.id %}"
|
||||||
href="{% url 'start_session_same_as_last' last.id %}"
|
hx-swap="afterbegin"
|
||||||
hx-get="{% url 'start_session_same_as_last' last.id %}"
|
hx-target=".responsive-table tbody"
|
||||||
hx-swap="afterbegin"
|
hx-select=".responsive-table tbody tr:first-child"
|
||||||
hx-target=".responsive-table tbody"
|
onClick="document.querySelector('#last-session-start').classList.add('invisible')"
|
||||||
hx-select=".responsive-table tbody tr:first-child"
|
class="{% if last.timestamp_end == null %}invisible{% endif %}">
|
||||||
onClick="document.querySelector('#last-session-start').classList.add('invisible')"
|
{% include 'components/button_start.html' with text=last.purchase title="Start session of last played game" only %}
|
||||||
class="{% if last.timestamp_end == null %}invisible{% endif %}"
|
</a>
|
||||||
>
|
</div>
|
||||||
{% include 'components/button_start.html' with text=last.purchase title="Start session of last played game" only %}
|
{% endif %}
|
||||||
</a>
|
{% if dataset.count != 0 %}
|
||||||
</div>
|
<table class="responsive-table">
|
||||||
{% endif %}
|
<thead>
|
||||||
|
<tr>
|
||||||
{% if dataset.count != 0 %}
|
<th class="px-2 sm:px-4 md:px-6 md:py-2">Name</th>
|
||||||
<table class="responsive-table">
|
<th class="hidden sm:table-cell px-2 sm:px-4 md:px-6 md:py-2">Start</th>
|
||||||
<thead>
|
<th class="hidden lg:table-cell px-2 sm:px-4 md:px-6 md:py-2">End</th>
|
||||||
<tr>
|
<th class="px-2 sm:px-4 md:px-6 md:py-2">Duration</th>
|
||||||
<th class="px-2 sm:px-4 md:px-6 md:py-2">Name</th>
|
</tr>
|
||||||
<th class="hidden sm:table-cell px-2 sm:px-4 md:px-6 md:py-2">Start</th>
|
</thead>
|
||||||
<th class="hidden lg:table-cell px-2 sm:px-4 md:px-6 md:py-2">End</th>
|
<tbody>
|
||||||
<th class="px-2 sm:px-4 md:px-6 md:py-2">Duration</th>
|
{% for data in dataset %}
|
||||||
</tr>
|
<tr>
|
||||||
</thead>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 purchase-name truncate max-w-20char md:max-w-40char">
|
||||||
<tbody>
|
<a class="underline decoration-slate-500 sm:decoration-2"
|
||||||
{% for data in dataset %}
|
href="{% url 'view_game' data.purchase.edition.game.id %}">
|
||||||
<tr>
|
{{ data.purchase.edition }}
|
||||||
<td
|
</a>
|
||||||
class="px-2 sm:px-4 md:px-6 md:py-2 purchase-name truncate max-w-20char md:max-w-40char"
|
</td>
|
||||||
>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono hidden sm:table-cell">
|
||||||
<a
|
{{ data.timestamp_start | date:"d/m/Y H:i" }}
|
||||||
class="underline decoration-slate-500 sm:decoration-2"
|
</td>
|
||||||
href="{% url 'view_game' data.purchase.edition.game.id %}">
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono hidden lg:table-cell">
|
||||||
{{ data.purchase.edition }}
|
{% if data.unfinished %}
|
||||||
</a>
|
<a href="{% url 'update_session' data.id %}"
|
||||||
</td>
|
hx-get="{% url 'update_session' data.id %}"
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono hidden sm:table-cell">
|
hx-swap="outerHTML"
|
||||||
{{ data.timestamp_start | date:"d/m/Y H:i" }}
|
hx-target=".responsive-table tbody tr:first-child"
|
||||||
</td>
|
hx-select=".responsive-table tbody tr:first-child"
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono hidden lg:table-cell">
|
hx-indicator="#indicator"
|
||||||
{% if data.unfinished %}
|
onClick="document.querySelector('#last-session-start').classList.remove('invisible')">
|
||||||
<a
|
<span class="text-yellow-300">Finish now?</span>
|
||||||
href="{% url 'update_session' data.id %}"
|
</a>
|
||||||
hx-get="{% url 'update_session' data.id %}"
|
{% elif data.duration_manual %}
|
||||||
hx-swap="outerHTML"
|
--
|
||||||
hx-target=".responsive-table tbody tr:first-child"
|
{% else %}
|
||||||
hx-select=".responsive-table tbody tr:first-child"
|
{{ data.timestamp_end | date:"d/m/Y H:i" }}
|
||||||
hx-indicator="#indicator"
|
{% endif %}
|
||||||
onClick="document.querySelector('#last-session-start').classList.remove('invisible')"
|
</td>
|
||||||
>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ data.duration_formatted }}</td>
|
||||||
<span class="text-yellow-300">Finish now?</span>
|
</tr>
|
||||||
</a>
|
{% endfor %}
|
||||||
{% elif data.duration_manual %}
|
</tbody>
|
||||||
--
|
</table>
|
||||||
{% else %}
|
{% else %}
|
||||||
{{ data.timestamp_end | date:"d/m/Y H:i" }}
|
<div class="mx-auto text-center text-slate-300 text-xl">No sessions found.</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</td>
|
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">
|
|
||||||
{{ data.duration_formatted }}
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
{% endfor %}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
{% else %}
|
|
||||||
<div class="mx-auto text-center text-slate-300 text-xl">No sessions found.</div>
|
|
||||||
{% endif %}
|
|
||||||
{% endblock content %}
|
{% endblock content %}
|
||||||
|
|
|
||||||
|
|
@ -1,17 +1,19 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
{% block title %}
|
||||||
{% block title %}{{ title }}{% endblock title %}
|
{{ title }}
|
||||||
|
{% endblock title %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="dark:text-white max-w-sm sm:max-w-xl lg:max-w-3xl mx-auto">
|
<div class="dark:text-white max-w-sm sm:max-w-xl lg:max-w-3xl mx-auto">
|
||||||
<div class="flex justify-center items-center">
|
<div class="flex justify-center items-center">
|
||||||
<form method="get" class="text-center">
|
<form method="get" class="text-center">
|
||||||
<label class="text-5xl text-center inline-block mb-10" for="yearSelect">Stats for:</label>
|
<label class="text-5xl text-center inline-block mb-10" for="yearSelect">Stats for:</label>
|
||||||
<select name="year" id="yearSelect" onchange="this.form.submit();" class="mx-2">
|
<select name="year"
|
||||||
|
id="yearSelect"
|
||||||
|
onchange="this.form.submit();"
|
||||||
|
class="mx-2">
|
||||||
{% for year_item in stats_dropdown_year_range %}
|
{% for year_item in stats_dropdown_year_range %}
|
||||||
<option value="{{ year_item }}" {% if year == year_item %}selected{% endif %}>{{ year_item }}</option>
|
<option value="{{ year_item }}" {% if year == year_item %}selected{% endif %}>{{ year_item }}</option>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select>
|
</select>
|
||||||
</form>
|
</form>
|
||||||
|
|
@ -62,11 +64,15 @@
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2">Refunded</td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2">Refunded</td>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ all_purchased_refunded_this_year.count }} ({{ refunded_percent }}%)</td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">
|
||||||
|
{{ all_purchased_refunded_this_year.count }} ({{ refunded_percent }}%)
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2">Unfinished</td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2">Unfinished</td>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ purchased_unfinished.count }} ({{ unfinished_purchases_percent }}%)</td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">
|
||||||
|
{{ purchased_unfinished.count }} ({{ unfinished_purchases_percent }}%)
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2">Backlog Decrease</td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2">Backlog Decrease</td>
|
||||||
|
|
@ -90,14 +96,13 @@
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for game in top_10_games_by_playtime %}
|
{% for game in top_10_games_by_playtime %}
|
||||||
<tr>
|
<tr>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">
|
||||||
<a class="underline decoration-slate-500 sm:decoration-2" href="{% url 'view_game' game.id %}">{{ game.name }}
|
<a class="underline decoration-slate-500 sm:decoration-2"
|
||||||
|
href="{% url 'view_game' game.id %}">{{ game.name }}</a>
|
||||||
</a>
|
</td>
|
||||||
</td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ game.formatted_playtime }}</td>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ game.formatted_playtime }}</td>
|
</tr>
|
||||||
</tr>
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
@ -111,10 +116,10 @@
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for item in total_playtime_per_platform %}
|
{% for item in total_playtime_per_platform %}
|
||||||
<tr>
|
<tr>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ item.platform_name }}</td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ item.platform_name }}</td>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ item.formatted_playtime }}</td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ item.formatted_playtime }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
@ -128,10 +133,13 @@
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for purchase in all_finished_this_year %}
|
{% for purchase in all_finished_this_year %}
|
||||||
<tr>
|
<tr>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono"><a class="underline decoration-slate-500 sm:decoration-2" href="{% url 'edit_purchase' purchase.id %}">{{ purchase.edition.name }}</a></td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ purchase.date_finished | date:"d/m/Y" }}</td>
|
<a class="underline decoration-slate-500 sm:decoration-2"
|
||||||
</tr>
|
href="{% url 'edit_purchase' purchase.id %}">{{ purchase.edition.name }}</a>
|
||||||
|
</td>
|
||||||
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ purchase.date_finished | date:"d/m/Y" }}</td>
|
||||||
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
@ -145,10 +153,13 @@
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for purchase in this_year_finished_this_year %}
|
{% for purchase in this_year_finished_this_year %}
|
||||||
<tr>
|
<tr>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono"><a class="underline decoration-slate-500 sm:decoration-2" href="{% url 'edit_purchase' purchase.id %}">{{ purchase.edition.name }}</a></td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ purchase.date_finished | date:"d/m/Y" }}</td>
|
<a class="underline decoration-slate-500 sm:decoration-2"
|
||||||
</tr>
|
href="{% url 'edit_purchase' purchase.id %}">{{ purchase.edition.name }}</a>
|
||||||
|
</td>
|
||||||
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ purchase.date_finished | date:"d/m/Y" }}</td>
|
||||||
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
@ -162,10 +173,13 @@
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for purchase in purchased_this_year_finished_this_year %}
|
{% for purchase in purchased_this_year_finished_this_year %}
|
||||||
<tr>
|
<tr>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono"><a class="underline decoration-slate-500 sm:decoration-2" href="{% url 'edit_purchase' purchase.id %}">{{ purchase.edition.name }}</a></td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ purchase.date_finished | date:"d/m/Y" }}</td>
|
<a class="underline decoration-slate-500 sm:decoration-2"
|
||||||
</tr>
|
href="{% url 'edit_purchase' purchase.id %}">{{ purchase.edition.name }}</a>
|
||||||
|
</td>
|
||||||
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ purchase.date_finished | date:"d/m/Y" }}</td>
|
||||||
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
@ -180,18 +194,17 @@
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for purchase in all_purchased_this_year %}
|
{% for purchase in all_purchased_this_year %}
|
||||||
<tr>
|
<tr>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">
|
||||||
<a class="underline decoration-slate-500 sm:decoration-2" href="{% url 'edit_purchase' purchase.id %}">
|
<a class="underline decoration-slate-500 sm:decoration-2"
|
||||||
{{ purchase.edition.name }}
|
href="{% url 'edit_purchase' purchase.id %}">
|
||||||
{% if purchase.type != "game" %}
|
{{ purchase.edition.name }}
|
||||||
({{ purchase.name }}, {{ purchase.get_type_display }})
|
{% if purchase.type != "game" %}({{ purchase.name }}, {{ purchase.get_type_display }}){% endif %}
|
||||||
{% endif %}
|
</a>
|
||||||
</a>
|
</td>
|
||||||
</td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ purchase.price }}</td>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ purchase.price }}</td>
|
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ purchase.date_purchased | date:"d/m/Y" }}</td>
|
||||||
<td class="px-2 sm:px-4 md:px-6 md:py-2 font-mono">{{ purchase.date_purchased | date:"d/m/Y" }}</td>
|
</tr>
|
||||||
</tr>
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,8 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
{% block title %}
|
||||||
{% block title %}{{ title }}{% endblock title %}
|
{{ title }}
|
||||||
|
{% endblock title %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="dark:text-white max-w-sm sm:max-w-xl lg:max-w-3xl mx-auto">
|
<div class="dark:text-white max-w-sm sm:max-w-xl lg:max-w-3xl mx-auto">
|
||||||
<h1 class="text-4xl flex items-center">
|
<h1 class="text-4xl flex items-center">
|
||||||
|
|
@ -14,83 +13,66 @@
|
||||||
</h1>
|
</h1>
|
||||||
<h2 class="text-lg my-2 ml-2">
|
<h2 class="text-lg my-2 ml-2">
|
||||||
{{ hours_sum }} <span class="dark:text-slate-500">total</span>
|
{{ hours_sum }} <span class="dark:text-slate-500">total</span>
|
||||||
{{ session_average }} <span class="dark:text-slate-500">avg</span>
|
{{ session_average }} <span class="dark:text-slate-500">avg</span>
|
||||||
({{ playrange }}) </h2>
|
({{ playrange }})
|
||||||
|
</h2>
|
||||||
<hr class="border-slate-500">
|
<hr class="border-slate-500">
|
||||||
<h1 class="text-3xl mt-4 mb-1">Editions <span class="dark:text-slate-500">({{ edition_count }})</span> and Purchases <span class="dark:text-slate-500">({{ purchase_count }})</span></h1>
|
<h1 class="text-3xl mt-4 mb-1">
|
||||||
|
Editions <span class="dark:text-slate-500">({{ edition_count }})</span> and Purchases <span class="dark:text-slate-500">({{ purchase_count }})</span>
|
||||||
|
</h1>
|
||||||
<ul>
|
<ul>
|
||||||
{% for edition in editions %}
|
{% for edition in editions %}
|
||||||
<li class="sm:pl-2 flex items-center">
|
<li class="sm:pl-2 flex items-center">
|
||||||
{{ edition.name }} ({{ edition.platform }}, {{ edition.year_released }})
|
{{ edition.name }} ({{ edition.platform }}, {{ edition.year_released }})
|
||||||
{% if edition.wikidata %}
|
{% if edition.wikidata %}
|
||||||
<span class="hidden sm:inline">
|
<span class="hidden sm:inline">
|
||||||
<a href="https://www.wikidata.org/wiki/{{ edition.wikidata }}">
|
<a href="https://www.wikidata.org/wiki/{{ edition.wikidata }}">
|
||||||
<img class="inline mx-2 w-6" src="{% static 'icons/wikidata.png' %}"/>
|
<img class="inline mx-2 w-6" src="{% static 'icons/wikidata.png' %}" />
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% url 'edit_edition' edition.id as edit_url %}
|
{% url 'edit_edition' edition.id as edit_url %}
|
||||||
{% include 'components/edit_button.html' with edit_url=edit_url %}
|
{% include 'components/edit_button.html' with edit_url=edit_url %}
|
||||||
</li>
|
</li>
|
||||||
<ul>
|
<ul>
|
||||||
{% for purchase in edition.game_purchases %}
|
{% for purchase in edition.game_purchases %}
|
||||||
<li class="sm:pl-6 flex items-center">
|
<li class="sm:pl-6 flex items-center">
|
||||||
{{ purchase.get_ownership_type_display }}, {{ purchase.date_purchased | date:"Y" }}, {{ purchase.price }} {{ purchase.price_currency}}
|
{{ purchase.get_ownership_type_display }}, {{ purchase.date_purchased | date:"Y" }}
|
||||||
{% url 'edit_purchase' purchase.id as edit_url %}
|
{% if purchase.price != 0 %}({{ purchase.price }} {{ purchase.price_currency }}){% endif %}
|
||||||
{% include 'components/edit_button.html' with edit_url=edit_url %}
|
{% url 'edit_purchase' purchase.id as edit_url %}
|
||||||
</li>
|
{% include 'components/edit_button.html' with edit_url=edit_url %}
|
||||||
<ul>
|
</li>
|
||||||
{% for related_purchase in purchase.nongame_related_purchases %}
|
<ul>
|
||||||
<li class="sm:pl-12 flex items-center">
|
{% for related_purchase in purchase.nongame_related_purchases %}
|
||||||
{{ related_purchase.name }} ({{ related_purchase.get_type_display }}, {{ purchase.platform }}, {{ related_purchase.date_purchased | date:"Y" }}, {{ related_purchase.price }} {{ related_purchase.price_currency}})
|
<li class="sm:pl-12 flex items-center">
|
||||||
{% url 'edit_purchase' related_purchase.id as edit_url %}
|
{{ related_purchase.name }} ({{ related_purchase.get_type_display }}, {{ purchase.platform }}, {{ related_purchase.date_purchased | date:"Y" }}, {{ related_purchase.price }} {{ related_purchase.price_currency }})
|
||||||
{% include 'components/edit_button.html' with edit_url=edit_url %}
|
{% url 'edit_purchase' related_purchase.id as edit_url %}
|
||||||
</li>
|
{% include 'components/edit_button.html' with edit_url=edit_url %}
|
||||||
{% endfor %}
|
</li>
|
||||||
</ul>
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h1 class="text-3xl mt-4 mb-1 flex gap-2 items-center">
|
<h1 class="text-3xl mt-4 mb-1 flex gap-2 items-center">
|
||||||
Sessions
|
Sessions
|
||||||
<span class="dark:text-slate-500">
|
<span class="dark:text-slate-500">({{ sessions.count }})</span>
|
||||||
({{ sessions.count }})
|
|
||||||
</span>
|
|
||||||
{% url 'start_game_session' game.id as add_session_link %}
|
{% url 'start_game_session' game.id as add_session_link %}
|
||||||
{% include 'components/button.html' with title="Start new session" text="New" link=add_session_link %}
|
{% include 'components/button.html' with title="Start new session" text="New" link=add_session_link %}
|
||||||
|
and Notes <span class="dark:text-slate-500">({{ sessions_with_notes_count }})</span>
|
||||||
|
|
||||||
</h1>
|
</h1>
|
||||||
<ul>
|
<ul>
|
||||||
{% for session in sessions %}
|
{% for session in sessions %}
|
||||||
<li class="sm:pl-2 flex items-center">
|
<li class="sm:pl-2 mt-4 mb-2 dark:text-slate-400 flex items-center">
|
||||||
{{ session.timestamp_start | date:"d/m/Y" }}
|
{{ session.timestamp_start | date:"d/m/Y H:m" }}
|
||||||
({{ session.device.get_type_display | default:"Unknown" }}, {{ session.duration_formatted }})
|
({{ session.device.get_type_display | default:"Unknown" }}, {{ session.duration_formatted }})
|
||||||
{% url 'edit_session' session.id as edit_url %}
|
{% url 'edit_session' session.id as edit_url %}
|
||||||
{% include 'components/edit_button.html' with edit_url=edit_url %}
|
{% include 'components/edit_button.html' with edit_url=edit_url %}
|
||||||
</li>
|
</li>
|
||||||
|
<li class="sm:pl-4 italic">{{ session.note|linebreaks }}</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
<h1 class="text-3xl mt-4 mb-1">Notes <span class="dark:text-slate-500">({{ sessions_with_notes.count }})</span></h1>
|
|
||||||
<ul>
|
|
||||||
{% for session in sessions_with_notes %}
|
|
||||||
<li class="sm:pl-2">
|
|
||||||
<ul>
|
|
||||||
<li class="block dark:text-slate-500">
|
|
||||||
<span class="flex items-center">
|
|
||||||
{{ session.timestamp_start | date:"d/m/Y H:m" }}
|
|
||||||
{% url 'edit_session' session.id as edit_session_url %}
|
|
||||||
{% include 'components/edit_button.html' with edit_url=edit_session_url %}
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
<li class="sm:pl-4 italic">
|
|
||||||
{{ session.note|linebreaks }}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% endblock content %}
|
{% endblock content %}
|
||||||
|
|
|
||||||
|
|
@ -179,7 +179,7 @@ def view_game(request, game_id=None):
|
||||||
"purchase_count": Purchase.objects.filter(edition__game=game).count(),
|
"purchase_count": Purchase.objects.filter(edition__game=game).count(),
|
||||||
"session_average": round(total_hours / int(session_count), 1),
|
"session_average": round(total_hours / int(session_count), 1),
|
||||||
"session_count": session_count,
|
"session_count": session_count,
|
||||||
"sessions_with_notes": sessions.exclude(note=""),
|
"sessions_with_notes_count": sessions.exclude(note="").count(),
|
||||||
"sessions": sessions.order_by("-timestamp_start"),
|
"sessions": sessions.order_by("-timestamp_start"),
|
||||||
"title": f"Game Overview - {game.name}",
|
"title": f"Game Overview - {game.name}",
|
||||||
"hours_sum": total_hours,
|
"hours_sum": total_hours,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue