nngo/GOV_QR_Codes_Management
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update page to display 2 languages

Browse Source
This commit is contained in:
Nguyen Ngo
2025-08-11 12:34:18 -04:00
parent 4b5b461c93
commit 6c68501de1
1 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/qr_destination.html
+20 -10
View File
@@ -487,7 +487,7 @@
</head> </head>
<body> <body>
<div class="destination-container"> <div class="destination-container">
<!-- Language Selector --> <!-- Language Selector
<div class="language-selector"> <div class="language-selector">
<button <button
id="languageToggle" id="languageToggle"
@@ -499,13 +499,17 @@
<span id="languageText">EN</span> <span id="languageText">EN</span>
</button> </button>
</div> </div>
-->
<!-- Header Section --> <!-- Header Section -->
<div class="destination-header fade-transition active"> <div class="destination-header fade-transition active">
<div class="header-icon"> <div class="header-icon">
<i class="fas fa-qrcode"></i> <i class="fas fa-qrcode"></i>
</div> </div>
<h1>{{ qr_code.location_event }}</h1> {% if qr_code.location_event == 'Check In' %}
<h1>{{ qr_code.location_event }} / Entrada</h1>
{% else %}
<h1>{{ qr_code.location_event }} / Salida</h1>
{% endif %}
<p class="location-info"> <p class="location-info">
<i class="fas fa-map-marker-alt"></i> <i class="fas fa-map-marker-alt"></i>
{{ qr_code.location }} {{ qr_code.location }}
@@ -523,6 +527,7 @@
<!-- Check-in Form --> <!-- Check-in Form -->
<div class="checkin-card fade-transition active"> <div class="checkin-card fade-transition active">
<div class="checkin-header"> <div class="checkin-header">
<!--
<h2> <h2>
<i class="fas fa-user-check"></i> <i class="fas fa-user-check"></i>
<span <span
@@ -531,11 +536,12 @@
>Attendance Tracking</span >Attendance Tracking</span
> >
</h2> </h2>
-->
<p <p
data-en="Please enter your Employee ID to {{ qr_code.location_event }}" data-en="Please enter your Employee ID / Por favor ingrese su ID de empleado"
data-es="Por favor ingrese su ID de empleado para registrar su entrada/salida" data-es="Por favor ingrese su ID de empleado"
> >
Please enter your Employee ID to {{ qr_code.location_event }} Please enter your Employee ID. / Por favor ingrese su ID de empleado.
</p> </p>
</div> </div>
@@ -556,8 +562,8 @@
<div class="form-group"> <div class="form-group">
<label for="employee_id"> <label for="employee_id">
<i class="fas fa-id-badge"></i> <i class="fas fa-id-badge"></i>
<span data-en="Employee ID" data-es="ID de Empleado" <span data-en="Employee ID / ID de Empleado" data-es="ID de Empleado"
>Employee ID</span >Employee ID / ID de Empleado</span
> >
</label> </label>
<input <input
@@ -567,7 +573,7 @@
class="form-control" class="form-control"
data-en-placeholder="Enter your Employee ID" data-en-placeholder="Enter your Employee ID"
data-es-placeholder="Ingrese su ID de Empleado" data-es-placeholder="Ingrese su ID de Empleado"
placeholder="Enter your Employee ID" placeholder="Enter your Employee ID / Ingrese su ID de Empleado"
autocomplete="off" autocomplete="off"
required required
/> />
@@ -575,7 +581,11 @@
<button type="submit" id="submitCheckin" class="btn btn-primary"> <button type="submit" id="submitCheckin" class="btn btn-primary">
<i class="fas fa-user-check"></i> <i class="fas fa-user-check"></i>
<span data-en="{{ qr_code.location_event }}" data-es="Someter">{{ qr_code.location_event }}</span> {% if qr_code.location_event == 'Check In' %}
<span data-en="{{ qr_code.location_event }} / Entrada" data-es="Someter">{{ qr_code.location_event }} / Entrada</span>
{% else %}
<span data-en="{{ qr_code.location_event }} / Salida" data-es="Someter">{{ qr_code.location_event }} / Salida</span>
{% endif %}
</button> </button>
</form> </form>
</div> </div>