WCAG compliance
This commit is contained in:
parent
f9f9c7bd8c
commit
533c96649a
|
@ -8,57 +8,63 @@
|
|||
</head>
|
||||
<body>
|
||||
<div class="center page">
|
||||
<a href="/"><img id="banner" alt="ĞMarché" src="/static/banner.jpg"/></a>
|
||||
<header>
|
||||
<a href="/"><img id="banner" alt="Bannière ĞMarché" src="/static/banner.jpg"/></a>
|
||||
</header>
|
||||
|
||||
<h1>Administration – ĞMarché</h1>
|
||||
|
||||
{{#if errors}}
|
||||
<div id="errors">
|
||||
<span>Oups, il y a un problème :</span>
|
||||
<ul>
|
||||
{{#each errors}}
|
||||
<li>{{this.text}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<form method="post">
|
||||
<table id="ads">
|
||||
<thead>
|
||||
<tr><td></td><th>Annonce</th><th>Quantité</th><th>Prix</th><th>Vendeur</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{#each ads}}
|
||||
<tr>
|
||||
<td><input type="radio" name="ad" value="{{this.id}}" required/></td>
|
||||
<td>{{this.ad.title}}</td>
|
||||
<td>{{this.ad.quantity}}</td>
|
||||
<td>{{this.ad.price}}</td>
|
||||
<td>{{#if this.ad.pubkey}}<details><summary>{{this.ad.author}}</summary><br/>{{this.ad.pubkey}}</details>{{else}}{{this.ad.author}}{{/if}}</td>
|
||||
</tr>
|
||||
<main>
|
||||
<h1>Administration – ĞMarché</h1>
|
||||
|
||||
{{#if errors}}
|
||||
<div id="errors">
|
||||
<span>Oups, il y a un problème :</span>
|
||||
<ul>
|
||||
{{#each errors}}
|
||||
<li>{{this.text}}</li>
|
||||
{{/each}}
|
||||
</tbody>
|
||||
</table>
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<form method="post">
|
||||
<table id="ads">
|
||||
<thead>
|
||||
<tr><td></td><th>Annonce</th><th>Quantité</th><th>Prix</th><th>Vendeur</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{#each ads}}
|
||||
<tr>
|
||||
<td><input type="radio" name="ad" value="{{this.id}}" aria-label="Sélectionner l'annonce" required/></td>
|
||||
<td>{{this.ad.title}}</td>
|
||||
<td>{{this.ad.quantity}}</td>
|
||||
<td>{{this.ad.price}}</td>
|
||||
<td>{{#if this.ad.pubkey}}<details><summary>{{this.ad.author}}</summary><br/>{{this.ad.pubkey}}</details>{{else}}{{this.ad.author}}{{/if}}</td>
|
||||
</tr>
|
||||
{{/each}}
|
||||
</tbody>
|
||||
</table>
|
||||
<br/>
|
||||
|
||||
<input type="hidden" name="a" value="rm_ad" autocomplete="off"/>
|
||||
<fieldset>
|
||||
<legend>Supprimer l'annonce sélectionnée</legend>
|
||||
<input type="submit" value="Supprimer"/>
|
||||
</fieldset>
|
||||
</form>
|
||||
<br/>
|
||||
</main>
|
||||
|
||||
<input type="hidden" name="a" value="rm_ad" autocomplete="off"/>
|
||||
<fieldset>
|
||||
<legend>Supprimer l'annonce sélectionnée</legend>
|
||||
<input type="submit" value="Supprimer"/>
|
||||
</fieldset>
|
||||
</form>
|
||||
<br/>
|
||||
|
||||
<hr style="clear: both;"/>
|
||||
|
||||
<p><a href="https://forum.duniter.org">Toutes les questions techniques ont leur place sur le forum.</a></p>
|
||||
|
||||
<p><a href="https://git.p2p.legal/tuxmain/gmarche-rs">Code source</a> sous licence <a href="https://www.gnu.org/licenses/licenses.html#AGPL">GNU AGPL v3</a>. 🦀 Écrit en <a href="https://www.rust-lang.org">Rust</a>. Images de Attilax.<br/>
|
||||
CopyLeft 2020 Pascal Engélibert<br/>
|
||||
Image de fond : Claudia Peters, FreeImages.com</a></p>
|
||||
|
||||
<p><a href="/">Accueil</a> – <a href="/admin/logout">Verrouiller</a></p>
|
||||
<footer>
|
||||
<hr style="clear: both;"/>
|
||||
|
||||
<p><a href="https://forum.duniter.org">Toutes les questions techniques ont leur place sur le forum.</a></p>
|
||||
|
||||
<p><a href="https://git.p2p.legal/tuxmain/gmarche-rs">Code source</a> sous licence <a href="https://www.gnu.org/licenses/licenses.html#AGPL">GNU AGPL v3</a>. 🦀 Écrit en <a href="https://www.rust-lang.org">Rust</a>. Images de Attilax.<br/>
|
||||
CopyLeft 2020 Pascal Engélibert<br/>
|
||||
Image de fond : Claudia Peters, FreeImages.com</p>
|
||||
|
||||
<p><a href="/">Accueil</a> – <a href="/admin/logout">Verrouiller</a></p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -8,38 +8,44 @@
|
|||
</head>
|
||||
<body>
|
||||
<div class="center page">
|
||||
<a href="/"><img id="banner" alt="ĞMarché" src="/static/banner.jpg"/></a>
|
||||
<header>
|
||||
<a href="/"><img id="banner" alt="Bannière ĞMarché" src="/static/banner.jpg"/></a>
|
||||
</header>
|
||||
|
||||
<h1>Administration – ĞMarché</h1>
|
||||
<main>
|
||||
<h1>Administration – ĞMarché</h1>
|
||||
|
||||
<h2>Authentification</h2>
|
||||
|
||||
{{#if errors}}
|
||||
<div id="errors">
|
||||
<span>Oups, il y a un problème :</span>
|
||||
<ul>
|
||||
{{#each errors}}
|
||||
<li>{{this.text}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<form action="/admin/login" method="post">
|
||||
<label for="f_psw">Mot de passe :</label>
|
||||
<input type="password" id="f_psw" name="psw"/>
|
||||
<input type="submit" value="S'authentifier"/>
|
||||
</form>
|
||||
</main>
|
||||
|
||||
<h2>Authentification</h2>
|
||||
|
||||
{{#if errors}}
|
||||
<div id="errors">
|
||||
<span>Oups, il y a un problème :</span>
|
||||
<ul>
|
||||
{{#each errors}}
|
||||
<li>{{this.text}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<form action="/admin/login" method="post">
|
||||
<label for="f_psw">Mot de passe :</label>
|
||||
<input type="password" id="f_psw" name="psw"/>
|
||||
<input type="submit" value="S'authentifier"/>
|
||||
</form>
|
||||
|
||||
<hr style="clear: both;"/>
|
||||
|
||||
<p><a href="https://forum.duniter.org">Toutes les questions techniques ont leur place sur le forum.</a></p>
|
||||
|
||||
<p><a href="https://git.p2p.legal/tuxmain/gmarche-rs">Code source</a> sous licence <a href="https://www.gnu.org/licenses/licenses.html#AGPL">GNU AGPL v3</a>. 🦀 Écrit en <a href="https://www.rust-lang.org">Rust</a>. Images de Attilax.<br/>
|
||||
CopyLeft 2020 Pascal Engélibert<br/>
|
||||
Image de fond : Claudia Peters, FreeImages.com</a></p>
|
||||
|
||||
<p><a href="/">Accueil</a></p>
|
||||
<footer>
|
||||
<hr style="clear: both;"/>
|
||||
|
||||
<p><a href="https://forum.duniter.org">Toutes les questions techniques ont leur place sur le forum.</a></p>
|
||||
|
||||
<p><a href="https://git.p2p.legal/tuxmain/gmarche-rs">Code source</a> sous licence <a href="https://www.gnu.org/licenses/licenses.html#AGPL">GNU AGPL v3</a>. 🦀 Écrit en <a href="https://www.rust-lang.org">Rust</a>. Images de Attilax.<br/>
|
||||
CopyLeft 2020 Pascal Engélibert<br/>
|
||||
Image de fond : Claudia Peters, FreeImages.com</p>
|
||||
|
||||
<p><a href="/">Accueil</a></p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -8,85 +8,91 @@
|
|||
</head>
|
||||
<body>
|
||||
<div class="center page">
|
||||
<a href="/"><img id="banner" alt="ĞMarché" src="/static/banner.jpg"/></a>
|
||||
<header>
|
||||
<a href="/"><img id="banner" alt="Bannière ĞMarché" src="/static/banner.jpg"/></a>
|
||||
</header>
|
||||
|
||||
<h1>ĞMarché</h1>
|
||||
|
||||
{{#if errors}}
|
||||
<div id="errors">
|
||||
<span>Oups, il y a un problème :</span>
|
||||
<ul>
|
||||
{{#each errors}}
|
||||
<li>{{this.text}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<p>Ceci est une démo du nouveau site ĞMarché en développement. C'est très moche et il n'y a pas tellement de fonctionnalités mais ça avance. ;)</p>
|
||||
|
||||
<p>⚠ <strong>Merci de ne pas encore utiliser ce site pour de vrais événements !</strong></p>
|
||||
|
||||
<form method="post">
|
||||
<table id="ads">
|
||||
<thead>
|
||||
<tr><td></td><th>Annonce</th><th>Quantité</th><th>Prix</th><th>Vendeur</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{#each ads}}
|
||||
<tr>
|
||||
<td><input type="radio" name="ad" value="{{this.id}}" required/></td>
|
||||
<td>{{this.ad.title}}</td>
|
||||
<td>{{this.ad.quantity}}</td>
|
||||
<td>{{this.ad.price}}</td>
|
||||
<td>{{#if this.ad.pubkey}}<details><summary>{{this.ad.author}}</summary><br/>{{this.ad.pubkey}}</details>{{else}}{{this.ad.author}}{{/if}}</td>
|
||||
</tr>
|
||||
<main>
|
||||
<h1>ĞMarché</h1>
|
||||
|
||||
{{#if errors}}
|
||||
<div id="errors">
|
||||
<span>Oups, il y a un problème :</span>
|
||||
<ul>
|
||||
{{#each errors}}
|
||||
<li>{{this.text}}</li>
|
||||
{{/each}}
|
||||
</tbody>
|
||||
</table>
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<p>Ceci est une démo du nouveau site ĞMarché en développement. C'est très moche et il n'y a pas tellement de fonctionnalités mais ça avance. ;)</p>
|
||||
|
||||
<p>⚠ <strong>Merci de ne pas encore utiliser ce site pour de vrais événements !</strong></p>
|
||||
|
||||
<form method="post">
|
||||
<table id="ads">
|
||||
<thead>
|
||||
<tr><td></td><th>Annonce</th><th>Quantité</th><th>Prix</th><th>Vendeur</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{#each ads}}
|
||||
<tr>
|
||||
<td><input type="radio" name="ad" value="{{this.id}}" aria-label="Sélectionner l'annonce" required/></td>
|
||||
<td>{{this.ad.title}}</td>
|
||||
<td>{{this.ad.quantity}}</td>
|
||||
<td>{{this.ad.price}}</td>
|
||||
<td>{{#if this.ad.pubkey}}<details><summary>{{this.ad.author}}</summary><br/>{{this.ad.pubkey}}</details>{{else}}{{this.ad.author}}{{/if}}</td>
|
||||
</tr>
|
||||
{{/each}}
|
||||
</tbody>
|
||||
</table>
|
||||
<br/>
|
||||
|
||||
<fieldset>
|
||||
<legend>Supprimer l'annonce sélectionnée</legend>
|
||||
<label for="f_rm_psw">Mot de passe :</label>
|
||||
<input type="password" id="f_rm_psw" name="psw"/><br/>
|
||||
<button type="submit" name="a" value="rm_ad">Supprimer</button>
|
||||
</fieldset>
|
||||
</form>
|
||||
<br/>
|
||||
|
||||
<fieldset>
|
||||
<legend>Supprimer l'annonce sélectionnée</legend>
|
||||
<label for="f_rm_psw">Mot de passe :</label>
|
||||
<input type="password" id="f_rm_psw" name="psw"/><br/>
|
||||
<button type="submit" name="a" value="rm_ad">Supprimer</button>
|
||||
</fieldset>
|
||||
</form>
|
||||
<br/>
|
||||
<img id="stand" alt="Marché" src="/static/standgm.png"/>
|
||||
|
||||
<form method="post">
|
||||
<input type="hidden" name="a" value="new_ad" autocomplete="off"/>
|
||||
<fieldset>
|
||||
<legend>Nouvelle annonce</legend>
|
||||
<label for="f_new_title">Titre :</label>
|
||||
<input type="text" id="f_new_title" name="title" placeholder="Carottes"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.title}}"{{/if}} required/><br/>
|
||||
<label for="f_new_quantity">Quantité :</label>
|
||||
<input type="text" id="f_new_quantity" name="quantity" placeholder="10 kg"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.quantity}}"{{/if}} required/><br/>
|
||||
<label for="f_new_price">Prix :</label>
|
||||
<input type="text" id="f_new_price" name="price" placeholder="42 DU/kg"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.price}}"{{/if}} required/><br/>
|
||||
<label for="f_new_author">Votre nom :</label>
|
||||
<input type="text" id="f_new_author" name="author" placeholder="Toto"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.author}}"{{/if}} required/><br/>
|
||||
<label for="f_new_pubkey">Clé publique :</label>
|
||||
<input type="text" id="f_new_pubkey" name="pubkey"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.pubkey}}"{{/if}}/><br/>
|
||||
<label for="f_new_psw">Mot de passe :</label>
|
||||
<input type="text" id="f_new_psw" name="psw"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.psw}}"{{/if}}/><br/>
|
||||
<span>Le mot de passe sera demandé pour modifier ou supprimer l'annonce.</span><br/>
|
||||
<input type="submit" value="Publier"/>
|
||||
</fieldset>
|
||||
</form>
|
||||
</main>
|
||||
|
||||
<img id="stand" alt="Marché" src="/static/standgm.png"/>
|
||||
|
||||
<form method="post">
|
||||
<input type="hidden" name="a" value="new_ad" autocomplete="off"/>
|
||||
<fieldset>
|
||||
<legend>Nouvelle annonce</legend>
|
||||
<label for="f_new_title">Titre :</label>
|
||||
<input type="text" id="f_new_title" name="title" placeholder="Carottes"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.title}}"{{/if}} required/><br/>
|
||||
<label for="f_new_quantity">Quantité :</label>
|
||||
<input type="text" id="f_new_quantity" name="quantity" placeholder="10 kg"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.quantity}}"{{/if}} required/><br/>
|
||||
<label for="f_new_price">Prix :</label>
|
||||
<input type="text" id="f_new_price" name="price" placeholder="42 DU/kg"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.price}}"{{/if}} required/><br/>
|
||||
<label for="f_new_author">Votre nom :</label>
|
||||
<input type="text" id="f_new_author" name="author" placeholder="Toto"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.author}}"{{/if}} required/><br/>
|
||||
<label for="f_new_pubkey">Clé publique :</label>
|
||||
<input type="text" id="f_new_pubkey" name="pubkey"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.pubkey}}"{{/if}}/><br/>
|
||||
<label for="f_new_psw">Mot de passe :</label>
|
||||
<input type="text" id="f_new_psw" name="psw"{{#if new_ad_form_refill}} value="{{new_ad_form_refill.psw}}"{{/if}}/><br/>
|
||||
<span>Le mot de passe sera demandé pour modifier ou supprimer l'annonce.</span><br/>
|
||||
<input type="submit" value="Publier"/>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
<hr style="clear: both;"/>
|
||||
|
||||
<p><a href="https://forum.duniter.org">Toutes les questions techniques ont leur place sur le forum.</a></p>
|
||||
|
||||
<p><a href="https://git.p2p.legal/tuxmain/gmarche-rs">Code source</a> sous licence <a href="https://www.gnu.org/licenses/licenses.html#AGPL">GNU AGPL v3</a>. 🦀 Écrit en <a href="https://www.rust-lang.org">Rust</a>. Images de Attilax.<br/>
|
||||
CopyLeft 2020 Pascal Engélibert<br/>
|
||||
Image de fond : Claudia Peters, FreeImages.com</a></p>
|
||||
|
||||
<p><a href="/admin">Administration</a></p>
|
||||
<footer>
|
||||
<hr style="clear: both;"/>
|
||||
|
||||
<p><a href="https://forum.duniter.org">Toutes les questions techniques ont leur place sur le forum.</a></p>
|
||||
|
||||
<p><a href="https://git.p2p.legal/tuxmain/gmarche-rs">Code source</a> sous licence <a href="https://www.gnu.org/licenses/licenses.html#AGPL">GNU AGPL v3</a>. 🦀 Écrit en <a href="https://www.rust-lang.org">Rust</a>. Images de Attilax.<br/>
|
||||
CopyLeft 2020 Pascal Engélibert<br/>
|
||||
Image de fond : Claudia Peters, FreeImages.com</p>
|
||||
|
||||
<p><a href="/admin">Administration</a></p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in New Issue