seems to be the last RC - this app is done - so am I

This commit is contained in:
nocci 2025-05-09 14:34:33 +02:00
parent 1506201913
commit f5b184fe54
37 changed files with 1932 additions and 661 deletions

34
.env
View File

@ -1,34 +0,0 @@
# Flask-Configuration - Key are generated through setup.sh
SECRET_KEY=""
REDEEM_SECRET=""
WTF_CSRF_SECRET_KEY=""
# locales
BABEL_DEFAULT_LOCALE="en"
BABEL_SUPPORTED_LOCALES="de,en"
BABEL_TRANSLATION_DIRECTORIES="translations"
# Timezone
TZ=Europe/Berlin
# Security
SESSION_COOKIE_SECURE="False"
CSRF_ENABLED="True"
# Account registration
REGISTRATION_ENABLED="True"
# checking interval if keys have to be redeemed before a specific date
CHECK_EXPIRING_KEYS_INTERVAL_HOURS=6
# Pushover
PUSHOVER_APP_TOKEN=""
PUSHOVER_USER_KEY=""
# Gotify
GOTIFY_URL=""
GOTIFY_TOKEN=""
# Matrix
MATRIX_HOMESERVER=""
MATRIX_ACCESS_TOKEN=""
MATRIX_ROOM_ID=""

183
README.md
View File

