Files
Web-NibblePoker/templates/applets/iban-generator.jinja
Herwin Bozet a20b45d86e Update IbanGenerator and UUIDGenerator styles, Updated standalone style
Update extra.css, nibblepoker.min.css, and 2 more files...
2025-08-25 00:00:15 +02:00

199 lines
12 KiB
Django/Jinja

<!-- {{ render_h2(l10n("disclaimer.title", applet_data.id, user_lang)) }} -->
<label for="iban-generator-option-enable-sepa" class="mr-xxs">{{ l10n("option.sepa.enable", "iban-generator", user_lang) }}:</label>
<input id="iban-generator-option-enable-sepa" class="r-m border cb-pretty" type="checkbox" checked>
<br>
<label for="iban-generator-option-enable-non-sepa" class="mr-xxs">{{ l10n("option.non-sepa.enable", "iban-generator", user_lang) }}:</label>
<input id="iban-generator-option-enable-non-sepa" class="r-m border cb-pretty" type="checkbox" checked>
<hr class="subtle">
<label for="iban-generator-option-country" class="mr-xs">{{ l10n("country.label", "iban-generator", user_lang) }}:</label>
<select name="iban-generator-option-country" id="iban-generator-option-country" class="p-xxs border r-s">
<option value="AD">AD - {{ l10n("iso3166.a2.AD", "countries", user_lang) }}</option>
<option value="AE">AE - {{ l10n("iso3166.a2.AE", "countries", user_lang) }}</option>
<option value="AL">AL - {{ l10n("iso3166.a2.AL", "countries", user_lang) }}</option>
<option value="AT">AT - {{ l10n("iso3166.a2.AT", "countries", user_lang) }}</option>
<option value="AZ">AZ - {{ l10n("iso3166.a2.AZ", "countries", user_lang) }}</option>
<option value="BA">BA - {{ l10n("iso3166.a2.BA", "countries", user_lang) }}</option>
<option value="BE">BE - {{ l10n("iso3166.a2.BE", "countries", user_lang) }}</option>
<option value="BG">BG - {{ l10n("iso3166.a2.BG", "countries", user_lang) }}</option>
<option value="BH">BH - {{ l10n("iso3166.a2.BH", "countries", user_lang) }}</option>
<option value="BI">BI - {{ l10n("iso3166.a2.BI", "countries", user_lang) }}</option>
<option value="BR">BR - {{ l10n("iso3166.a2.BR", "countries", user_lang) }}</option>
<option value="BY">BY - {{ l10n("iso3166.a2.BY", "countries", user_lang) }}</option>
<option value="CH">CH - {{ l10n("iso3166.a2.CH", "countries", user_lang) }}</option>
<option value="CR">CR - {{ l10n("iso3166.a2.CR", "countries", user_lang) }}</option>
<option value="CY">CY - {{ l10n("iso3166.a2.CY", "countries", user_lang) }}</option>
<option value="CZ">CZ - {{ l10n("iso3166.a2.CZ", "countries", user_lang) }}</option>
<option value="DE">DE - {{ l10n("iso3166.a2.DE", "countries", user_lang) }}</option>
<option value="DJ">DJ - {{ l10n("iso3166.a2.DJ", "countries", user_lang) }}</option>
<option value="DK">DK - {{ l10n("iso3166.a2.DK", "countries", user_lang) }}</option>
<option value="DO">DO - {{ l10n("iso3166.a2.DO", "countries", user_lang) }}</option>
<option value="EE">EE - {{ l10n("iso3166.a2.EE", "countries", user_lang) }}</option>
<option value="EG">EG - {{ l10n("iso3166.a2.EG", "countries", user_lang) }}</option>
<option value="ES">ES - {{ l10n("iso3166.a2.ES", "countries", user_lang) }}</option>
<option value="FI">FI - {{ l10n("iso3166.a2.FI", "countries", user_lang) }}</option>
<option value="FK">FK - {{ l10n("iso3166.a2.FK", "countries", user_lang) }}</option>
<option value="FO">FO - {{ l10n("iso3166.a2.FO", "countries", user_lang) }}</option>
<option value="FR">FR - {{ l10n("iso3166.a2.FR", "countries", user_lang) }}</option>
<option value="GB">GB - {{ l10n("iso3166.a2.GB", "countries", user_lang) }}</option>
<option value="GE">GE - {{ l10n("iso3166.a2.GE", "countries", user_lang) }}</option>
<option value="GI">GI - {{ l10n("iso3166.a2.GI", "countries", user_lang) }}</option>
<option value="GL">GL - {{ l10n("iso3166.a2.GL", "countries", user_lang) }}</option>
<option value="GR">GR - {{ l10n("iso3166.a2.GR", "countries", user_lang) }}</option>
<option value="GT">GT - {{ l10n("iso3166.a2.GT", "countries", user_lang) }}</option>
<option value="HN">HN - {{ l10n("iso3166.a2.HN", "countries", user_lang) }}</option>
<option value="HR">HR - {{ l10n("iso3166.a2.HR", "countries", user_lang) }}</option>
<option value="HU">HU - {{ l10n("iso3166.a2.HU", "countries", user_lang) }}</option>
<option value="IE">IE - {{ l10n("iso3166.a2.IE", "countries", user_lang) }}</option>
<option value="IL">IL - {{ l10n("iso3166.a2.IL", "countries", user_lang) }}</option>
<option value="IQ">IQ - {{ l10n("iso3166.a2.IQ", "countries", user_lang) }}</option>
<option value="IS">IS - {{ l10n("iso3166.a2.IS", "countries", user_lang) }}</option>
<option value="IT">IT - {{ l10n("iso3166.a2.IT", "countries", user_lang) }}</option>
<option value="JO">JO - {{ l10n("iso3166.a2.JO", "countries", user_lang) }}</option>
<option value="KW">KW - {{ l10n("iso3166.a2.KW", "countries", user_lang) }}</option>
<option value="KZ">KZ - {{ l10n("iso3166.a2.KZ", "countries", user_lang) }}</option>
<option value="LB">LB - {{ l10n("iso3166.a2.LB", "countries", user_lang) }}</option>
<option value="LC">LC - {{ l10n("iso3166.a2.LC", "countries", user_lang) }}</option>
<option value="LI">LI - {{ l10n("iso3166.a2.LI", "countries", user_lang) }}</option>
<option value="LT">LT - {{ l10n("iso3166.a2.LT", "countries", user_lang) }}</option>
<option value="LU">LU - {{ l10n("iso3166.a2.LU", "countries", user_lang) }}</option>
<option value="LV">LV - {{ l10n("iso3166.a2.LV", "countries", user_lang) }}</option>
<option value="LY">LY - {{ l10n("iso3166.a2.LY", "countries", user_lang) }}</option>
<option value="MC">MC - {{ l10n("iso3166.a2.MC", "countries", user_lang) }}</option>
<option value="MD">MD - {{ l10n("iso3166.a2.MD", "countries", user_lang) }}</option>
<option value="ME">ME - {{ l10n("iso3166.a2.ME", "countries", user_lang) }}</option>
<option value="MK">MK - {{ l10n("iso3166.a2.MK", "countries", user_lang) }}</option>
<option value="MN">MN - {{ l10n("iso3166.a2.MN", "countries", user_lang) }}</option>
<option value="MR">MR - {{ l10n("iso3166.a2.MR", "countries", user_lang) }}</option>
<option value="MT">MT - {{ l10n("iso3166.a2.MT", "countries", user_lang) }}</option>
<option value="MU">MU - {{ l10n("iso3166.a2.MU", "countries", user_lang) }}</option>
<option value="NI">NI - {{ l10n("iso3166.a2.NI", "countries", user_lang) }}</option>
<option value="NL">NL - {{ l10n("iso3166.a2.NL", "countries", user_lang) }}</option>
<option value="NO">NO - {{ l10n("iso3166.a2.NO", "countries", user_lang) }}</option>
<option value="OM">OM - {{ l10n("iso3166.a2.OM", "countries", user_lang) }}</option>
<option value="PK">PK - {{ l10n("iso3166.a2.PK", "countries", user_lang) }}</option>
<option value="PL">PL - {{ l10n("iso3166.a2.PL", "countries", user_lang) }}</option>
<option value="PS">PS - {{ l10n("iso3166.a2.PS", "countries", user_lang) }}</option>
<option value="PT">PT - {{ l10n("iso3166.a2.PT", "countries", user_lang) }}</option>
<option value="QA">QA - {{ l10n("iso3166.a2.QA", "countries", user_lang) }}</option>
<option value="RO">RO - {{ l10n("iso3166.a2.RO", "countries", user_lang) }}</option>
<option value="RS">RS - {{ l10n("iso3166.a2.RS", "countries", user_lang) }}</option>
<option value="RU">RU - {{ l10n("iso3166.a2.RU", "countries", user_lang) }}</option>
<option value="SA">SA - {{ l10n("iso3166.a2.SA", "countries", user_lang) }}</option>
<option value="SC">SC - {{ l10n("iso3166.a2.SC", "countries", user_lang) }}</option>
<option value="SD">SD - {{ l10n("iso3166.a2.SD", "countries", user_lang) }}</option>
<option value="SE">SE - {{ l10n("iso3166.a2.SE", "countries", user_lang) }}</option>
<option value="SI">SI - {{ l10n("iso3166.a2.SI", "countries", user_lang) }}</option>
<option value="SK">SK - {{ l10n("iso3166.a2.SK", "countries", user_lang) }}</option>
<option value="SM">SM - {{ l10n("iso3166.a2.SM", "countries", user_lang) }}</option>
<option value="SO">SO - {{ l10n("iso3166.a2.SO", "countries", user_lang) }}</option>
<option value="ST">ST - {{ l10n("iso3166.a2.ST", "countries", user_lang) }}</option>
<option value="SV">SV - {{ l10n("iso3166.a2.SV", "countries", user_lang) }}</option>
<option value="TL">TL - {{ l10n("iso3166.a2.TL", "countries", user_lang) }}</option>
<option value="TN">TN - {{ l10n("iso3166.a2.TN", "countries", user_lang) }}</option>
<option value="TR">TR - {{ l10n("iso3166.a2.TR", "countries", user_lang) }}</option>
<option value="UA">UA - {{ l10n("iso3166.a2.UA", "countries", user_lang) }}</option>
<option value="VA">VA - {{ l10n("iso3166.a2.VA", "countries", user_lang) }}</option>
<option value="VG">VG - {{ l10n("iso3166.a2.VG", "countries", user_lang) }}</option>
<option value="XK">XK - {{ l10n("iso3166.a2.XK", "countries", user_lang) }}</option>
<option value="YE">YE - {{ l10n("iso3166.a2.YE", "countries", user_lang) }}</option>
</select>
<br>
<label for="iban-generator-option-count" class="mr-xs">{{ l10n("option.count", "iban-generator", user_lang) }}:</label>
<input id="iban-generator-option-count" class="p-xxs border r-s" type="number" value="4" min="1" max="10000">
<br>
<label for="iban-generator-option-foreach" class="mr-xxs">{{ l10n("option.for.each", "iban-generator", user_lang) }}:</label>
<input id="iban-generator-option-foreach" class="r-m border cb-pretty" type="checkbox">
<hr class="subtle">
<input type="radio" id="iban-generator-option-prefer-random" name="iban_charset" value="0" class="radio-solid border mr-xxs radio-unchecked-subtle" checked>
<label for="iban-generator-option-prefer-random">{{ l10n("option.prefer.random", "iban-generator", user_lang) }}</label>
<br>
<input type="radio" id="iban-generator-option-prefer-numbers" name="iban_charset" value="0" class="radio-solid border mr-xxs radio-unchecked-subtle">
<label for="iban-generator-option-prefer-numbers">{{ l10n("option.prefer.numbers", "iban-generator", user_lang) }}</label>
<br>
<input type="radio" id="iban-generator-option-prefer-letters" name="iban_charset" value="0" class="radio-solid border mr-xxs radio-unchecked-subtle">
<label for="iban-generator-option-prefer-letters">{{ l10n("option.prefer.letters", "iban-generator", user_lang) }}</label>
<hr class="subtle">
<input type="radio" id="iban-generator-option-format-none" name="iban_format" value="none" class="radio-solid border mr-xxs radio-unchecked-subtle" checked>
<label for="iban-generator-option-format-none">{{ l10n("option.human.format.none", "iban-generator", user_lang) }}</label>
<br>
<input type="radio" id="iban-generator-option-format-standard" name="iban_format" value="standard" class="radio-solid border mr-xxs radio-unchecked-subtle">
<label for="iban-generator-option-format-standard">{{ l10n("option.human.format.standard", "iban-generator", user_lang) }}</label>
<br>
<input type="radio" id="iban-generator-option-format-4by4" name="iban_format" value="4by4" class="radio-solid border mr-xxs radio-unchecked-subtle">
<label for="iban-generator-option-format-4by4">{{ l10n("option.human.format.4by4", "iban-generator", user_lang) }}</label>
<hr class="subtle">
<button id="iban-generator-generate" class="p-xs r-s border b-light success">
{% if not is_standalone %}
<i class="fa-duotone fa-solid fa-gears mr-xs"></i>
{% endif %}
{{ l10n("action.generate", "commons", user_lang) }}
</button>
{% if not is_standalone %}
<button class="p-xs r-s border b-light primary rr-0 br-0">
<i class="fa-duotone fa-solid fa-download"></i>
</button>
{% else %}
<span class="t-w-500 ml-m mr-xxs">{{ l10n("format.download.as", "commons", user_lang) }} :</span>
{% endif %}
<button id="iban-generator-download-raw" class="p-xs r-s border b-light primary ml-0
{% if not is_standalone %}r-0{% else %}rr-0{% endif %} br-0">
{{ l10n("format.raw", "commons", user_lang) }}
</button>
<button id="iban-generator-download-json" class="p-xs r-s border b-light primary ml-0 r-0 br-0">
{{ l10n("format.json", "commons", user_lang) }}
</button>
<button id="iban-generator-download-yaml" class="p-xs r-s border b-light primary ml-0 rl-0">
{{ l10n("format.yaml", "commons", user_lang) }}
</button>
<hr class="subtle">
<label for="iban-generator-preview" class="d-none">{{ l10n("preview.label", "iban-generator", user_lang) }}:</label>
<textarea name="iban-generator-preview" id="iban-generator-preview" rows="16" class="w-full border r-s ta-resize-v"></textarea>
{% if is_standalone %}
<hr class="subtle">
<p class="t-muted">
{{ l10n("license.1", "iban-generator", user_lang) }}<br>
{{ l10n("license.2", "iban-generator", user_lang) }}
</p>
<p class="mt-xs t-muted">
{{ l10n("license.3", "iban-generator", user_lang) }}
</p>
{% endif %}