fix: Fix i18n infrastructure

Add dev dependency fix paths and key names so that the default HTML lexer can pick them up
This commit is contained in:
2025-04-13 18:54:35 +02:00
parent de91ad9367
commit 53cac9f3d2
7 changed files with 41 additions and 42 deletions

View File

@@ -17,7 +17,7 @@
<div class="navbar-brand">
<div class="navbar-item">
<img src="assets/img/logo_vdrd.png" alt="VdRD Log">
<h1 data-i18n-key="app-name" class="title is-3">Käfigrechner</h1>
<h1 data-i18n="app-name" class="title is-3">Käfigrechner</h1>
</div>
</div>
</div>
@@ -31,7 +31,7 @@
<span class="icon is-small">
<i class="fas fa-number" aria-hidden="true"></i>
</span>
How many rats does this cage fit?
<p data-i18n="how-many-rats-does-this-cage-fit">How many rats does this cage fit?</p>
</a>
</li>
<li data-tab-id="2">
@@ -39,7 +39,7 @@
<span class="icon is-small">
<i class="fas fa-question" aria-hidden="true"></i>
</span>
What cage should I get?
<p data-i18n="what-cage-should-i-get">What cage should I get?</p>
</a>
</li>
<li data-tab-id="3">
@@ -47,7 +47,7 @@
<span class="icon is-small">
<i class="fas fa-check" aria-hidden="true"></i>
</span>
Check existing cage
<p data-i18n="check-existing-cage">Check existing cage</p>
</a>
</li>
</ul>
@@ -64,11 +64,11 @@
<div class="" data-content-id="3">
<div class="card">
<div class="card-content">
<h2 class="title is-4"><label data-i18n-key="cage-measurements"
<h2 class="title is-4"><label data-i18n="cage-measurements"
for="form-cage-measurements">Käfigmaße</label></h2>
<form id="form-cage-measurements" class="form-measurements">
<label for="width" class="label" data-i18n-key="width-cm">Breite (cm)</label>
<label for="width" class="label" data-i18n="width-cm">Breite (cm)</label>
<p class="control has-icons-left">
<input class="input" type="number" id="width" placeholder="100 cm">
<span class="icon is-small is-left">
@@ -76,7 +76,7 @@
</span>
</p>
<label for="depth" class="label" data-i18n-key="depth-cm">Tiefe (cm)</label>
<label for="depth" class="label" data-i18n="depth-cm">Tiefe (cm)</label>
<p class="control has-icons-left">
<input class="input" type="number" id="depth" placeholder="50 cm">
<span class="icon is-small is-left">
@@ -84,7 +84,7 @@
</span>
</p>
<label for="height" class="label" data-i18n-key="height-cm">Höhe (cm)</label>
<label for="height" class="label" data-i18n="height-cm">Höhe (cm)</label>
<p class="control has-icons-left">
<input class="input" type="number" id="height" placeholder="120 cm">
<span class="icon is-small is-left">
@@ -95,7 +95,7 @@
<div class="columns">
<div class="column">
<label for="numFullFloors" class="label"
data-i18n-key="full-floors">Vollebenen</label>
data-i18n="full-floors">Vollebenen</label>
<span data-tooltip="Als Vollebenen zählen alle Ebenen die größer als 0.5m² sind, inklusive des Käfigbodens.">
<svg class="text-grey-dark" width="18" height="18" viewBox="0 0 18 18" fill="none"
stroke="currentColor">
@@ -112,7 +112,7 @@
</div>
<div class="column">
<label for="numRats" id="labelNumRats" data-i18n-key="number-of-rats">Anzahl an
<label for="numRats" id="labelNumRats" data-i18n="number-of-rats">Anzahl an
Ratten</label>
<input type="range" min="3" max="15" value="4" class="slider" id="numRats">
</div>
@@ -123,7 +123,7 @@
<div class="card-footer is-fullwidth">
<div class="card" id="result-card">
<div class="card-header">
<h2 class="card-header-title is-3 is-centered" data-i18n-key="result">Ergebnis</h2>
<h2 class="card-header-title is-3 is-centered" data-i18n="result">Ergebnis</h2>
</div>
<div class="card-content">
<div id="resultsDiv"></div>
@@ -137,8 +137,8 @@
<div class="footer">
<div class="language-switcher">
<label aria-hidden="false" style="display: none" data-i18n-key="change-language"></label>
<select data-i18n-switcher class="locale-switcher" id="locale-switcher">
<label aria-hidden="false" style="display: none" data-i18n="change-language"></label>
<select data-i18n-switcher class="select" id="locale-switcher">
<option value="en">English</option>
<option value="de">Deutsch</option>
</select>