@ -5,9 +5,7 @@
This project helps you keep track of your collected game keys. This project helps you keep track of your collected game keys.
No more confusion about whether a key is redeemed, gifted, or still unused now you have everything in one place, with search, status, and even automatic Steam cover images! No more confusion about whether a key is redeemed, gifted, or still unused now you have everything in one place, with search, status, and even automatic Steam cover images!
It's even possible to gift your keys via a unique website. Just edit the game to "Gifted" and you'll get a option to copy the on your overview page. (maybe HTTPS only) You can even gift your keys via a unique 24-hour website link just mark a game as "Gifted" and copy the link from your overview. (HTTPS recommended)
(the link will also remain in the edit area)
![Screenshot](GameManager.png) ![Screenshot](GameManager.png)
@ -16,70 +14,72 @@ It's even possible to gift your keys via a unique website. Just edit the game to
## ✨ Features ✨ ## ✨ Features ✨
- **Key Management:** - **Key Management:**
Enter your game keys, the corresponding game, platform, and maybe where you got the key. Enter your game keys, platform, source, and more.
- **Status Tracking:** - **Status Tracking:**
Mark keys as "Redeemed", "Gifted" or "Available" always know your status. Mark keys as "Redeemed", "Gifted", or "Available".
- **Shop URL & Steam Cover:** - **Steam Cover & Shop Info:**
Save the shop URL and (optionally) the Steam AppID. The app will automatically show the official Steam cover image if available. Provide the Steam AppID and get the official game cover. Add shop URLs too.
- **Gift your Games:** - **Game Descriptions & Prices:**
You can create a unique redeem/gift website, which will expire after 24h. Automatically fetch game descriptions, current best prices, and historical lows from [IsThereAnyDeal](https://isthereanydeal.com/) (API key required).
- **Multi-user:** - **Gifting:**
Create a one-time gift link for each game that expires after 24 hours.
- **Search Functionality:**
Quickly find games with an integrated search bar.
- **Multi-user Support:**
Each user manages their own keys. Each user manages their own keys.
- **Enable/Disable Registrations:** - **User Roles:**
Perfect if you want to run the Server just on your own (via .env file) The first registered user becomes an admin automatically.
- **Search:** - **Admin Area:**
Find games quickly with the search function. Admins can reset passwords, delete users, and view audit logs.
- **Audit Logs:**
Track user logins, password resets, and deleted accounts.
- **Registration Toggle:**
Enable or disable user registration via the `.env` file.
- **Responsive UI:** - **Responsive UI:**
Works on desktop and mobile, with Dark Mode toggle. Fully functional on desktop and mobile with Dark Mode support.
- **Multi-language:** - **Multi-language:**
Switch between English and German instantly*. Switch between English and German on the fly.
- **Import/Export (CSV / PDF -only export-):** - **Import/Export (CSV, PDF export):**
Easy export and import of your keys. (e.g. in case you have to start over) Import/export your game keys easily.
- **Change Password:** - **Password Management:**
Change your Password on the fly. Users can change their passwords directly.
- **Website Security:**
You can turn on/off CSRF and Secure Cookie via .env file.
- **Notifications:** - **Notifications:**
If you have key that have to be redeemed before a specific date. You can set up sending messages via, Pushover, Matrix and Gotify Get alerts for expiring keys via Gotify, Matrix, or Pushover.
- **No key data leaves your server!** - **Security Settings:**
- **(Planned):** Toggle CSRF protection and secure cookies in `.env`.
- ~~Import/Export (CSV)~~ - **Self-hosted:**
- ~~Redeem site with unique sharing link~~ No data leaves your server.
--- ---
## 🚀 Get Started! 🚀 ## 🚀 Get Started
## 1. **Clone the Repository (Option 1 or Option 2)** ### 1. Clone the Repository
### Option 1: Clone the main repository
```bash ```bash
git clone https://codeberg.org/nocci/GameKeyManager git clone https://codeberg.org/nocci/GameKeyManager
cd steam-gift-manager cd steam-gift-manager
``` ```
### Option 2: Clone from alternative repository (if option 1 fails) Alternative:
```bash ```bash
git clone https://git.nocci.it/nocci/GameKeyManager git clone https://git.nocci.it/nocci/GameKeyManager
``` ```
### 2. **Setup Docker** ### 2. Setup Docker
Make sure you have [Docker](https://www.docker.com/) and [docker-compose](https://docs.docker.com/compose/) installed. Make sure Docker and docker-compose are installed.
If not, the script will ask you what to do and can install Docker and docker-compose for you. (maybe not if you are running Arch) If not, the setup script can guide you (Arch-based distros may vary).
### 3. **Initial Setup** ### 3. Initial Setup
```bash ```bash
chmod +x setup.sh chmod +x setup.sh
./setup.sh ./setup.sh
``` ```
This script prepares all directories, configuration, and translation files. ### 4. Build and Start the App
### 4. **Build and Start the App**
```bash ```bash
cd steam-gift-manager/ cd steam-gift-manager/
@ -87,102 +87,81 @@ docker-compose build --no-cache
docker-compose up -d docker-compose up -d
``` ```
### 5. **Edit your .env file to your liking** ### 5. Configure `.env` File
It's in your root folder of the installation! Adjust your settings:
```xml ```env
# Security SESSION_COOKIE_SECURE="True" # Only works with HTTPS
SESSION_COOKIE_SECURE="True" (only works if you run this app via HTTPS)
CSRF_ENABLED="True" CSRF_ENABLED="True"
ITAD_API_KEY="your_api_key" # Optional, for price data
``` ```
**Important after any(!) change of the .env file!** Apply changes after editing:
```bash ```bash
cd steam-gift-manager/
docker-compose down && docker-compose up -d --build docker-compose down && docker-compose up -d --build
``` ```
### 6. **Initialize and Edit Translations (Optional)** ### 6. Translate (optional)
```bash ```bash
./translate.sh ./translate.sh
``` ```
Edit the .po files in translations/de_DE/LC_MESSAGES/messages.po and en_US/LC_MESSAGES/messages.po Edit the `.json` files in `translations/`, then restart:
```bash ```bash
./translate.sh
cd steam-gift-manager/
docker-compose down && docker-compose up -d --build docker-compose down && docker-compose up -d --build
``` ```
### 7. **Open the App** ### 7. Access the App
Go to [http://localhost:5000](http://localhost:5000) in your browser. Visit [http://localhost:5000](http://localhost:5000)
Register the first user this account becomes the admin!
- Register your first user.
- Add your keys, shop URLs etc.
- Enjoy search, status, and automatic Steam cover images!
--- ---
## 🛠️ Technology Stack 🛠️ ## 🔔 Notifications (optinal)
- **Frontend:** Bootstrap 5, Jinja2 Templates ... - Reminders for expiring keys (48h notice)
- **Backend:** Python 3, Flask, Flask-Babel, Flask-Login, Flask-SQLAlchemy, Apprise ... - Pushover, Matrix, Gotify and more are supported through AppRise
- **Database:** SQLite (persisted in `data/`) - Configurable via `.env`
- **Containerization:** Docker, docker-compose
- **Translations:** Flask-Babel, editable `.po` files in `translations/`
## 🌍 Multi-language
- Switch between English and German using the dropdown in the navigation bar.
- All game and menu texts can be translated or individualized.
## 🔔 Notifications
- Send notifications if a game has to be redeemed by a specific date
- Switched from generic notifications to [Apprise](https://github.com/caronc/apprise) - have a look into the .env file
- 48 hours before you are running out of time the app will send you a notice to your services
--- ---
## 🪙 Do you this project? 🪙 ## 🛠️ Tech Stack
If youd like to support itme, you can make a donation here: - **Frontend:** Bootstrap 5, Jinja2, ...
- **Backend:** Python 3, Flask, Flask-SQLAlchemy, ...
- **Database:** SQLite
- **Container:** Docker, docker-compose
---
## 💬 Contribute
Contributions are welcome:
- Report bugs
- Suggest features
- Submit Pull Requests
---
## 🪙 Support
Like the project? You can support me:
[![Ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/nocci) [![Ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/nocci)
[![Liberapay](https://liberapay.com/assets/widgets/donate.svg)](https://liberapay.com/nocci/donate) [![Liberapay](https://liberapay.com/assets/widgets/donate.svg)](https://liberapay.com/nocci/donate)
Thank you! ---
## 📜 License
Licensed under [Apache License 2.0](LICENSE).
--- ---
## 🙌 Contribute! 🙌 **Enjoy managing your game collection!**
This project is open source!
- **Bug Reports:** Please report bugs as Issues.
- **Feature Requests:** Suggest new features!
- **Pull Requests:** Submit your code changes!
// **only possible after Forgejo opens for federation** \\\
---
## 📜 License 📜
This project is licensed under the [Apache License 2.0](LICENSE).
---
## 💖 Acknowledgements 💖
A big thank you to everyone who supports and contributes to this project!
---
**Enjoy your organized Game key collection!** 🚀

0
app.py
View File

150
setup.sh
View File

@ -79,13 +79,28 @@ PROJECT_DIR="steam-gift-manager"
TRANSLATIONS_DIR="$PWD/$PROJECT_DIR/translations" TRANSLATIONS_DIR="$PWD/$PROJECT_DIR/translations"
DATA_DIR="$PWD/data" DATA_DIR="$PWD/data"
# 1. Create folders # Create folders
mkdir -p "$PROJECT_DIR" mkdir -p "$PROJECT_DIR"
mkdir -p "$PROJECT_DIR"/{templates,static,translations} mkdir -p "$PROJECT_DIR"/{templates,static,translations}
mkdir -p "$DATA_DIR" mkdir -p "$DATA_DIR"
chmod -R a+rwX "$TRANSLATIONS_DIR" "$DATA_DIR" chmod -R a+rwX "$TRANSLATIONS_DIR" "$DATA_DIR"
echo -e "\n\033[1;32m✅ Downloading assets - Please wait!\033[0m"
# Download Pictures from my server
cd "$PROJECT_DIR/static"
wget -O logo.webp "https://drop.nocadmin.net/logo.webp" > /dev/null 2>&1
wget -O logo_small.webp "https://drop.nocadmin.net/logo_small.webp" > /dev/null 2>&1
wget -O forgejo.webp "https://drop.nocadmin.net/forgejo.webp" > /dev/null 2>&1
wget -O gog_logo.webp "https://drop.nocadmin.net/gog_logo.webp" > /dev/null 2>&1
wget -O logo_small_maskable.webp "https://drop.nocadmin.net/logo_small_maskable.webp" > /dev/null 2>&1
wget -O favicon.ico "https://drop.nocadmin.net/favicon.ico" > /dev/null 2>&1
wget -O apple-touch-icon.png "https://drop.nocadmin.net/apple-touch-icon.png" > /dev/null 2>&1
wget -O web-app-manifest-192x192.png "https://drop.nocadmin.net/web-app-manifest-192x192.png" > /dev/null 2>&1
wget -O web-app-manifest-512x512.png "https://drop.nocadmin.net/web-app-manifest-512x512.png" > /dev/null 2>&1
cd ../..
cd $PROJECT_DIR cd $PROJECT_DIR
# requirements.txt # requirements.txt
@ -135,6 +150,7 @@ TZ=Europe/Berlin
FORCE_HTTPS=False FORCE_HTTPS=False
SESSION_COOKIE_SECURE=auto SESSION_COOKIE_SECURE=auto
CSRF_ENABLED="True" CSRF_ENABLED="True"
# Account registration # Account registration
REGISTRATION_ENABLED="True" REGISTRATION_ENABLED="True"
@ -158,7 +174,7 @@ REDIS_URL=redis://redis:6379/0
# Enable Debug (e.g. for VS Code) # Enable Debug (e.g. for VS Code)
FLASK_DEBUG=1 FLASK_DEBUG=1
DEBUGPY=1 DEBUGPY=0
EOL EOL
# app.py (the main app) # app.py (the main app)
@ -167,19 +183,19 @@ cat <<'PYTHON_END' > app.py
import atexit import atexit
import csv import csv
import io import io
import locale # Note: locale was in your imports but not standard for typical web apps unless specific use. import locale
import logging import logging
import os import os
import random import random
import re import re
import secrets import secrets
import sqlite3 # Note: direct sqlite3 import is unusual if you're using SQLAlchemy for all DB ops. import sqlite3
import time import time
import traceback import traceback
from datetime import datetime, timedelta from datetime import datetime, timedelta
from functools import wraps from functools import wraps
from io import BytesIO # Note: io.BytesIO is good, no need for direct BytesIO import if io is already imported. from io import BytesIO
from time import sleep # Note: time.sleep is fine, no need for direct 'sleep' import if 'time' is imported. from time import sleep
from urllib.parse import urlparse from urllib.parse import urlparse
from zoneinfo import ZoneInfo from zoneinfo import ZoneInfo
import warnings import warnings
@ -261,6 +277,11 @@ os.environ['TZ'] = TZ
app = Flask(__name__) app = Flask(__name__)
app.jinja_env.globals['getattr'] = getattr app.jinja_env.globals['getattr'] = getattr
@app.errorhandler(404)
def not_found_error(error):
return render_template('404.html'), 404
# UNIX-Systems (Linux, Docker) # UNIX-Systems (Linux, Docker)
try: try:
time.tzset() time.tzset()
@ -878,12 +899,12 @@ def edit_game(game_id):
if request.method == 'POST': if request.method == 'POST':
try: try:
# Validierung # Validation
if not request.form.get('name') or not request.form.get('steam_key'): if not request.form.get('name') or not request.form.get('steam_key'):
flash(translate('Name and Steam Key are required'), 'error') flash(translate('Name and Steam Key are required'), 'error')
return redirect(url_for('edit_game', game_id=game_id)) return redirect(url_for('edit_game', game_id=game_id))
# Dublettenprüfung # Duplicate check
existing = Game.query.filter( existing = Game.query.filter(
Game.steam_key == request.form['steam_key'], Game.steam_key == request.form['steam_key'],
Game.id != game.id, Game.id != game.id,
@ -893,7 +914,7 @@ def edit_game(game_id):
flash(translate('Steam Key already exists'), 'error') flash(translate('Steam Key already exists'), 'error')
return redirect(url_for('edit_game', game_id=game_id)) return redirect(url_for('edit_game', game_id=game_id))
# Felder aktualisieren # Update fields
game.name = request.form['name'] game.name = request.form['name']
game.steam_key = request.form['steam_key'] game.steam_key = request.form['steam_key']
game.status = request.form['status'] game.status = request.form['status']
@ -904,12 +925,12 @@ def edit_game(game_id):
game.steam_appid = request.form.get('steam_appid', '') game.steam_appid = request.form.get('steam_appid', '')
game.redeem_date = safe_parse_date(request.form.get('redeem_date', '')) game.redeem_date = safe_parse_date(request.form.get('redeem_date', ''))
# Token-Logik # Token-Logic
if game.status == 'geschenkt': if game.status == 'geschenkt':
# Vorhandene Tokens löschen # Vorhandene Tokens löschen
RedeemToken.query.filter_by(game_id=game.id).delete() RedeemToken.query.filter_by(game_id=game.id).delete()
# Neuen Token generieren # Generate new Token
token = secrets.token_urlsafe(12)[:17] token = secrets.token_urlsafe(12)[:17]
expires = datetime.now(local_tz) + timedelta(hours=24) expires = datetime.now(local_tz) + timedelta(hours=24)
new_token = RedeemToken( new_token = RedeemToken(
@ -927,11 +948,11 @@ def edit_game(game_id):
except IntegrityError as e: except IntegrityError as e:
db.session.rollback() db.session.rollback()
app.logger.error(f"IntegrityError: {traceback.format_exc()}") app.logger.error(f"IntegrityError: {traceback.format_exc()}")
flash(translate('Database error: {error}', error=str(e.orig)), 'error') # Platzhalter korrigiert flash(translate('Database error: {error}', error=str(e.orig)), 'error')
except Exception as e: except Exception as e:
db.session.rollback() db.session.rollback()
app.logger.error(f"Unexpected error: {traceback.format_exc()}") app.logger.error(f"Unexpected error: {traceback.format_exc()}")
flash(translate('Unexpected error: {error}', error=str(e)), 'error') # Platzhalter korrigiert flash(translate('Unexpected error: {error}', error=str(e)), 'error')
return render_template( return render_template(
'edit_game.html', 'edit_game.html',
@ -1006,14 +1027,14 @@ def export_pdf():
elements = [] elements = []
img_height = 2*cm img_height = 2*cm
# Titel # Title
elements.append(Paragraph( elements.append(Paragraph(
translate("Game List (without Keys)", lang=session.get('lang', 'en')), translate("Game List (without Keys)", lang=session.get('lang', 'en')),
styles['Title'] styles['Title']
)) ))
elements.append(Spacer(1, 12)) elements.append(Spacer(1, 12))
# Tabellenkopf # Table header
col_widths = [ col_widths = [
5*cm, 10*cm, 6*cm, 3*cm 5*cm, 10*cm, 6*cm, 3*cm
] ]
@ -1047,7 +1068,7 @@ def export_pdf():
game.redeem_date.strftime('%d.%m.%y') if game.redeem_date else '' game.redeem_date.strftime('%d.%m.%y') if game.redeem_date else ''
]) ])
# Table format (korrekte Einrückung) # Table format
table = Table(data, colWidths=col_widths, repeatRows=1) table = Table(data, colWidths=col_widths, repeatRows=1)
table.setStyle(TableStyle([ table.setStyle(TableStyle([
('FONTNAME', (0,0), (-1,0), 'Helvetica-Bold'), ('FONTNAME', (0,0), (-1,0), 'Helvetica-Bold'),
@ -1287,7 +1308,7 @@ def update_game_data(game_id):
flash(translate('Steam-AppID missing, no Steam Data transferred'), 'warning') flash(translate('Steam-AppID missing, no Steam Data transferred'), 'warning')
# ITAD-Slug donings and such # ITAD-Slug doings and such
itad_slug = fetch_itad_slug(steam_appid) itad_slug = fetch_itad_slug(steam_appid)
if itad_slug: if itad_slug:
game.itad_slug = itad_slug game.itad_slug = itad_slug
@ -1422,7 +1443,7 @@ def cleanup_expired_tokens_job():
with app.app_context(): with app.app_context():
cleanup_expired_tokens() cleanup_expired_tokens()
# Jobs hinzufügen # Add Jobs
scheduler.add_job( scheduler.add_job(
check_expiring_keys_job, check_expiring_keys_job,
'interval', 'interval',
@ -1440,7 +1461,7 @@ def update_prices_job():
with app.app_context(): with app.app_context():
games = Game.query.filter(Game.steam_appid.isnot(None)).all() games = Game.query.filter(Game.steam_appid.isnot(None)).all()
for game in games: for game in games:
# Nur Preise aktualisieren # just update prices
itad_data = fetch_itad_data(f"app/{game.steam_appid}") itad_data = fetch_itad_data(f"app/{game.steam_appid}")
if itad_data: if itad_data:
game.current_price = itad_data.get('price_new') game.current_price = itad_data.get('price_new')
@ -1488,7 +1509,7 @@ if __name__ == '__main__':
PYTHON_END PYTHON_END
# 9. Templates # Templates - this was the "fun" part
mkdir -p templates static mkdir -p templates static
# Base Template # Base Template
@ -2037,16 +2058,16 @@ cat <<HTML_END > templates/edit_game.html
<textarea id="game_notes" name="notes" class="form-control" rows="3">{{ game.notes }}</textarea> <textarea id="game_notes" name="notes" class="form-control" rows="3">{{ game.notes }}</textarea>
</div> </div>
<!-- Externe Daten Anzeige --> <!-- Show External Data -->
<div class="col-12"> <div class="col-12">
<div class="card mb-4"> <div class="card mb-4">
<div class="card-header"> <div class="card-header">
<span>🔄 {{ _('Externe Daten') }}</span> <span>🔄 {{ _('External Data') }}</span>
</div> </div>
<div class="card-body"> <div class="card-body">
{% if game.release_date %} {% if game.release_date %}
<div class="mb-2"> <div class="mb-2">
<strong>{{ _('Veröffentlichung:') }}</strong> <strong>{{ _('Release Date:') }}</strong>
{{ game.release_date|strftime('%d.%m.%Y') }} {{ game.release_date|strftime('%d.%m.%Y') }}
</div> </div>
{% endif %} {% endif %}
@ -2079,7 +2100,7 @@ cat <<HTML_END > templates/edit_game.html
{% if game.status == 'geschenkt' %} {% if game.status == 'geschenkt' %}
<div class="col-12"> <div class="col-12">
<div class="card mb-3"> <div class="card mb-3">
<div class="card-header">{{ _('Einlöse-Links') }}</div> <div class="card-header">{{ _('Redeem-Link') }}</div>
<div class="card-body"> <div class="card-body">
{% for token in game.redeem_tokens if not token.is_expired() %} {% for token in game.redeem_tokens if not token.is_expired() %}
<div class="input-group mb-3"> <div class="input-group mb-3">
@ -2532,7 +2553,7 @@ cat <<HTML_END > templates/admin_audit_logs.html
HTML_END HTML_END
# Error Site # Error Sites
cat <<HTML_END > templates/403.html cat <<HTML_END > templates/403.html
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
@ -2561,6 +2582,34 @@ cat <<HTML_END > templates/403.html
{% endblock %} {% endblock %}
HTML_END HTML_END
cat <<HTML_END > templates/404.html
{% extends "base.html" %}
{% block content %}
<div class="d-flex flex-column align-items-center justify-content-center" style="min-height:60vh;">
<div class="text-center">
<img src="{{ url_for('static', filename='logo.webp') }}"
alt="Forbidden"
class="img-fluid rounded shadow mb-4"
style="max-width: 160px;">
<h1 class="display-3 fw-bold text-danger mb-3">404</h1>
<h2 class="mb-4">{{ _('Access Forbidden') }}</h2>
<p class="lead mb-4">
<span class="d-block mb-2">{{ _('Sorry, you are not allowed to access this page.') }}</span>
<span class="text-muted">({{ _('Registration is currently disabled.') }})</span>
</p>
<a href="{{ url_for('index') }}" class="btn btn-lg btn-primary shadow">
🏠 {{ _('Back to Home') }}
</a>
<div class="mt-4 text-muted">
<small>
<span>Sorry, you haven't unlocked this area yet. Grind some more XP or check your DLC entitlements.<br>Maybe try again after the next patch?</span>
</small>
</div>
</div>
</div>
{% endblock %}
HTML_END
# CSS # CSS
cat <<CSS_END > static/style.css cat <<CSS_END > static/style.css
:root { :root {
@ -2774,7 +2823,7 @@ APP_DIR="steam-gift-manager"
TRANSLATION_DIR="$APP_DIR/translations" TRANSLATION_DIR="$APP_DIR/translations"
LANGS=("de" "en") LANGS=("de" "en")
# Prüfe jq # check jq
if ! command -v jq &>/dev/null; then if ! command -v jq &>/dev/null; then
echo "❌ jq is required. Install with: sudo apt-get install jq" echo "❌ jq is required. Install with: sudo apt-get install jq"
exit 1 exit 1
@ -2810,12 +2859,12 @@ SCRIPT_END
chmod +x ../translate.sh chmod +x ../translate.sh
# SOFORT AUSFÜHREN, um Basis-JSONs zu erstellen # EXECUTE IMMEDIATELY to create basic JSONs
cd .. cd ..
./translate.sh ./translate.sh
cd $PROJECT_DIR cd $PROJECT_DIR
# 5. Dockerfile # Dockerfile
cat <<'DOCKER_END' > Dockerfile cat <<'DOCKER_END' > Dockerfile
FROM python:3.10-slim FROM python:3.10-slim
@ -2824,12 +2873,6 @@ SHELL ["/bin/bash", "-c"]
RUN apt-get update && apt-get install -y --no-install-recommends \ RUN apt-get update && apt-get install -y --no-install-recommends \
curl \ curl \
wget \ wget \
&& mkdir -p /app/static \
&& wget -O /app/static/logo.webp "https://drop.nocadmin.net/logo.webp" \
&& wget -O /app/static/logo_small.webp "https://drop.nocadmin.net/logo_small.webp" \
&& wget -O /app/static/forgejo.webp "https://drop.nocadmin.net/forgejo.webp" \
&& wget -O /app/static/gog_logo.webp "https://drop.nocadmin.net/gog_logo.webp" \
&& wget -O /app/static/logo_small_maskable.webp "https://drop.nocadmin.net/logo_small_maskable.webp" \
&& rm -rf /var/lib/apt/lists/* && rm -rf /var/lib/apt/lists/*
RUN apt-get update && apt-get install -y locales && \ RUN apt-get update && apt-get install -y locales && \
@ -2896,6 +2939,7 @@ services:
volumes: volumes:
- ../data:/app/data - ../data:/app/data
- ./translations:/app/translations:rw - ./translations:/app/translations:rw
- ./static:/app/static:rw
user: "${UID:-1000}:${GID:-1000}" user: "${UID:-1000}:${GID:-1000}"
restart: unless-stopped restart: unless-stopped
command: ["/app/entrypoint.sh"] command: ["/app/entrypoint.sh"]
@ -2924,7 +2968,7 @@ set -e
# Set the working directory to the project directory # Set the working directory to the project directory
cd "$(dirname "$0")/steam-gift-manager" cd "$(dirname "$0")/steam-gift-manager"
# Setze FLASK_APP, falls nötig # set FLASK_APP, if needed
export FLASK_APP=app.py export FLASK_APP=app.py
# Initialize migrations, if not yet available # Initialize migrations, if not yet available
@ -2960,28 +3004,30 @@ cat <<MANIFEST_END > static/manifest.json
}, },
"icons": [ "icons": [
{ {
"src": "/static/logo_small.webp", "src": "/static/web-app-manifest-192x192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/webp", "type": "image/webp",
"purpose": "any" "purpose": "any"
}, },
{ {
"src": "/static/logo_small_maskable.webp", "src": "/static/web-app-manifest-192x192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/webp", "type": "image/png",
"purpose": "maskable" "purpose": "maskable"
}, },
{ {
"src": "/static/logo.webp", "src": "/static/web-app-manifest-512x512.png",
"sizes": "512x512", "sizes": "512x512",
"type": "image/webp", "type": "image/png",
"purpose": "any maskable" "purpose": "maskable"
} }
] ],
"theme_color": "#ffffff",
"background_color": "#3f3a3a",
"display": "standalone"
} }
MANIFEST_END MANIFEST_END
# Service Worker # Service Worker
cat <<SW_END > static/serviceworker.js cat <<SW_END > static/serviceworker.js
const CACHE_NAME = 'game-key-manager-v2'; const CACHE_NAME = 'game-key-manager-v2';
@ -2989,6 +3035,8 @@ const ASSETS = [
'/', '/',
'/static/style.css', '/static/style.css',
'/static/logo.webp', '/static/logo.webp',
'/static/web-app-manifest-512x512.png',
'/static/web-app-manifest-192x192.png',
'/static/logo_small.webp', '/static/logo_small.webp',
'/static/gog_logo.webp', '/static/gog_logo.webp',
'/static/forgejo.webp' '/static/forgejo.webp'
@ -3018,6 +3066,22 @@ self.addEventListener('activate', (event) => {
}); });
SW_END SW_END
# Download German Translation from my server
cd "$TRANSLATIONS_DIR"
read -p "Do you want to download German translations from the dev-server (could cause trouble, but normally it is safe)? [y/N]: " download_de
if [[ "$download_de" =~ ^[YyJj]$ ]]; then
wget -O de.json "https://drop.nocadmin.net/de.json" > /dev/null 2>&1
if [ $? -eq 0 ]; then
echo "✅ German translations downloaded successfully."
else
echo "❌ Download failed. Keeping existing de.json."
fi
else
echo "⏩ Skipped downloading German translations."
fi
echo -e "\n\033[1;32m✅ Setup done! Seems to be okay!\033[0m" echo -e "\n\033[1;32m✅ Setup done! Seems to be okay!\033[0m"
echo -e "Have a look in your .env" echo -e "Have a look in your .env"
echo -e "nano .env" echo -e "nano .env"

41
steam-gift-manager/.env Normal file
View File

@ -0,0 +1,41 @@
# Flask-Configuration
SECRET_KEY="ef16ed848264df8391a7f9769f0ac13d5d4c1a711793bb6b"
REDEEM_SECRET="02c6a04e663604a837141d79e75b0a93"
WTF_CSRF_SECRET_KEY="5c6c0f730c337afb804ba21c6e1b3f93"
# Language Settings
DEFAULT_LANGUAGE="en"
SUPPORTED_LANGUAGES="de,en"
# Timezone
TZ=Europe/Berlin
# Security
FORCE_HTTPS=False
SESSION_COOKIE_SECURE=auto
CSRF_ENABLED="True"
# Account registration
REGISTRATION_ENABLED="True"
# checking interval if keys have to be redeemed before a specific date
CHECK_EXPIRING_KEYS_INTERVAL_HOURS=6
# Want to check prices? Here you are!
ITAD_API_KEY="your-secret-key-here"
ITAD_COUNTRY="DE"
# Apprise URLs (separate several with a comma or space)
APPRISE_URLS=""
### example for multiple notifications
#APPRISE_URLS="pover://USER_KEY@APP_TOKEN
#gotify://gotify.example.com/TOKEN
#matrixs://TOKEN@matrix.org/!ROOM_ID"
# Redis URL
REDIS_URL=redis://redis:6379/0
# Enable Debug (e.g. for VS Code)
FLASK_DEBUG=1
DEBUGPY=0

View File

@ -2,13 +2,25 @@ FROM python:3.10-slim
SHELL ["/bin/bash", "-c"] SHELL ["/bin/bash", "-c"]
RUN apt-get update && apt-get install -y --no-install-recommends wget && mkdir -p /app/static && wget -O /app/static/logo.webp "https://drop.nocadmin.net/logo.webp" && wget -O /app/static/logo_small.webp "https://drop.nocadmin.net/logo_small.webp" && wget -O /app/static/forgejo.webp "https://drop.nocadmin.net/forgejo.webp" && wget -O /app/static/gog_logo.webp "https://drop.nocadmin.net/gog_logo.webp" && wget -O /app/static/logo_small_maskable.webp "https://drop.nocadmin.net/logo_small_maskable.webp" && rm -rf /var/lib/apt/lists/* RUN apt-get update && apt-get install -y --no-install-recommends \
curl \
wget \
&& rm -rf /var/lib/apt/lists/*
RUN mkdir -p /app/data && chown -R 1000:1000 /app/data RUN apt-get update && apt-get install -y locales && \
sed -i '/de_DE.UTF-8/s/^# //' /etc/locale.gen && \
locale-gen
ENV LC_ALL=de_DE.UTF-8 LANG=de_DE.UTF-8
ENV TZ=
RUN ln -snf /usr/share/zoneinfo/ /etc/localtime && echo > /etc/timezone
RUN mkdir -p /app/data && \
chown -R 1000:1000 /app/data
ENV TZ=${TZ}
RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone
COPY entrypoint.sh /app/entrypoint.sh
RUN chmod +x /app/entrypoint.sh
WORKDIR /app WORKDIR /app
COPY requirements.txt . COPY requirements.txt .
@ -18,10 +30,14 @@ COPY . .
ARG UID=1000 ARG UID=1000
ARG GID=1000 ARG GID=1000
RUN groupadd -g $GID appuser && useradd -u $UID -g $GID -m appuser && chown -R appuser:appuser /app
RUN groupadd -g ${GID} appuser && \
useradd -l -o -u ${UID} -g appuser -m appuser && \
mkdir -p /app && \
chown -R appuser:appuser /app
USER appuser USER appuser
EXPOSE 5000 EXPOSE 5000 5678
ENTRYPOINT ["/app/entrypoint.sh"]
CMD ["gunicorn", "-b", "0.0.0.0:5000", "app:app"]

File diff suppressed because it is too large Load Diff

View File

@ -1,15 +1,44 @@
services: services:
redis:
image: redis:alpine
ports:
- "6379:6379"
volumes:
- redis_data:/data
networks:
- app-network
steam-manager: steam-manager:
build: . build:
context: .
args:
- UID=0
- GID=1000
ports: ports:
- "5000:5000" - "5000:5000"
- "5678:5678"
env_file:
- .env
environment: environment:
- REGISTRATION_ENABLED=True - REDIS_URL=redis://redis:6379/0
- TZ=
volumes: volumes:
- ../data:/app/data - ../data:/app/data
- ./translations:/app/translations:rw - ./translations:/app/translations:rw
- ../.env:/app/.env - ./static:/app/static:rw
user: "0:" user: "0:1000"
restart: unless-stopped restart: unless-stopped
command: ["/app/entrypoint.sh"]
networks:
- app-network
depends_on:
- redis
volumes:
redis_data:
networks:
app-network:
driver: bridge

View File

@ -0,0 +1,16 @@
#!/bin/bash
# Debug-Output
echo "🔄 DEBUGPY-Value: ''"
echo "🔄 FLASK_DEBUG-Value: ''"
# Debug-Modus activate if .env told you so
if [[ "" == "1" || "" == "1" ]]; then
echo "🔄 Starting in DEBUG mode (Port 5678)..."
exec python -m debugpy --listen 0.0.0.0:5678 -m flask run --host=0.0.0.0 --port=5000
else
echo "🚀 Starting in PRODUCTION mode..."
exec gunicorn -b 0.0.0.0:5000 app:app
fi

View File

@ -14,3 +14,7 @@ requests
pillow pillow
gunicorn gunicorn
apprise apprise
debugpy
pytz
Flask-Session
redis

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 740 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -13,22 +13,25 @@
}, },
"icons": [ "icons": [
{ {
"src": "/static/logo_small.webp", "src": "/static/web-app-manifest-192x192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/webp", "type": "image/webp",
"purpose": "any" "purpose": "any"
}, },
{ {
"src": "/static/logo_small_maskable.webp", "src": "/static/web-app-manifest-192x192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/webp", "type": "image/png",
"purpose": "maskable" "purpose": "maskable"
}, },
{ {
"src": "/static/logo.webp", "src": "/static/web-app-manifest-512x512.png",
"sizes": "512x512", "sizes": "512x512",
"type": "image/webp", "type": "image/png",
"purpose": "any maskable" "purpose": "maskable"
} }
] ],
"theme_color": "#ffffff",
"background_color": "#3f3a3a",
"display": "standalone"
} }

View File

@ -3,6 +3,8 @@ const ASSETS = [
'/', '/',
'/static/style.css', '/static/style.css',
'/static/logo.webp', '/static/logo.webp',
'/static/web-app-manifest-512x512.png',
'/static/web-app-manifest-192x192.png',
'/static/logo_small.webp', '/static/logo_small.webp',
'/static/gog_logo.webp', '/static/gog_logo.webp',
'/static/forgejo.webp' '/static/forgejo.webp'

View File

@ -133,3 +133,38 @@ body {
border: 0; border: 0;
} }
.price-value {
font-size: 1.2em;
font-weight: 400;
margin-top: 2px;
}
.navbar-nav .nav-link {
white-space: nowrap;
}
@media (max-width: 991.98px) {
.navbar-nav {
flex-direction: column !important;
align-items: flex-start !important;
}
}
.card-body img,
.steam-description img {
max-width: 100%;
height: auto;
display: block;
margin: 8px auto;
}
td.font-monospace {
word-break: break-all;
/* or */
overflow-wrap: break-word;
}
.alert-error { background-color: #f8d7da; border-color: #f5c6cb; color: #721c24; }
.alert-success { background-color: #d4edda; border-color: #c3e6cb; color: #155724; }
.alert-info { background: #d9edf7; color: #31708f; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

View File

@ -0,0 +1,25 @@
{% extends "base.html" %}
{% block content %}
<div class="d-flex flex-column align-items-center justify-content-center" style="min-height:60vh;">
<div class="text-center">
<img src="{{ url_for('static', filename='logo.webp') }}"
alt="Forbidden"
class="img-fluid rounded shadow mb-4"
style="max-width: 160px;">
<h1 class="display-3 fw-bold text-danger mb-3">403</h1>
<h2 class="mb-4">{{ _('Access Forbidden') }}</h2>
<p class="lead mb-4">
<span class="d-block mb-2">{{ _('Sorry, you are not allowed to access this page.') }}</span>
<span class="text-muted">({{ _('Registration is currently disabled.') }})</span>
</p>
<a href="{{ url_for('index') }}" class="btn btn-lg btn-primary shadow">
🏠 {{ _('Back to Home') }}
</a>
<div class="mt-4 text-muted">
<small>
<span>Sorry, you haven't unlocked this area yet. Grind some more XP or check your DLC entitlements.<br>Maybe try again after the next patch?</span>
</small>
</div>
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,25 @@
{% extends "base.html" %}
{% block content %}
<div class="d-flex flex-column align-items-center justify-content-center" style="min-height:60vh;">
<div class="text-center">
<img src="{{ url_for('static', filename='logo.webp') }}"
alt="Forbidden"
class="img-fluid rounded shadow mb-4"
style="max-width: 160px;">
<h1 class="display-3 fw-bold text-danger mb-3">404</h1>
<h2 class="mb-4">{{ _('Access Forbidden') }}</h2>
<p class="lead mb-4">
<span class="d-block mb-2">{{ _('Sorry, you are not allowed to access this page.') }}</span>
<span class="text-muted">({{ _('Registration is currently disabled.') }})</span>
</p>
<a href="{{ url_for('index') }}" class="btn btn-lg btn-primary shadow">
🏠 {{ _('Back to Home') }}
</a>
<div class="mt-4 text-muted">
<small>
<span>Sorry, you haven't unlocked this area yet. Grind some more XP or check your DLC entitlements.<br>Maybe try again after the next patch?</span>
</small>
</div>
</div>
</div>
{% endblock %}

View File

@ -1,51 +1,94 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="card p-4 shadow-sm"> <div class="card p-4 shadow-sm">
<h2 class="mb-4">{{ _('Add New Game') }}</h2> <h2 class="mb-4">{{ _('Add Game') }}</h2>
<form method="POST" aria-label="{{ _('Add New Game') }}"> {% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
<div class="mb-3">
{% for category, message in messages %}
<div class="alert alert-{{ 'danger' if category == 'error' else category }}">
{{ message|safe }}
</div>
{% endfor %}
</div>
{% endif %}
{% endwith %}
<form method="POST" aria-label="{{ _('Add Game') }}">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"> <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<div class="row g-3"> <div class="row g-3">
<!-- Name -->
<div class="col-md-6"> <div class="col-md-6">
<label for="game_name" class="form-label">{{ _('Name') }} <span aria-hidden="true" class="text-danger">*</span></label> <label for="game_name" class="form-label">{{ _('Name') }} <span class="text-danger">*</span></label>
<input type="text" id="game_name" name="name" class="form-control" required aria-required="true"> <input type="text" id="game_name" name="name" class="form-control" value="{{ request.form.name or '' }}" required>
</div> </div>
<!-- Steam Key -->
<div class="col-md-6"> <div class="col-md-6">
<label for="game_key" class="form-label">{{ _('Game Key') }} <span aria-hidden="true" class="text-danger">*</span></label> <label for="game_key" class="form-label">{{ _('Game Key') }} <span class="text-danger">*</span></label>
<input type="text" id="game_key" name="steam_key" class="form-control" required aria-required="true"> <input type="text" id="game_key" name="steam_key" class="form-control" value="{{ request.form.steam_key or '' }}" required>
</div> </div>
<div class="col-md-4">
<label for="game_status" class="form-label">{{ _('Status') }} <span aria-hidden="true" class="text-danger">*</span></label> <!-- Platform Dropdown -->
<select id="game_status" name="status" class="form-select" required aria-required="true"> <div class="col-md-6">
<option value="nicht eingelöst">{{ _('Not redeemed') }}</option> <label for="game_platform" class="form-label">{{ _('Platform') }} <span class="text-danger">*</span></label>
<option value="verschenkt">{{ _('Gifted') }}</option> <select id="game_platform" name="platform" class="form-select" required>
<option value="eingelöst">{{ _('Redeemed') }}</option> {% for value, label in platforms %}
<option value="{{ value }}" {% if request.form.platform == value %}selected{% endif %}>
{{ _(label) }}
</option>
{% endfor %}
</select> </select>
</div> </div>
<div class="col-md-4">
<label for="game_redeem_date" class="form-label">{{ _('Redeem by') }}</label> <!-- Status Dropdown -->
<input type="date" id="game_redeem_date" name="redeem_date" class="form-control"> <div class="col-md-6">
</div> <label for="game_status" class="form-label">{{ _('Status') }} <span class="text-danger">*</span></label>
<div class="col-md-4"> <select id="game_status" name="status" class="form-select" required>
<label for="game_recipient" class="form-label">{{ _('Recipient') }}</label> {% for value, label in statuses %}
<input type="text" id="game_recipient" name="recipient" class="form-control"> <option value="{{ value }}" {% if request.form.status == value %}selected{% endif %}>
{{ _(label) }}
</option>
{% endfor %}
</select>
</div> </div>
<!-- Steam AppID -->
<div class="col-md-6"> <div class="col-md-6">
<label for="game_appid" class="form-label">{{ _('Steam AppID (optional)') }}</label> <label for="game_appid" class="form-label">{{ _('Steam AppID (optional)') }}</label>
<input type="text" id="game_appid" name="steam_appid" class="form-control"> <input type="text" id="game_appid" name="steam_appid" class="form-control" value="{{ request.form.steam_appid or '' }}">
</div> </div>
<!-- Redeem Date -->
<div class="col-md-6"> <div class="col-md-6">
<label for="game_url" class="form-label">{{ _('Shop URL') }}</label> <label for="game_redeem_date" class="form-label">{{ _('Redeem by') }}</label>
<input type="url" id="game_url" name="url" class="form-control"> <input type="date" id="game_redeem_date" name="redeem_date" class="form-control" value="{{ request.form.redeem_date or '' }}">
</div> </div>
<!-- Recipient -->
<div class="col-12">
<label for="game_recipient" class="form-label">{{ _('Recipient') }}</label>
<input type="text" id="game_recipient" name="recipient" class="form-control" value="{{ request.form.recipient or '' }}">
</div>
<!-- Shop URL -->
<div class="col-12">
<label for="game_url" class="form-label">{{ _('Shop URL') }}</label>
<input type="url" id="game_url" name="url" class="form-control" value="{{ request.form.url or '' }}">
</div>
<!-- Notes -->
<div class="col-12"> <div class="col-12">
<label for="game_notes" class="form-label">{{ _('Notes') }}</label> <label for="game_notes" class="form-label">{{ _('Notes') }}</label>
<textarea id="game_notes" name="notes" class="form-control" rows="3"></textarea> <textarea id="game_notes" name="notes" class="form-control" rows="3">{{ request.form.notes or '' }}</textarea>
</div> </div>
<!-- Buttons -->
<div class="col-12"> <div class="col-12">
<button type="submit" class="btn btn-success">{{ _('Save') }}</button> <button type="submit" class="btn btn-primary">{{ _('Save') }}</button>
<a href="{{ url_for('index') }}" class="btn btn-outline-secondary">{{ _('Cancel') }}</a> <a href="{{ url_for('index') }}" class="btn btn-outline-secondary ms-2">{{ _('Cancel') }}</a>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -0,0 +1,55 @@
{% extends "base.html" %}
{% block content %}
<div class="container mt-4">
<h2>{{ _('Audit Logs') }}</h2>
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>{{ _('Timestamp') }}</th>
<th>{{ _('User') }}</th>
<th>{{ _('Action') }}</th>
<th>{{ _('Details') }}</th>
</tr>
</thead>
<tbody>
{% for log in logs.items %}
<tr>
<td>{{ log.timestamp|strftime('%d.%m.%Y %H:%M') }}</td>
<td>{{ log.user.username if log.user else 'System' }}</td>
<td>{{ log.action }}</td>
<td>{{ log.details|default('', true) }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% if logs.pages > 1 %}
<nav aria-label="Page navigation">
<ul class="pagination">
{% if logs.has_prev %}
<li class="page-item">
<a class="page-link" href="{{ url_for('admin_audit_logs', page=logs.prev_num) }}">{{ _('Previous') }}</a>
</li>
{% endif %}
{% for page_num in logs.iter_pages() %}
<li class="page-item {% if page_num == logs.page %}active{% endif %}">
<a class="page-link" href="{{ url_for('admin_audit_logs', page=page_num) }}">{{ page_num }}</a>
</li>
{% endfor %}
{% if logs.has_next %}
<li class="page-item">
<a class="page-link" href="{{ url_for('admin_audit_logs', page=logs.next_num) }}">{{ _('Next') }}</a>
</li>
{% endif %}
</ul>
</nav>
{% endif %}
</div>
{% endblock %}

View File

@ -0,0 +1,39 @@
{% extends "base.html" %}
{% block content %}
<div class="container mt-4">
<h2>{{ _('User Management') }}</h2>
<table class="table">
<thead>
<tr>
<th>{{ _('Username') }}</th>
<th>{{ _('Actions') }}</th>
</tr>
</thead>
<tbody>
{% for user in users %}
<tr>
<td>
{{ user.username }}
{% if user.is_admin %}<span class="badge bg-primary">Admin</span>{% endif %}
</td>
<td>
{% if user.id != current_user.id %}
<form method="POST" action="{{ url_for('admin_delete_user', user_id=user.id) }}" class="d-inline">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<button type="submit" class="btn btn-danger btn-sm">{{ _('Delete') }}</button>
</form>
<form method="POST" action="{{ url_for('admin_reset_password', user_id=user.id) }}">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<button type="submit" class="btn btn-warning">{{ _('Reset Password') }}</button>
</form>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endblock %}

View File

@ -11,9 +11,8 @@
<!-- Preload Bootstrap CSS for better LCP --> <!-- Preload Bootstrap CSS for better LCP -->
<link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"></noscript> <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"></noscript>
<!-- Eigene Styles --> <!-- My Styles -->
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
{# LCP-Optimierung: Preload für das erste Cover-Bild, falls vorhanden #}
{% if games and games[0].steam_appid %} {% if games and games[0].steam_appid %}
<link rel="preload" <link rel="preload"
as="image" as="image"
@ -39,56 +38,50 @@
<nav class="navbar navbar-expand-lg bg-body-tertiary"> <nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container"> <div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="/"> <a class="navbar-brand d-flex align-items-center gap-2" href="/">
<img src="{{ url_for('static', filename='logo_small.webp') }}" alt="Logo" width="150" height="116" style="object-fit:contain; border-radius:8px;"> <img src="{{ url_for('static', filename='logo_small.webp') }}" alt="Logo" width="36" height="28" style="object-fit:contain; border-radius:8px;">
<span>Game Key Manager</span> <span>Game Key Manager</span>
</a> </a>
<div class="d-flex align-items-center gap-3"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
<form class="d-flex" action="{{ url_for('index') }}" method="GET" role="search" aria-label="{{ _('Search games') }}"> <span class="navbar-toggler-icon"></span>
<label for="searchInput" class="visually-hidden">{{ _('Search') }}</label> </button>
<input class="form-control me-2" <div class="collapse navbar-collapse flex-grow-1" id="mainNavbar">
type="search" <form class="d-flex ms-auto my-2 my-lg-0" action="{{ url_for('index') }}" method="GET" role="search" aria-label="{{ _('Search games') }}">
name="q" <input class="form-control me-2" type="search" name="q" id="searchInput" placeholder="{{ _('Search') }}" value="{{ search_query }}">
id="searchInput"
placeholder="{{ _('Search') }}"
value="{{ search_query }}">
<button class="btn btn-outline-success" type="submit" aria-label="{{ _('Search') }}">🔍</button> <button class="btn btn-outline-success" type="submit" aria-label="{{ _('Search') }}">🔍</button>
</form> </form>
<div class="form-check form-switch"> <ul class="navbar-nav ms-lg-3 mb-2 mb-lg-0">
<input class="form-check-input" <li class="nav-item dropdown">
type="checkbox" <a class="nav-link dropdown-toggle" href="#" id="langDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
id="darkModeSwitch" {% if theme == 'dark' %}checked{% endif %}>
<label class="form-check-label" for="darkModeSwitch">{{ _('Dark Mode') }}</label>
</div>
<div class="dropdown ms-3">
<div hidden id="locale-debug" data-locale="{{ session.get('lang', 'en') }}"></div>
<button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
{% if session.get('lang', 'en') == 'de' %} Deutsch {% elif session.get('lang', 'en') == 'en' %} English {% else %} Sprache {% endif %} {% if session.get('lang', 'en') == 'de' %} Deutsch {% elif session.get('lang', 'en') == 'en' %} English {% else %} Sprache {% endif %}
</button> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu" aria-labelledby="langDropdown">
<li><a class="dropdown-item {% if session.get('lang', 'en') == 'de' %}active{% endif %}" href="{{ url_for('set_lang', lang='de') }}">Deutsch</a></li> <li><a class="dropdown-item {% if session.get('lang', 'en') == 'de' %}active{% endif %}" href="{{ url_for('set_lang', lang='de') }}">Deutsch</a></li>
<li><a class="dropdown-item {% if session.get('lang', 'en') == 'en' %}active{% endif %}" href="{{ url_for('set_lang', lang='en') }}">English</a></li> <li><a class="dropdown-item {% if session.get('lang', 'en') == 'en' %}active{% endif %}" href="{{ url_for('set_lang', lang='en') }}">English</a></li>
</ul> </ul>
</div> </li>
{% if current_user.is_authenticated %} {% if current_user.is_authenticated %}
<li class="nav-item"> {% if current_user.is_admin %}
<a class="nav-link" href="{{ url_for('change_password') }}">🔒 {{ _('Password') }}</a> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin_users') }}">⚙️ {{ _('Admin') }}</a></li>
</li> <li class="nav-item"><a class="nav-link" href="{{ url_for('admin_audit_logs') }}">📜 {{ _('Audit Logs') }}</a></li>
<li class="nav-item">
<a class="nav-link" href="{{ url_for('logout') }}">🚪 {{ _('Logout') }}</a>
</li>
{% endif %} {% endif %}
<li class="nav-item"><a class="nav-link" href="{{ url_for('change_password') }}">🔒 {{ _('Password') }}</a></li>
<li class="nav-item"><a class="nav-link" href="{{ url_for('logout') }}">🚪 {{ _('Logout') }}</a></li>
{% endif %}
</ul>
</div> </div>
</div> </div>
</nav> </nav>
<div class="container mt-4"> <div class="container mt-4">
{% with messages = get_flashed_messages(with_categories=true) %} {% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %} {% if messages %}
<div class="flash-container">
{% for category, message in messages %} {% for category, message in messages %}
<div class="alert alert-{{ category }} alert-dismissible fade show"> <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
{{ message }} {{ message|safe }}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button> <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div> </div>
{% endfor %} {% endfor %}
</div>
{% endif %} {% endif %}
{% endwith %} {% endwith %}
{% block content %}{% endblock %} {% block content %}{% endblock %}

View File

@ -1,35 +1,85 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="card p-4 shadow-sm"> <div class="card p-4 shadow-sm">
<h2 class="mb-4">{{ _('Edit Game') }}</h2> <h2 class="mb-4">{{ _('Spiel bearbeiten') }}</h2>
<form method="POST" aria-label="{{ _('Edit Game') }}">
<!-- Flash-Nachrichten -->
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
<div class="flash-messages mb-4">
{% for category, message in messages %}
<div class="alert alert-{{ 'danger' if category == 'error' else category }} alert-dismissible fade show">
{{ message|safe }}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endfor %}
</div>
{% endif %}
{% endwith %}
<!-- Update Data Form (separate, outside main form, uses POST) -->
<div class="mb-3 text-end">
<form method="POST" action="{{ url_for('update_game_data', game_id=game.id) }}" id="updateDataForm">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<!-- Ändere die ID für Eindeutigkeit -->
<input type="hidden" name="steam_appid" id="itad_steam_appid" value="{{ game.steam_appid }}">
<button type="submit" class="btn btn-secondary">
🔄 {{ _('Update Data') }}
</button>
</form>
<script>
document.getElementById('updateDataForm').addEventListener('submit', function(e) {
e.preventDefault();
const currentAppId = document.getElementById('game_appid').value;
document.getElementById('itad_steam_appid').value = currentAppId;
this.submit();
});
</script>
</div>
<form method="POST" aria-label="{{ _('Spiel bearbeiten') }}">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"> <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<div class="row g-3"> <div class="row g-3">
<!-- Formularfelder -->
<div class="col-md-6"> <div class="col-md-6">
<label for="game_name" class="form-label">{{ _('Name') }} <span aria-hidden="true" class="text-danger">*</span></label> <label class="form-label">{{ _('Name') }} <span class="text-danger">*</span></label>
<input type="text" id="game_name" name="name" class="form-control" value="{{ game.name }}" required aria-required="true"> <input type="text" name="name" class="form-control" value="{{ game.name }}" required>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label for="game_key" class="form-label">{{ _('Game Key') }} <span aria-hidden="true" class="text-danger">*</span></label> <label for="game_platform" class="form-label">{{ _('Platform') }} <span class="text-danger">*</span></label>
<input type="text" id="game_key" name="steam_key" class="form-control" value="{{ game.steam_key }}" required aria-required="true"> <select id="game_platform" name="platform" class="form-select" required>
</div> {% for value, label in platforms %}
<div class="col-md-6"> <option value="{{ value }}" {% if game.platform == value %}selected{% endif %}>{{ _(label) }}</option>
<label for="game_appid" class="form-label">{{ _('Steam AppID (optional)') }}</label> {% endfor %}
<input type="text" id="game_appid" name="steam_appid" class="form-control" value="{{ game.steam_appid or '' }}">
</div>
<div class="col-md-4">
<label for="game_status" class="form-label">{{ _('Status') }} <span aria-hidden="true" class="text-danger">*</span></label>
<select id="game_status" name="status" class="form-select" required aria-required="true">
<option value="nicht eingelöst" {% if game.status == 'nicht eingelöst' %}selected{% endif %}>{{ _('Not redeemed') }}</option>
<option value="verschenkt" {% if game.status == 'verschenkt' %}selected{% endif %}>{{ _('Gifted') }}</option>
<option value="eingelöst" {% if game.status == 'eingelöst' %}selected{% endif %}>{{ _('Redeemed') }}</option>
</select> </select>
</div> </div>
<div class="col-md-4"> <div class="col-md-6">
<label for="game_redeem_date" class="form-label">{{ _('Redeem by') }}</label> <label for="game_status" class="form-label">{{ _('Status') }} <span class="text-danger">*</span></label>
<input type="date" id="game_redeem_date" name="redeem_date" class="form-control" value="{{ redeem_date }}"> <select id="game_status" name="status" class="form-select" required>
{% for value, label in statuses %}
<option value="{{ value }}" {% if game.status == value %}selected{% endif %}>{{ _(label) }}</option>
{% endfor %}
</select>
</div> </div>
<div class="col-md-4"> <div class="col-md-6">
<label class="form-label">{{ _('Steam Key') }} <span class="text-danger">*</span></label>
<input type="text" name="steam_key" class="form-control" value="{{ game.steam_key }}" required>
</div>
<div class="col-md-6">
<label for="game_appid" class="form-label">{{ _('Steam AppID') }}</label>
<input type="text" id="game_appid" name="steam_appid" class="form-control" value="{{ game.steam_appid or '' }}">
<small class="text-muted">
{{ _('For GOG games: Enter the Steam AppID here to enable price tracking.') }}
</small>
</div>
<div class="col-md-6">
<label for="game_redeem_date" class="form-label">{{ _('Redeem by') }}</label>
<input type="date" id="game_redeem_date" name="redeem_date" class="form-control" value="{{ game.redeem_date.strftime('%Y-%m-%d') if game.redeem_date else '' }}">
</div>
<div class="col-12">
<label for="game_recipient" class="form-label">{{ _('Recipient') }}</label> <label for="game_recipient" class="form-label">{{ _('Recipient') }}</label>
<input type="text" id="game_recipient" name="recipient" class="form-control" value="{{ game.recipient }}"> <input type="text" id="game_recipient" name="recipient" class="form-control" value="{{ game.recipient }}">
</div> </div>
@ -41,27 +91,95 @@
<label for="game_notes" class="form-label">{{ _('Notes') }}</label> <label for="game_notes" class="form-label">{{ _('Notes') }}</label>
<textarea id="game_notes" name="notes" class="form-control" rows="3">{{ game.notes }}</textarea> <textarea id="game_notes" name="notes" class="form-control" rows="3">{{ game.notes }}</textarea>
</div> </div>
<!-- Show External Data -->
<div class="col-12"> <div class="col-12">
{% if redeem_url and active_redeem %} <div class="card mb-4">
<div class="mb-3"> <div class="card-header">
<label for="active_redeem_link" class="form-label">{{ _('Active Redeem Link') }}</label> <span>🔄 {{ _('External Data') }}</span>
<input type="text" </div>
id="active_redeem_link" <div class="card-body">
class="form-control" {% if game.release_date %}
value="{{ redeem_url }}" <div class="mb-2">
readonly <strong>{{ _('Release Date:') }}</strong>
onclick="this.select()"> {{ game.release_date|strftime('%d.%m.%Y') }}
<small class="text-muted">
{{ _('Expires at') }}: {{ active_redeem.expires.strftime('%d.%m.%Y %H:%M') }}
</small>
</div> </div>
{% endif %} {% endif %}
{% if game.current_price %}
<div class="text-center mb-2">
<span class="badge bg-primary d-block">{{ _('Now') }}</span>
<div class="fw-bold" style="font-size:1.1em;">
{{ "%.2f"|format(game.current_price) }} €
</div> </div>
</div>
{% endif %}
{% if game.historical_low %}
<div class="text-center">
<span class="badge bg-secondary d-block">{{ _('Hist. Low') }}</span>
<div class="fw-bold" style="font-size:1.1em;">
{{ "%.2f"|format(game.historical_low) }} €
</div>
</div>
{% endif %}
{% if game.itad_slug %}
<a href="https://isthereanydeal.com/game/{{ game.itad_slug }}/info/" target="_blank" rel="noopener" class="btn btn-outline-info mt-2">
🔗 {{ _('View on IsThereAnyDeal') }}
</a>
{% endif %}
</div>
</div>
</div>
<!-- Einlöse-Links -->
{% if game.status == 'geschenkt' %}
<div class="col-12">
<div class="card mb-3">
<div class="card-header">{{ _('Redeem-Link') }}</div>
<div class="card-body">
{% for token in game.redeem_tokens if not token.is_expired() %}
<div class="input-group mb-3">
<input type="text" class="form-control" value="{{ url_for('redeem', token=token.token, _external=True) }}" readonly id="redeem-link-{{ loop.index }}">
<button type="button" class="btn btn-outline-secondary copy-btn" data-clipboard-target="#redeem-link-{{ loop.index }}">
{{ _('Copy') }}
</button>
</div>
<small class="text-muted">
{{ _('Expires at') }}: {{ token.expires.astimezone(local_tz).strftime('%d.%m.%Y %H:%M') }}
</small>
{% else %}
<p class="text-muted mb-0">{{ _('No active redeem links') }}</p>
{% endfor %}
</div>
</div>
</div>
{% endif %}
<!-- Buttons -->
<div class="col-12"> <div class="col-12">
<button type="submit" class="btn btn-primary">{{ _('Save') }}</button> <button type="submit" class="btn btn-primary">{{ _('Save') }}</button>
<a href="{{ url_for('index') }}" class="btn btn-outline-secondary ms-2">{{ _('Cancel') }}</a> <a href="{{ url_for('index') }}" class="btn btn-outline-secondary ms-2">{{ _('Cancel') }}</a>
<a href="{{ url_for('game_details', game_id=game.id) }}" class="btn btn-info ms-2">🔍 {{ _('View Details') }}</a>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
<!-- Copy-JavaScript -->
<script>
document.querySelectorAll('.copy-btn').forEach(btn => {
btn.addEventListener('click', async function() {
const input = document.querySelector(this.dataset.clipboardTarget);
try {
await navigator.clipboard.writeText(input.value);
this.innerHTML = '✅ {{ _("Copied!") }}';
setTimeout(() => this.innerHTML = '{{ _("Copy") }}', 2000);
} catch (err) {
this.innerHTML = '❌ {{ _("Error") }}';
setTimeout(() => this.innerHTML = '{{ _("Copy") }}', 2000);
}
});
});
</script>
{% endblock %} {% endblock %}

View File

@ -0,0 +1,62 @@
{% extends "base.html" %}
{% block content %}
<div class="card shadow-sm">
<div class="card-body">
<h1>{{ game.name }}</h1>
<div class="row">
<!-- Bild und Basis-Infos -->
<div class="col-md-4">
{% if game.steam_appid %}
<img src="https://cdn.cloudflare.steamstatic.com/steam/apps/{{ game.steam_appid }}/header.jpg"
class="img-fluid rounded mb-3"
alt="{{ game.name }} Cover"
loading="lazy">
{% endif %}
</div>
<!-- Details -->
<div class="col-md-8">
<dl class="row">
<dt class="col-sm-3">{{ _('Status') }}</dt>
<dd class="col-sm-9">
{% if game.status == 'nicht eingelöst' %}
<span class="badge bg-warning text-dark">{{ _('Not redeemed') }}</span>
{% elif game.status == 'geschenkt' %}
<span class="badge bg-success">{{ _('Gifted') }}</span>
{% elif game.status == 'eingelöst' %}
<span class="badge bg-secondary">{{ _('Redeemed') }}</span>
{% endif %}
</dd>
<dt class="col-sm-3">{{ _('Release Date') }}</dt>
<dd class="col-sm-9">{{ game.release_date|strftime('%d.%m.%Y') if game.release_date else 'N/A' }}</dd>
<dt class="col-sm-3">{{ _('Current Price') }}</dt>
<dd class="col-sm-9">{{ "%.2f €"|format(game.current_price) if game.current_price else 'N/A' }}</dd>
</dl>
<a href="{{ url_for('edit_game', game_id=game.id) }}" class="btn btn-primary">
{{ _('Edit') }}
</a>
</div>
</div>
{% set lang = session.get('lang', 'en') %}
{% set desc = getattr(game, 'steam_description_' + lang) %}
{% if desc %}
<div class="row mt-4">
<div class="col-12">
<div class="card">
<div class="card-header">{{ _('Game Description') }}</div>
<div class="card-body">
{{ desc|safe }}
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}

View File

@ -22,6 +22,7 @@
<th>{{ _('Created') }}</th> <th>{{ _('Created') }}</th>
<th>{{ _('Redeem by') }}</th> <th>{{ _('Redeem by') }}</th>
<th>{{ _('Shop') }}</th> <th>{{ _('Shop') }}</th>
<th>{{ _('Price') }}</th>
<th>{{ _('Actions') }}</th> <th>{{ _('Actions') }}</th>
</tr> </tr>
</thead> </thead>
@ -29,6 +30,7 @@
{% for game in games %} {% for game in games %}
<tr> <tr>
<td> <td>
<a href="{{ url_for('game_details', game_id=game.id) }}" title="{{ _('Details') }}">
{% if game.steam_appid %} {% if game.steam_appid %}
<img src="https://cdn.cloudflare.steamstatic.com/steam/apps/{{ game.steam_appid }}/header.jpg" <img src="https://cdn.cloudflare.steamstatic.com/steam/apps/{{ game.steam_appid }}/header.jpg"
alt="Steam Header" alt="Steam Header"
@ -45,22 +47,23 @@
height="172" height="172"
loading="lazy"> loading="lazy">
{% endif %} {% endif %}
</a>
</td> </td>
<td>{{ game.name }}</td> <td>{{ game.name }}</td>
<td class="font-monospace">{{ game.steam_key }}</td> <td class="font-monospace">{{ game.steam_key }}</td>
<td> <td>
{% if game.status == 'nicht eingelöst' %} {% if game.status == 'nicht eingelöst' %}
<span class="badge bg-warning text-dark">{{ _('Not redeemed') }}</span> <span class="badge bg-warning text-dark">{{ _('Not redeemed') }}</span>
{% elif game.status == 'verschenkt' %} {% elif game.status == 'geschenkt' %}
<span class="badge bg-success">{{ _('Gifted') }}</span> <span class="badge bg-success">{{ _('Gifted') }}</span>
{% elif game.status == 'eingelöst' %} {% elif game.status == 'eingelöst' %}
<span class="badge bg-secondary">{{ _('Redeemed') }}</span> <span class="badge bg-secondary">{{ _('Redeemed') }}</span>
{% endif %} {% endif %}
</td> </td>
<td>{{ format_date(game.created_at) }}</td> <td>{{ game.created_at|strftime('%d.%m.%Y') }}</td>
<td> <td>
{% if game.redeem_date %} {% if game.redeem_date %}
<span class="badge bg-danger">{{ format_date(game.redeem_date) }}</span> <span class="badge bg-danger">{{ game.redeem_date|strftime('%d.%m.%Y') }}</span>
{% endif %} {% endif %}
</td> </td>
<td> <td>
@ -68,9 +71,37 @@
<a href="{{ game.url }}" target="_blank" class="btn btn-sm btn-outline-info">🔗 {{ _('Shop') }}</a> <a href="{{ game.url }}" target="_blank" class="btn btn-sm btn-outline-info">🔗 {{ _('Shop') }}</a>
{% endif %} {% endif %}
</td> </td>
<td>
{% if game.current_price is not none %}
<div {% if game.historical_low is not none %}class="mb-2"{% endif %}>
<div class="text-body-secondary" style="font-size: 0.85em; line-height: 1.2;">
{{ _('Current Deal') }}
</div>
<div style="font-size: 1.05em; line-height: 1.2;">
{{ "%.2f"|format(game.current_price) }} €
{% if game.current_price_shop %}
<span class="d-block text-body-secondary" style="font-size: 0.75em; line-height: 1.1;">({{ game.current_price_shop }})</span>
{% endif %}
</div>
</div>
{% endif %}
{# Historical Low #}
{% if game.historical_low is not none %}
<div>
<div class="text-body-secondary" style="font-size: 0.85em; line-height: 1.2;">
{{ _('Hist. Low') }}
</div>
<div style="font-size: 1.05em; line-height: 1.2;">
{{ "%.2f"|format(game.historical_low) }} €
</div>
</div>
{% endif %}
</td>
<td class="text-nowrap"> <td class="text-nowrap">
{% if game.status == 'verschenkt' %} {% if game.status == 'geschenkt' %}
<button class="btn btn-sm btn-success generate-redeem" <button type="button"
class="btn btn-sm btn-success generate-redeem"
data-game-id="{{ game.id }}" data-game-id="{{ game.id }}"
title="{{ _('Generate redeem link') }}"> title="{{ _('Generate redeem link') }}">
🔗 🔗
@ -87,29 +118,46 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<script> <script>
const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
document.querySelectorAll('.generate-redeem').forEach(btn => { document.querySelectorAll('.generate-redeem').forEach(btn => {
btn.addEventListener('click', async function() { btn.addEventListener('click', async function() {
const gameId = this.dataset.gameId; const gameId = this.dataset.gameId;
const flashContainer = document.querySelector('.flash-container');
try { try {
const response = await fetch('/generate_redeem/' + gameId, { const response = await fetch(`/generate_redeem/${gameId}`, {
method: 'POST', method: 'POST',
headers: { headers: {
'X-CSRFToken': csrfToken 'X-CSRFToken': document.querySelector('meta[name="csrf-token"]').content,
'Accept': 'application/json'
} }
}); });
if (!response.ok) throw new Error('Network error');
const data = await response.json(); const data = await response.json();
if (!response.ok) {
throw new Error(data.error || '{{ _("Unknown error") }}');
}
if (data.url) { if (data.url) {
await navigator.clipboard.writeText(data.url); await navigator.clipboard.writeText(data.url);
alert('{{ _("Redeem link copied to clipboard!") }}');
// Erfolgsmeldung mit übersetztem Text
flashContainer.innerHTML = `
<div class="alert alert-success alert-dismissible fade show" role="alert">
{{ _("Link copied") }}: <a href="${data.url}" target="_blank">${data.url}</a>
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
`;
} }
} catch (error) { } catch (error) {
console.error('Error:', error); // Fehlermeldung mit übersetztem Text
alert('{{ _("Error generating link") }}'); flashContainer.innerHTML = `
<div class="alert alert-danger alert-dismissible fade show" role="alert">
{{ _("Error") }}: ${error.message}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
`;
} }
}); });
}); });

View File

@ -2,7 +2,7 @@
{% block content %} {% block content %}
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-6 col-lg-4"> <div class="col-md-6 col-lg-4">
<h1 class="mb-4">{{ _('Login') }}</h1> <h1 class="mb-4 text-center">{{ _('Login') }}</h1>
<form method="POST" aria-label="{{ _('Login form') }}" autocomplete="on"> <form method="POST" aria-label="{{ _('Login form') }}" autocomplete="on">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"> <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<div class="mb-3"> <div class="mb-3">
@ -26,18 +26,26 @@
autocomplete="current-password" autocomplete="current-password"
aria-required="true"> aria-required="true">
</div> </div>
{% if error %} <div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="remember_me" name="remember_me" value="true">
<label class="form-check-label" for="remember_me">{{ _('Remember me') }}</label>
</div>
{# Flash messages are handled in base.html, so the specific error block here can be removed #}
{# {% if error %}
<div class="alert alert-danger" role="alert"> <div class="alert alert-danger" role="alert">
{{ error }} {{ error }}
</div> </div>
{% endif %} {% endif %} #}
<button type="submit" class="btn btn-primary w-100">{{ _('Login') }}</button>
<button type="submit" class="btn btn-primary w-100 mb-3">{{ _('Login') }}</button>
</form> </form>
{% if config.REGISTRATION_ENABLED %}
<div class="mt-3 text-center"> <div class="mt-3 text-center">
<a href="{{ url_for('register') }}">{{ _('No account? Register here!') }}</a> <a href="{{ url_for('register') }}">{{ _('No account? Register here!') }}</a>
</div> </div>
{% endif %}
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -19,7 +19,7 @@
<a href="{{ platform_link }}{{ game.steam_key }}" <a href="{{ platform_link }}{{ game.steam_key }}"
class="btn btn-primary btn-lg mb-3" class="btn btn-primary btn-lg mb-3"
target="_blank"> target="_blank">
{{ _('Redeem now on') }} {% if game.steam_appid %}Steam{% else %}GOG{% endif %} {{ _('Redeem now on') }} {{ platform_label }}
</a> </a>
<div class="mt-4 text-muted"> <div class="mt-4 text-muted">
<small> <small>
@ -41,9 +41,10 @@
</div> </div>
<script> <script>
const totalDuration = {{ redeem_token.total_hours * 3600 * 1000 }}; // Gesamtdauer in Millisekunden const totalDuration = {{ redeem_token.total_hours * 3600 * 1000 }}; // Gesamtdauer in Millisekunden
const expires = {{ (redeem_token.expires.timestamp() * 1000) | int }}; const expires = {{ expires_timestamp }};
const countdownEl = document.getElementById('expiry-countdown'); const countdownEl = document.getElementById('expiry-countdown');
const progressBar = document.getElementById('expiry-bar'); const progressBar = document.getElementById('expiry-bar');
const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
function formatTime(unit) { function formatTime(unit) {
return unit < 10 ? `0${unit}` : unit; return unit < 10 ? `0${unit}` : unit;

View File

@ -1,71 +1,94 @@
{ {
"": "", "Access Forbidden": "Zugriff verweigert",
"Action": "Aktion",
"Actions": "Aktionen", "Actions": "Aktionen",
"Active Redeem Link": "Aktiver Einlöse-Link", "Add Game": "Spiel hinzufügen",
"Add New Game": "Neues Spiel hinzufügen", "Add New Game": "Neues Spiel hinzufügen",
"Already have an account? Login!": "", "Admin": "Admin",
"Already have an account? Login!": "Du hast schon ein Konto? Jetzt anmelden!",
"Audit Logs": "Prüfprotokolle",
"Back to Home": "Zurück zur Startseite",
"Cancel": "Abbrechen", "Cancel": "Abbrechen",
"Change Password": "Passwort ändern", "Change Password": "Passwort ändern",
"Change password form": "", "Change password form": "Passwort ändern Formular",
"Changes saved!": "Änderungen gespeichert!",
"Confirm New Password": "Neues Passwort bestätigen", "Confirm New Password": "Neues Passwort bestätigen",
"Confirm Password": "", "Confirm Password": "Passwort bestätigen",
"Copied!": "Kopiert!",
"Copy": "Kopieren",
"Cover": "Cover", "Cover": "Cover",
"Created": "Erstellt", "Created": "Erstellt",
"Current Deal": "Aktuelles Angebot",
"Current Password": "Aktuelles Passwort", "Current Password": "Aktuelles Passwort",
"Current passwort is wrong": "Aktuelles Passwort ist falsch", "Current Price": "Aktueller Preis",
"Dark Mode": "Dunkler Modus", "Delete": "Löschen",
"Edit Game": "Spiel bearbeiten", "Details": "Details",
"Error generating link": "Fehler beim Generieren des Links", "Edit": "Bearbeiten",
"Error: ": "Fehler: ", "Redeem-Link": "Einlöse-Link",
"Expires at": "Ablaufdatum", "Error": "Fehler",
"Expires at": "Läuft ab am",
"Export CSV": "CSV exportieren", "Export CSV": "CSV exportieren",
"Game Key": "Spiele-Key", "Externe Daten": "Externe Daten",
"Game Key Manager": "Game-Key-Verwaltung", "For GOG games: Enter the Steam AppID here to enable price tracking.": "Für GOG-Spiele: Gib hier die Steam AppID ein, um die Preisüberwachung zu aktivieren.",
"Game List (without Keys)": "Spieleliste (ohne Keys)", "Game Description": "Spielbeschreibung",
"Game added successfully!": "Spiel erfolgreich hinzugefügt!", "Game Key": "Spielschlüssel",
"Game Key Manager": "Game Key Manager",
"Generate redeem link": "Einlöse-Link generieren", "Generate redeem link": "Einlöse-Link generieren",
"Gifted": "Verschenkt", "Gifted": "Verschenkt",
"Hist. Low": "Historischer Tiefstpreis",
"Import": "Importieren", "Import": "Importieren",
"Import CSV": "CSV importieren", "Import CSV": "CSV importieren",
"Import Games": "Spiele importieren", "Import Games": "Spiele importieren",
"Import error: %(error)s', error=str(e)), 'danger": "", "Key": "Schlüssel",
"Invalid credentials": "Ungültige Anmeldedaten", "Link copied": "Link kopiert",
"Key": "Key",
"Login": "Anmelden", "Login": "Anmelden",
"Login form": "", "Login form": "Anmeldeformular",
"Logout": "Abmelden", "Logout": "Abmelden",
"My Games": "Meine Spiele", "My Games": "Meine Spiele",
"Name": "Name", "Name": "Name",
"New Password": "Neues Passwort", "New Password": "Neues Passwort",
"New Passwords are not matching": "Neue Passwörter stimmen nicht überein", "Next": "Weiter",
"No account? Register here!": "", "No account? Register here!": "Noch kein Konto? Hier registrieren!",
"No active redeem links": "Keine aktiven Einlöse-Links",
"No games yet": "Der Kornspeicher ist leer, Sire!", "No games yet": "Der Kornspeicher ist leer, Sire!",
"No new registrations. They are deactivated!": "Keine neuen Registrierungen. Sie sind deaktiviert!",
"Not redeemed": "Nicht eingelöst",
"Notes": "Notizen", "Notes": "Notizen",
"Not redeemed": "Nicht eingelöst",
"Now": "Jetzt",
"Password": "Passwort", "Password": "Passwort",
"Password changed successfully": "Passwort erfolgreich geändert", "Platform": "Plattform",
"Please upload a valid CSV file.": "Bitte eine gültige CSV-Datei hochladen.", "Previous": "Zurück",
"Price": "Preis",
"Really delete?": "Wirklich löschen?", "Really delete?": "Wirklich löschen?",
"Recipient": "Empfänger", "Recipient": "Empfänger",
"Redeem by": "Einzulösen vor", "Redeem by": "Einlösen bis",
"Redeem link copied to clipboard!": "Einlöse-Link in die Zwischenablage kopiert!",
"Redeem now on": "Jetzt einlösen bei",
"Redeemed": "Eingelöst", "Redeemed": "Eingelöst",
"Redeem now on": "Jetzt einlösen bei",
"Register": "Registrieren", "Register": "Registrieren",
"Registration form": "", "Registration form": "Registrierungsformular",
"Registration is currently disabled.": "Registrierung ist derzeit deaktiviert.",
"Release Date": "Veröffentlichungsdatum",
"Remember me": "Angemeldet bleiben",
"Reset Password": "Passwort zurücksetzen",
"Save": "Speichern", "Save": "Speichern",
"Search": "Suche", "Search": "Suchen",
"Search games": "", "Search games": "Spiele suchen",
"Select CSV file": "CSV-Datei auswählen", "Select CSV file": "CSV-Datei auswählen",
"Shop": "Shop", "Shop": "Shop",
"Shop URL": "Shop-URL", "Shop URL": "Shop-URL",
"Sorry, you are not allowed to access this page.": "Du bist nicht berechtigt, diese Seite zu betreten.",
"Spiel bearbeiten": "Spiel bearbeiten",
"Status": "Status", "Status": "Status",
"Steam AppID (optional)": "Steam-AppID (optional)", "Steam AppID": "Steam AppID",
"Steam Key already exists!": "Steam-Key existiert bereits!", "Steam AppID (optional)": "Steam AppID (optional)",
"Steam Key": "Steam-Schlüssel",
"This page will expire in": "Diese Seite läuft ab in", "This page will expire in": "Diese Seite läuft ab in",
"Timestamp": "Zeitstempel",
"Unknown error": "Unbekannter Fehler",
"Update Data": "Daten aktualisieren",
"User": "Benutzer",
"User Management": "Benutzerverwaltung",
"Username": "Benutzername", "Username": "Benutzername",
"Username already exists": "Benutzername existiert bereits", "Release Date:": "Veröffentlichung:",
"Your Key:": "Dein Key:" "View Details": "Details anzeigen",
"View on IsThereAnyDeal": "Auf IsThereAnyDeal ansehen",
"Your Key:": "Dein Schlüssel:"
} }

View File

@ -1,72 +1,94 @@
{ {
"": "", "Access Forbidden": "",
"Action": "",
"Actions": "", "Actions": "",
"Active Redeem Link": "", "Add Game": "",
"Add New Game": "", "Add New Game": "",
"Admin": "",
"Already have an account? Login!": "", "Already have an account? Login!": "",
"Audit Logs": "",
"Back to Home": "",
"Cancel": "", "Cancel": "",
"Change Password": "", "Change Password": "",
"Change password form": "", "Change password form": "",
"Changes saved!": "",
"Confirm New Password": "", "Confirm New Password": "",
"Confirm Password": "", "Confirm Password": "",
"Copied!": "",
"Copy": "",
"Cover": "", "Cover": "",
"Created": "", "Created": "",
"Current Deal": "",
"Current Password": "", "Current Password": "",
"Current passwort is wrong": "", "Current Price": "",
"Dark Mode": "", "Delete": "",
"Edit Game": "", "Details": "",
"Error: ": "", "Edit": "",
"Error generating link": "", "Error": "",
"Expires at": "", "Expires at": "",
"Export CSV": "", "Export CSV": "",
"Game added successfully!": "", "External Data": "",
"For GOG games: Enter the Steam AppID here to enable price tracking.": "",
"Game Description": "",
"Game Key": "", "Game Key": "",
"Game Key Manager": "", "Game Key Manager": "",
"Game List (without Keys)": "",
"Generate redeem link": "", "Generate redeem link": "",
"Gifted": "", "Gifted": "",
"Hist. Low": "",
"Import": "", "Import": "",
"Import CSV": "", "Import CSV": "",
"Import error: %(error)s', error=str(e)), 'danger": "",
"Import Games": "", "Import Games": "",
"Invalid credentials": "",
"Key": "", "Key": "",
"Link copied": "",
"Login": "", "Login": "",
"Login form": "", "Login form": "",
"Logout": "", "Logout": "",
"My Games": "", "My Games": "",
"Name": "", "Name": "",
"%(new)d new games imported, %(dup)d skipped duplicates', new=new_games, dup=duplicates), 'success": "",
"New Password": "", "New Password": "",
"New Passwords are not matching": "", "Next": "",
"No account? Register here!": "", "No account? Register here!": "",
"No active redeem links": "",
"No games yet": "", "No games yet": "",
"No new registrations. They are deactivated!": "",
"Notes": "", "Notes": "",
"Not redeemed": "", "Not redeemed": "",
"Now": "",
"Password": "", "Password": "",
"Password changed successfully": "", "Platform": "",
"Please upload a valid CSV file.": "", "Previous": "",
"Price": "",
"Really delete?": "", "Really delete?": "",
"Recipient": "", "Recipient": "",
"Redeem by": "", "Redeem by": "",
"Redeemed": "", "Redeemed": "",
"Redeem link copied to clipboard!": "", "Redeem-Link": "",
"Redeem now on": "", "Redeem now on": "",
"Register": "", "Register": "",
"Registration form": "", "Registration form": "",
"Registration is currently disabled.": "",
"Release Date": "",
"Release Date:": "",
"Remember me": "",
"Reset Password": "",
"Save": "", "Save": "",
"Search": "", "Search": "",
"Search games": "", "Search games": "",
"Select CSV file": "", "Select CSV file": "",
"Shop": "", "Shop": "",
"Shop URL": "", "Shop URL": "",
"Sorry, you are not allowed to access this page.": "",
"Spiel bearbeiten": "",
"Status": "", "Status": "",
"Steam AppID": "",
"Steam AppID (optional)": "", "Steam AppID (optional)": "",
"Steam Key already exists!": "", "Steam Key": "",
"This page will expire in": "", "This page will expire in": "",
"Timestamp": "",
"Unknown error": "",
"Update Data": "",
"User": "",
"User Management": "",
"Username": "", "Username": "",
"Username already exists": "", "View Details": "",
"View on IsThereAnyDeal": "",
"Your Key:": "" "Your Key:": ""
} }

View File

@ -5,37 +5,34 @@ APP_DIR="steam-gift-manager"
TRANSLATION_DIR="$APP_DIR/translations" TRANSLATION_DIR="$APP_DIR/translations"
LANGS=("de" "en") LANGS=("de" "en")
# Prüfe jq # check jq
if ! command -v jq &>/dev/null; then if ! command -v jq &>/dev/null; then
echo "❌ jq is required. Install with: sudo apt-get install jq" echo "❌ jq is required. Install with: sudo apt-get install jq"
exit 1 exit 1
fi fi
# 1. Lege JSON-Dateien an, falls sie fehlen echo -e "\n\033[1;32m✅ Extracting translations...\033[0m"
# 1. create json files
mkdir -p "$TRANSLATION_DIR"
for lang in "${LANGS[@]}"; do for lang in "${LANGS[@]}"; do
file="$TRANSLATION_DIR/$lang.json" file="$TRANSLATION_DIR/$lang.json"
if [ ! -f "$file" ]; then [ -f "$file" ] || echo "{}" > "$file"
echo "{}" > "$file"
echo "Created $file"
fi
done done
# 2. Extrahiere alle zu übersetzenden Strings # 2. extract all strings
STRINGS=$(grep -rhoP "_\(\s*['\"](.+?)['\"]\s*\)" \ STRINGS=$(grep -rhoP "_\(\s*['\"]((?:[^']|'[^'])*?)['\"]\s*[,)]" \
"$APP_DIR/templates" "$APP_DIR/app.py" | \ "$APP_DIR/templates" "$APP_DIR/app.py" | \
sed -E "s/_\(\s*['\"](.+?)['\"]\s*\)/\1/" | sort | uniq) sed -E "s/_\(\s*['\"](.+?)['\"]\s*[,)]/\1/" | sort | uniq)
# 3. Ergänze neue Keys in die JSON-Dateien # 3. put da keys in da json
for lang in "${LANGS[@]}"; do for lang in "${LANGS[@]}"; do
file="$TRANSLATION_DIR/$lang.json" file="$TRANSLATION_DIR/$lang.json"
tmp="$file.tmp" tmp="$file.tmp"
cp "$file" "$tmp" jq --argjson keys "$(echo "$STRINGS" | jq -R . | jq -s .)" \
while IFS= read -r key; do 'reduce $keys[] as $k (.; .[$k] = (.[$k] // ""))' "$file" > "$tmp"
if ! jq -e --arg k "$key" 'has($k)' "$tmp" >/dev/null; then
jq --arg k "$key" '. + {($k): ""}' "$tmp" > "$tmp.new" && mv "$tmp.new" "$tmp"
fi
done <<< "$STRINGS"
mv "$tmp" "$file" mv "$tmp" "$file"
echo "Updated $file"
done done
echo "✅ JSON translation files updated. Please enter your translations!"
echo -e "\n\033[1;32m✅ Done! Translation keys added.\033[0m"

View File

@ -4,7 +4,7 @@ set -e
# Set the working directory to the project directory # Set the working directory to the project directory
cd "$(dirname "$0")/steam-gift-manager" cd "$(dirname "$0")/steam-gift-manager"
# Setze FLASK_APP, falls nötig # set FLASK_APP, if needed
export FLASK_APP=app.py export FLASK_APP=app.py
# Initialize migrations, if not yet available # Initialize migrations, if not yet available