mirror of
https://github.com/Terranom674/Piwigo_Bratonien_Tools.git
synced 2026-09-19 10:34:30 +00:00
584 lines
25 KiB
PHP
584 lines
25 KiB
PHP
<?php
|
|
$piwigo_root = realpath(dirname(__DIR__, 2));
|
|
if ($piwigo_root === false)
|
|
{
|
|
http_response_code(500);
|
|
exit;
|
|
}
|
|
define('PHPWG_ROOT_PATH', rtrim($piwigo_root, DIRECTORY_SEPARATOR).DIRECTORY_SEPARATOR);
|
|
include_once(PHPWG_ROOT_PATH.'include/common.inc.php');
|
|
|
|
if (!defined('BRATONIEN_TOOLS_PATH'))
|
|
{
|
|
http_response_code(404);
|
|
exit('Bratonien Tools ist nicht aktiv.');
|
|
}
|
|
|
|
require_once(BRATONIEN_TOOLS_PATH.'include/customer_qr_upload.inc.php');
|
|
require_once(BRATONIEN_TOOLS_PATH.'include/friendship_code_upload.inc.php');
|
|
|
|
$settings = bratonien_tools_customer_qr_settings();
|
|
if (empty($settings['enabled']))
|
|
{
|
|
http_response_code(404);
|
|
header('Content-Type: text/html; charset=utf-8');
|
|
echo '<!doctype html><html lang="de"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>QR-Code Upload</title></head><body><main style="max-width:720px;margin:48px auto;padding:24px;font-family:system-ui,sans-serif"><h1>QR-Code Upload</h1><p>Dieses Formular ist derzeit nicht aktiviert.</p></main></body></html>';
|
|
exit;
|
|
}
|
|
|
|
bratonien_tools_customer_qr_ensure_storage();
|
|
bratonien_tools_friendship_code_ensure_storage();
|
|
$year_limits = bratonien_tools_customer_qr_year_limits();
|
|
$action = (string)($_GET['action'] ?? '');
|
|
|
|
function bratonien_tools_customer_qr_public_inventory($year)
|
|
{
|
|
$year = bratonien_tools_customer_qr_year($year);
|
|
$limits = bratonien_tools_customer_qr_year_limits();
|
|
$limit = (int)$limits[$year];
|
|
$present = array();
|
|
$table = bratonien_tools_customer_qr_table();
|
|
|
|
$result = pwg_query(
|
|
'SELECT code_number FROM `'.$table.'` '
|
|
.'WHERE upload_year='.(int)$year.' '
|
|
.'ORDER BY CAST(code_number AS UNSIGNED) ASC'
|
|
);
|
|
|
|
while ($row = pwg_db_fetch_assoc($result))
|
|
{
|
|
$number = (int)$row['code_number'];
|
|
if ($number >= 1 && $number <= $limit)
|
|
{
|
|
$present[$number] = true;
|
|
}
|
|
}
|
|
|
|
$slots = array();
|
|
for ($number = 1; $number <= $limit; $number++)
|
|
{
|
|
$slots[] = array(
|
|
'number' => $number,
|
|
'present' => isset($present[$number]),
|
|
);
|
|
}
|
|
|
|
$present_count = count($present);
|
|
return array(
|
|
'year' => $year,
|
|
'limit' => $limit,
|
|
'present_count' => $present_count,
|
|
'missing_count' => max(0, $limit - $present_count),
|
|
'slots' => $slots,
|
|
);
|
|
}
|
|
|
|
if ($action === 'inventory')
|
|
{
|
|
header('Content-Type: application/json; charset=utf-8');
|
|
header('Cache-Control: no-store, max-age=0');
|
|
|
|
try
|
|
{
|
|
$inventory = bratonien_tools_customer_qr_public_inventory($_GET['year'] ?? '');
|
|
echo json_encode(array(
|
|
'ok' => true,
|
|
'inventory' => $inventory,
|
|
), JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
|
}
|
|
catch (Throwable $e)
|
|
{
|
|
http_response_code(400);
|
|
echo json_encode(array('ok' => false, 'message' => $e->getMessage()), JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
|
}
|
|
exit;
|
|
}
|
|
|
|
if ($action === 'check')
|
|
{
|
|
header('Content-Type: application/json; charset=utf-8');
|
|
header('Cache-Control: no-store, max-age=0');
|
|
|
|
try
|
|
{
|
|
$year = bratonien_tools_customer_qr_year($_GET['year'] ?? '');
|
|
$number = bratonien_tools_customer_qr_number_for_year($year, $_GET['number'] ?? '');
|
|
$exists = bratonien_tools_customer_qr_exists($year, $number);
|
|
echo json_encode(array(
|
|
'ok' => true,
|
|
'available' => !$exists,
|
|
'year' => $year,
|
|
'number' => $number,
|
|
'limit' => (int)$year_limits[$year],
|
|
'message' => $exists
|
|
? 'Diese QR-Code-Nummer ist für '.$year.' bereits vorhanden.'
|
|
: 'Nummer ist für '.$year.' frei.',
|
|
), JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
|
}
|
|
catch (Throwable $e)
|
|
{
|
|
http_response_code(400);
|
|
echo json_encode(array('ok' => false, 'message' => $e->getMessage()), JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
|
}
|
|
exit;
|
|
}
|
|
|
|
if ($action === 'check_friendship')
|
|
{
|
|
header('Content-Type: application/json; charset=utf-8');
|
|
header('Cache-Control: no-store, max-age=0');
|
|
|
|
try
|
|
{
|
|
$name = bratonien_tools_friendship_code_name($_GET['name'] ?? '');
|
|
$exists = bratonien_tools_friendship_code_exists_for_name($name);
|
|
echo json_encode(array(
|
|
'ok' => true,
|
|
'available' => !$exists,
|
|
'name' => $name,
|
|
'message' => $exists
|
|
? 'Für diesen Namen ist bereits ein Freundschaftscode hinterlegt.'
|
|
: 'Für diesen Namen kann ein Freundschaftscode hinterlegt werden.',
|
|
), JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
|
}
|
|
catch (Throwable $e)
|
|
{
|
|
http_response_code(400);
|
|
echo json_encode(array('ok' => false, 'message' => $e->getMessage()), JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
|
|
}
|
|
exit;
|
|
}
|
|
|
|
if ($_SERVER['REQUEST_METHOD'] === 'POST')
|
|
{
|
|
$results = array();
|
|
$year = bratonien_tools_customer_qr_default_year();
|
|
$upload_type = (string)($_POST['upload_type'] ?? 'qr');
|
|
|
|
try
|
|
{
|
|
if (
|
|
empty($_POST)
|
|
&& empty($_FILES)
|
|
&& !empty($_SERVER['CONTENT_LENGTH'])
|
|
)
|
|
{
|
|
throw new RuntimeException('Der Upload überschreitet das PHP-Limit post_max_size ('.ini_get('post_max_size').').');
|
|
}
|
|
|
|
if (function_exists('check_pwg_token'))
|
|
{
|
|
check_pwg_token();
|
|
}
|
|
|
|
if ($upload_type === 'friendship')
|
|
{
|
|
$name = bratonien_tools_friendship_code_name($_POST['friend_name'] ?? '');
|
|
if (empty($_FILES['friend_file']))
|
|
{
|
|
throw new RuntimeException('Es wurde keine Freundschaftscode-Datei ausgewählt.');
|
|
}
|
|
|
|
$results[] = bratonien_tools_friendship_code_process_upload($name, $_FILES['friend_file']);
|
|
}
|
|
else
|
|
{
|
|
$upload_type = 'qr';
|
|
$year = bratonien_tools_customer_qr_year($_POST['upload_year'] ?? '');
|
|
|
|
if (empty($_FILES['qr_files']))
|
|
{
|
|
throw new RuntimeException('Es wurden keine QR-Code-Dateien ausgewählt.');
|
|
}
|
|
|
|
$numbers = isset($_POST['qr_numbers']) && is_array($_POST['qr_numbers'])
|
|
? array_values($_POST['qr_numbers'])
|
|
: array();
|
|
|
|
$results = bratonien_tools_customer_qr_process_uploads($year, $_FILES['qr_files'], $numbers);
|
|
}
|
|
}
|
|
catch (Throwable $e)
|
|
{
|
|
$results[] = array(
|
|
'status' => 'error',
|
|
'kind' => $upload_type === 'friendship' ? 'friendship' : 'qr',
|
|
'file' => '',
|
|
'name' => $upload_type === 'friendship' ? trim((string)($_POST['friend_name'] ?? '')) : '',
|
|
'year' => $year,
|
|
'number' => '',
|
|
'message' => $e->getMessage(),
|
|
);
|
|
}
|
|
|
|
$_SESSION['bratonien_customer_qr_flash'] = array(
|
|
'type' => $upload_type,
|
|
'year' => $year,
|
|
'results' => $results,
|
|
);
|
|
|
|
$target = strtok($_SERVER['REQUEST_URI'], '?');
|
|
header('Location: '.$target, true, 303);
|
|
exit;
|
|
}
|
|
|
|
$flash = array();
|
|
if (!empty($_SESSION['bratonien_customer_qr_flash']) && is_array($_SESSION['bratonien_customer_qr_flash']))
|
|
{
|
|
$flash = $_SESSION['bratonien_customer_qr_flash'];
|
|
unset($_SESSION['bratonien_customer_qr_flash']);
|
|
}
|
|
|
|
$selected_year = isset($flash['year']) ? (int)$flash['year'] : bratonien_tools_customer_qr_default_year();
|
|
if (!isset($year_limits[$selected_year]))
|
|
{
|
|
$selected_year = bratonien_tools_customer_qr_default_year();
|
|
}
|
|
$selected_limit = (int)$year_limits[$selected_year];
|
|
$inventory = bratonien_tools_customer_qr_public_inventory($selected_year);
|
|
$results = isset($flash['results']) && is_array($flash['results']) ? $flash['results'] : array();
|
|
$token = function_exists('get_pwg_token') ? get_pwg_token() : '';
|
|
$max_files = max(1, (int)ini_get('max_file_uploads'));
|
|
$endpoint = strtok($_SERVER['REQUEST_URI'], '?');
|
|
|
|
header('Content-Type: text/html; charset=utf-8');
|
|
header('Cache-Control: no-store, max-age=0');
|
|
?>
|
|
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>QR-Code Upload</title>
|
|
<style>
|
|
:root{color-scheme:light dark;--bg:#111214;--card:#1a1c20;--text:#f2f2f2;--muted:#a9adb5;--border:#383c44;--accent:#d99a43;--ok:#67b779;--bad:#d46b6b;--wait:#c7a65a}
|
|
*{box-sizing:border-box}
|
|
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
|
|
main{max-width:860px;margin:0 auto;padding:34px 18px 60px}
|
|
h1{font-size:clamp(1.8rem,5vw,2.6rem);margin:0 0 8px}
|
|
h2{font-size:1.12rem;margin:0 0 12px}
|
|
p{margin:0 0 16px}.muted{color:var(--muted)}
|
|
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-top:18px}
|
|
.grid{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:14px 18px;align-items:center}
|
|
label{font-weight:650}.control{min-width:0}
|
|
select,input[type="text"],input[type="file"]{width:100%;font:inherit;color:inherit;background:#121418;border:1px solid var(--border);border-radius:9px;padding:11px 12px}
|
|
input[type="file"]{padding:9px}
|
|
input:focus,select:focus,button:focus{outline:2px solid var(--accent);outline-offset:2px}
|
|
.file-list{display:grid;gap:10px;margin-top:16px}
|
|
.file-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,180px) minmax(170px,220px);gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:#15171b}
|
|
.file-name{overflow-wrap:anywhere}.status{font-size:.92rem;color:var(--muted)}.status.ok{color:var(--ok)}.status.bad{color:var(--bad)}.status.wait{color:var(--wait)}
|
|
.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}
|
|
button{border:0;border-radius:9px;padding:12px 18px;background:var(--accent);color:#1a140d;font:inherit;font-weight:750;cursor:pointer}
|
|
button:disabled{opacity:.45;cursor:not-allowed}
|
|
.result{padding:12px 14px;border-radius:9px;margin-top:8px;border:1px solid var(--border)}
|
|
.result.ok{border-color:color-mix(in srgb,var(--ok),transparent 45%)}.result.duplicate,.result.error{border-color:color-mix(in srgb,var(--bad),transparent 45%)}
|
|
.result strong{display:block}.meta{color:var(--muted);font-size:.92rem}
|
|
.inventory{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
|
|
.inventory-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
|
|
.inventory-head h2{margin:0}
|
|
.inventory-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:12px;font-size:.92rem;color:var(--muted)}
|
|
.inventory-legend span{display:inline-flex;align-items:center;gap:6px}
|
|
.inventory-dot{width:14px;height:14px;border-radius:3px;border:1px solid}
|
|
.inventory-dot.present{background:rgba(62,170,94,.30);border-color:#58c878}
|
|
.inventory-dot.missing{background:rgba(205,72,72,.28);border-color:#db6d6d}
|
|
.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}
|
|
.inventory-slot{min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:6px;font-weight:750}
|
|
.inventory-slot.present{background:rgba(62,170,94,.30);border-color:#58c878;color:#dff7e6}
|
|
.inventory-slot.missing{background:rgba(205,72,72,.28);border-color:#db6d6d;color:#ffdede}
|
|
@media(max-width:680px){.grid{grid-template-columns:1fr}.file-row{grid-template-columns:1fr}.card{padding:16px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<h1>QR-Code Upload</h1>
|
|
<p class="muted">QR-Codes und persönliche Freundschaftscodes hochladen.</p>
|
|
</header>
|
|
|
|
<?php if (!empty($results)): ?>
|
|
<section class="card" aria-labelledby="upload-result-title">
|
|
<h2 id="upload-result-title">Ergebnis</h2>
|
|
<?php foreach ($results as $result): ?>
|
|
<?php
|
|
$status = in_array(($result['status'] ?? ''), array('ok','duplicate','error'), true) ? $result['status'] : 'error';
|
|
$kind = (string)($result['kind'] ?? 'qr');
|
|
if ($status === 'ok') $headline = 'Gespeichert';
|
|
elseif ($status === 'duplicate') $headline = $kind === 'friendship' ? 'Nicht gespeichert: bereits vorhanden' : 'Nicht gespeichert: Nummer bereits vergeben';
|
|
else $headline = 'Nicht gespeichert';
|
|
?>
|
|
<div class="result <?php echo htmlspecialchars($status, ENT_QUOTES, 'UTF-8'); ?>">
|
|
<strong><?php echo htmlspecialchars($headline, ENT_QUOTES, 'UTF-8'); ?></strong>
|
|
<?php if (!empty($result['file'])): ?><div><?php echo htmlspecialchars($result['file'], ENT_QUOTES, 'UTF-8'); ?></div><?php endif; ?>
|
|
<?php if ($kind === 'friendship' && !empty($result['name'])): ?><div class="meta">Name: <?php echo htmlspecialchars($result['name'], ENT_QUOTES, 'UTF-8'); ?></div><?php endif; ?>
|
|
<?php if ($kind !== 'friendship' && !empty($result['number'])): ?><div class="meta">Jahr <?php echo (int)$result['year']; ?> · QR-Code #<?php echo htmlspecialchars($result['number'], ENT_QUOTES, 'UTF-8'); ?></div><?php endif; ?>
|
|
<div class="meta"><?php echo htmlspecialchars((string)($result['message'] ?? ''), ENT_QUOTES, 'UTF-8'); ?></div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
<form class="card" method="post" enctype="multipart/form-data" id="qr-upload-form" novalidate>
|
|
<input type="hidden" name="pwg_token" value="<?php echo htmlspecialchars($token, ENT_QUOTES, 'UTF-8'); ?>">
|
|
<input type="hidden" name="upload_type" value="qr">
|
|
<h2>QR-Code</h2>
|
|
|
|
<div class="grid">
|
|
<label for="upload-year">Jahr</label>
|
|
<div class="control">
|
|
<select id="upload-year" name="upload_year" required>
|
|
<?php foreach ($year_limits as $year => $limit): ?>
|
|
<option value="<?php echo (int)$year; ?>"<?php echo (int)$year === $selected_year ? ' selected' : ''; ?>><?php echo (int)$year; ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
<div id="year-limit-note" class="muted" style="margin-top:6px">Für <?php echo $selected_year; ?> sind QR-Code-Nummern 1 bis <?php echo $selected_limit; ?> vorgesehen.</div>
|
|
</div>
|
|
|
|
<label for="qr-files">QR-Code-Datei(en)</label>
|
|
<div class="control">
|
|
<input id="qr-files" name="qr_files[]" type="file" accept="image/png,image/jpeg,image/webp,image/gif" multiple required>
|
|
<div class="muted" style="margin-top:6px">PNG, JPG, WEBP oder GIF. Batch-Upload bis zum Serverlimit von <?php echo $max_files; ?> Dateien pro Anfrage.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="inventory" aria-labelledby="inventory-title">
|
|
<div class="inventory-head">
|
|
<h2 id="inventory-title">QR-Code-Bestand <span id="inventory-year"><?php echo (int)$inventory['year']; ?></span></h2>
|
|
<span id="inventory-count" class="muted"><?php echo (int)$inventory['present_count']; ?> vorhanden · <?php echo (int)$inventory['missing_count']; ?> fehlen</span>
|
|
</div>
|
|
<div class="inventory-legend" aria-hidden="true">
|
|
<span><i class="inventory-dot present"></i>Vorhanden</span>
|
|
<span><i class="inventory-dot missing"></i>Fehlt</span>
|
|
</div>
|
|
<div id="inventory-grid" class="inventory-grid" aria-live="polite">
|
|
<?php foreach ($inventory['slots'] as $slot): ?>
|
|
<span class="inventory-slot <?php echo !empty($slot['present']) ? 'present' : 'missing'; ?>" title="QR-Code #<?php echo (int)$slot['number']; ?> <?php echo !empty($slot['present']) ? 'vorhanden' : 'fehlt'; ?>"><?php echo (int)$slot['number']; ?></span>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</section>
|
|
|
|
<div id="file-list" class="file-list" aria-live="polite"></div>
|
|
|
|
<div class="actions">
|
|
<button id="submit-button" type="submit" disabled>QR-Code(s) hochladen</button>
|
|
<span class="muted">Eine Nummer kann innerhalb eines Jahres nur einmal verwendet werden.</span>
|
|
</div>
|
|
</form>
|
|
|
|
<form class="card" method="post" enctype="multipart/form-data" id="friendship-upload-form" novalidate>
|
|
<input type="hidden" name="pwg_token" value="<?php echo htmlspecialchars($token, ENT_QUOTES, 'UTF-8'); ?>">
|
|
<input type="hidden" name="upload_type" value="friendship">
|
|
<h2>Persönlicher Freundschaftscode</h2>
|
|
|
|
<div class="grid">
|
|
<label for="friend-name">Name</label>
|
|
<div class="control">
|
|
<input id="friend-name" name="friend_name" type="text" maxlength="120" autocomplete="name" required>
|
|
<div id="friend-name-status" class="status" style="margin-top:6px">Bitte Namen eingeben.</div>
|
|
</div>
|
|
|
|
<label for="friend-file">Freundschaftscode</label>
|
|
<div class="control">
|
|
<input id="friend-file" name="friend_file" type="file" accept="image/png,image/jpeg,image/webp,image/gif" required>
|
|
<div class="muted" style="margin-top:6px">Ein Bild pro Person. PNG, JPG, WEBP oder GIF.</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<button id="friend-submit-button" type="submit" disabled>Freundschaftscode hochladen</button>
|
|
<span class="muted">Pro Name wird genau ein persönlicher Freundschaftscode gespeichert.</span>
|
|
</div>
|
|
</form>
|
|
</main>
|
|
|
|
<script>
|
|
(function(){
|
|
'use strict';
|
|
var form=document.getElementById('qr-upload-form');
|
|
var fileInput=document.getElementById('qr-files');
|
|
var yearInput=document.getElementById('upload-year');
|
|
var yearNote=document.getElementById('year-limit-note');
|
|
var list=document.getElementById('file-list');
|
|
var submit=document.getElementById('submit-button');
|
|
var inventoryYear=document.getElementById('inventory-year');
|
|
var inventoryCount=document.getElementById('inventory-count');
|
|
var inventoryGrid=document.getElementById('inventory-grid');
|
|
var endpoint=<?php echo json_encode($endpoint, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE); ?>;
|
|
var limits=<?php echo json_encode($year_limits, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE); ?>;
|
|
var timers=new WeakMap();
|
|
|
|
function yearLimit(){return Number(limits[String(yearInput.value)]||limits[yearInput.value]||0);}
|
|
|
|
function canonical(value){
|
|
value=String(value||'').trim();
|
|
if(!/^\d+$/.test(value))return '';
|
|
value=value.replace(/^0+(?=\d)/,'');
|
|
if(value==='0')return '';
|
|
return value;
|
|
}
|
|
|
|
function rows(){return Array.prototype.slice.call(list.querySelectorAll('.file-row'));}
|
|
|
|
function setStatus(row,text,kind){
|
|
var node=row.querySelector('.status');
|
|
node.textContent=text;
|
|
node.className='status'+(kind?' '+kind:'');
|
|
row.dataset.valid=kind==='ok'?'1':'0';
|
|
updateSubmit();
|
|
}
|
|
|
|
function updateSubmit(){
|
|
var all=rows();
|
|
submit.disabled=!all.length||all.some(function(row){return row.dataset.valid!=='1';});
|
|
}
|
|
|
|
function renderInventory(inventory){
|
|
inventoryYear.textContent=String(inventory.year);
|
|
inventoryCount.textContent=String(inventory.present_count)+' vorhanden · '+String(inventory.missing_count)+' fehlen';
|
|
inventoryGrid.textContent='';
|
|
(inventory.slots||[]).forEach(function(slot){
|
|
var node=document.createElement('span');
|
|
node.className='inventory-slot '+(slot.present?'present':'missing');
|
|
node.textContent=String(slot.number);
|
|
node.title='QR-Code #'+slot.number+' '+(slot.present?'vorhanden':'fehlt');
|
|
inventoryGrid.appendChild(node);
|
|
});
|
|
}
|
|
|
|
function loadInventory(){
|
|
inventoryCount.textContent='Bestand wird geladen …';
|
|
var requestedYear=yearInput.value;
|
|
var url=endpoint+'?action=inventory&year='+encodeURIComponent(requestedYear)+'&_='+Date.now();
|
|
fetch(url,{credentials:'same-origin',cache:'no-store',headers:{'Accept':'application/json'}})
|
|
.then(function(response){return response.json().then(function(data){return {response:response,data:data};});})
|
|
.then(function(result){
|
|
if(!result.response.ok||!result.data.ok||!result.data.inventory)throw new Error(result.data.message||'Bestand konnte nicht geladen werden.');
|
|
if(String(yearInput.value)!==String(requestedYear))return;
|
|
renderInventory(result.data.inventory);
|
|
})
|
|
.catch(function(error){inventoryCount.textContent=error.message||'Bestand konnte nicht geladen werden.';});
|
|
}
|
|
|
|
function markBatchDuplicates(){
|
|
var grouped={};
|
|
rows().forEach(function(row){
|
|
var input=row.querySelector('input[name="qr_numbers[]"]');
|
|
var value=canonical(input.value);
|
|
if(!value)return;
|
|
if(!grouped[value])grouped[value]=[];
|
|
grouped[value].push(row);
|
|
});
|
|
Object.keys(grouped).forEach(function(key){
|
|
if(grouped[key].length>1){
|
|
grouped[key].forEach(function(row){setStatus(row,'Nummer ist in diesem Batch doppelt.','bad');});
|
|
}
|
|
});
|
|
return grouped;
|
|
}
|
|
|
|
function checkRow(row){
|
|
var input=row.querySelector('input[name="qr_numbers[]"]');
|
|
var value=canonical(input.value);
|
|
var limit=yearLimit();
|
|
if(!value){setStatus(row,'Bitte eine QR-Code-Nummer ab 1 eingeben.','bad');return;}
|
|
if(!limit||Number(value)>limit){setStatus(row,'Für '+yearInput.value+' sind nur die Nummern 1 bis '+limit+' vorgesehen.','bad');return;}
|
|
|
|
var grouped=markBatchDuplicates();
|
|
if(grouped[value]&&grouped[value].length>1)return;
|
|
|
|
setStatus(row,'Nummer wird geprüft …','wait');
|
|
var url=endpoint+'?action=check&year='+encodeURIComponent(yearInput.value)+'&number='+encodeURIComponent(value)+'&_='+Date.now();
|
|
fetch(url,{credentials:'same-origin',cache:'no-store',headers:{'Accept':'application/json'}})
|
|
.then(function(response){return response.json().then(function(data){return {response:response,data:data};});})
|
|
.then(function(result){
|
|
if(!result.response.ok||!result.data.ok)throw new Error(result.data.message||'Prüfung fehlgeschlagen.');
|
|
if(result.data.available)setStatus(row,result.data.message,'ok');
|
|
else setStatus(row,result.data.message,'bad');
|
|
})
|
|
.catch(function(error){setStatus(row,error.message||'Prüfung fehlgeschlagen.','bad');});
|
|
}
|
|
|
|
function scheduleCheck(row){
|
|
var old=timers.get(row);if(old)window.clearTimeout(old);
|
|
timers.set(row,window.setTimeout(function(){checkRow(row);},250));
|
|
}
|
|
|
|
function scheduleAll(){rows().forEach(function(row){scheduleCheck(row);});}
|
|
|
|
function updateYearNote(){
|
|
yearNote.textContent='Für '+yearInput.value+' sind QR-Code-Nummern 1 bis '+yearLimit()+' vorgesehen.';
|
|
}
|
|
|
|
function rebuild(){
|
|
list.textContent='';
|
|
Array.prototype.slice.call(fileInput.files||[]).forEach(function(file,index){
|
|
var row=document.createElement('div');row.className='file-row';row.dataset.valid='0';
|
|
var name=document.createElement('div');name.className='file-name';name.textContent=file.name;
|
|
var input=document.createElement('input');input.type='text';input.name='qr_numbers[]';input.inputMode='numeric';input.autocomplete='off';input.placeholder='QR-Nummer';input.setAttribute('aria-label','QR-Code-Nummer für '+file.name);input.maxLength=3;input.required=true;
|
|
var status=document.createElement('div');status.className='status';status.textContent='Nummer fehlt.';
|
|
row.appendChild(name);row.appendChild(input);row.appendChild(status);list.appendChild(row);
|
|
input.addEventListener('input',scheduleAll);
|
|
if(index===0)window.setTimeout(function(){input.focus();},0);
|
|
});
|
|
updateSubmit();
|
|
}
|
|
|
|
fileInput.addEventListener('change',rebuild);
|
|
yearInput.addEventListener('change',function(){updateYearNote();scheduleAll();loadInventory();});
|
|
form.addEventListener('submit',function(event){
|
|
var invalid=rows().some(function(row){return row.dataset.valid!=='1';});
|
|
if(invalid){event.preventDefault();scheduleAll();}
|
|
else{submit.disabled=true;submit.textContent='Upload läuft …';}
|
|
});
|
|
})();
|
|
|
|
(function(){
|
|
'use strict';
|
|
var form=document.getElementById('friendship-upload-form');
|
|
var nameInput=document.getElementById('friend-name');
|
|
var fileInput=document.getElementById('friend-file');
|
|
var status=document.getElementById('friend-name-status');
|
|
var submit=document.getElementById('friend-submit-button');
|
|
var endpoint=<?php echo json_encode($endpoint, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE); ?>;
|
|
var timer=null;
|
|
var nameValid=false;
|
|
|
|
function updateSubmit(){
|
|
submit.disabled=!nameValid||!fileInput.files||fileInput.files.length!==1;
|
|
}
|
|
|
|
function setStatus(text,kind){
|
|
status.textContent=text;
|
|
status.className='status'+(kind?' '+kind:'');
|
|
nameValid=kind==='ok';
|
|
updateSubmit();
|
|
}
|
|
|
|
function checkName(){
|
|
var name=String(nameInput.value||'').trim().replace(/\s+/g,' ');
|
|
if(!name){setStatus('Bitte Namen eingeben.','bad');return;}
|
|
setStatus('Name wird geprüft …','wait');
|
|
var url=endpoint+'?action=check_friendship&name='+encodeURIComponent(name)+'&_='+Date.now();
|
|
fetch(url,{credentials:'same-origin',cache:'no-store',headers:{'Accept':'application/json'}})
|
|
.then(function(response){return response.json().then(function(data){return {response:response,data:data};});})
|
|
.then(function(result){
|
|
if(!result.response.ok||!result.data.ok)throw new Error(result.data.message||'Prüfung fehlgeschlagen.');
|
|
if(result.data.available)setStatus(result.data.message,'ok');
|
|
else setStatus(result.data.message,'bad');
|
|
})
|
|
.catch(function(error){setStatus(error.message||'Prüfung fehlgeschlagen.','bad');});
|
|
}
|
|
|
|
nameInput.addEventListener('input',function(){
|
|
nameValid=false;updateSubmit();
|
|
if(timer)window.clearTimeout(timer);
|
|
timer=window.setTimeout(checkName,250);
|
|
});
|
|
fileInput.addEventListener('change',updateSubmit);
|
|
form.addEventListener('submit',function(event){
|
|
if(!nameValid||!fileInput.files||fileInput.files.length!==1){event.preventDefault();checkName();return;}
|
|
submit.disabled=true;submit.textContent='Upload läuft …';
|
|
});
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|