WCAG compliance
This commit is contained in:
parent
f9f9c7bd8c
commit
533c96649a
|
@ -8,57 +8,63 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="center page">
|
<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>
|
||||||
{{#if errors}}
|
|
||||||
<div id="errors">
|
{{#if errors}}
|
||||||
<span>Oups, il y a un problème :</span>
|
<div id="errors">
|
||||||
<ul>
|
<span>Oups, il y a un problème :</span>
|
||||||
{{#each errors}}
|
<ul>
|
||||||
<li>{{this.text}}</li>
|
{{#each errors}}
|
||||||
{{/each}}
|
<li>{{this.text}}</li>
|
||||||
</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>
|
|
||||||
{{/each}}
|
{{/each}}
|
||||||
</tbody>
|
</ul>
|
||||||
</table>
|
</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/>
|
<br/>
|
||||||
|
</main>
|
||||||
|
|
||||||
<input type="hidden" name="a" value="rm_ad" autocomplete="off"/>
|
<footer>
|
||||||
<fieldset>
|
<hr style="clear: both;"/>
|
||||||
<legend>Supprimer l'annonce sélectionnée</legend>
|
|
||||||
<input type="submit" value="Supprimer"/>
|
<p><a href="https://forum.duniter.org">Toutes les questions techniques ont leur place sur le forum.</a></p>
|
||||||
</fieldset>
|
|
||||||
</form>
|
<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/>
|
||||||
<br/>
|
CopyLeft 2020 Pascal Engélibert<br/>
|
||||||
|
Image de fond : Claudia Peters, FreeImages.com</p>
|
||||||
<hr style="clear: both;"/>
|
|
||||||
|
<p><a href="/">Accueil</a> – <a href="/admin/logout">Verrouiller</a></p>
|
||||||
<p><a href="https://forum.duniter.org">Toutes les questions techniques ont leur place sur le forum.</a></p>
|
</footer>
|
||||||
|
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -8,38 +8,44 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="center page">
|
<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>
|
<footer>
|
||||||
|
<hr style="clear: both;"/>
|
||||||
{{#if errors}}
|
|
||||||
<div id="errors">
|
<p><a href="https://forum.duniter.org">Toutes les questions techniques ont leur place sur le forum.</a></p>
|
||||||
<span>Oups, il y a un problème :</span>
|
|
||||||
<ul>
|
<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/>
|
||||||
{{#each errors}}
|
CopyLeft 2020 Pascal Engélibert<br/>
|
||||||
<li>{{this.text}}</li>
|
Image de fond : Claudia Peters, FreeImages.com</p>
|
||||||
{{/each}}
|
|
||||||
</ul>
|
<p><a href="/">Accueil</a></p>
|
||||||
</div>
|
</footer>
|
||||||
{{/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>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -8,85 +8,91 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="center page">
|
<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>
|
<main>
|
||||||
|
<h1>ĞMarché</h1>
|
||||||
{{#if errors}}
|
|
||||||
<div id="errors">
|
{{#if errors}}
|
||||||
<span>Oups, il y a un problème :</span>
|
<div id="errors">
|
||||||
<ul>
|
<span>Oups, il y a un problème :</span>
|
||||||
{{#each errors}}
|
<ul>
|
||||||
<li>{{this.text}}</li>
|
{{#each errors}}
|
||||||
{{/each}}
|
<li>{{this.text}}</li>
|
||||||
</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>
|
|
||||||
{{/each}}
|
{{/each}}
|
||||||
</tbody>
|
</ul>
|
||||||
</table>
|
</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/>
|
<br/>
|
||||||
|
|
||||||
<fieldset>
|
<img id="stand" alt="Marché" src="/static/standgm.png"/>
|
||||||
<legend>Supprimer l'annonce sélectionnée</legend>
|
|
||||||
<label for="f_rm_psw">Mot de passe :</label>
|
<form method="post">
|
||||||
<input type="password" id="f_rm_psw" name="psw"/><br/>
|
<input type="hidden" name="a" value="new_ad" autocomplete="off"/>
|
||||||
<button type="submit" name="a" value="rm_ad">Supprimer</button>
|
<fieldset>
|
||||||
</fieldset>
|
<legend>Nouvelle annonce</legend>
|
||||||
</form>
|
<label for="f_new_title">Titre :</label>
|
||||||
<br/>
|
<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"/>
|
<footer>
|
||||||
|
<hr style="clear: both;"/>
|
||||||
<form method="post">
|
|
||||||
<input type="hidden" name="a" value="new_ad" autocomplete="off"/>
|
<p><a href="https://forum.duniter.org">Toutes les questions techniques ont leur place sur le forum.</a></p>
|
||||||
<fieldset>
|
|
||||||
<legend>Nouvelle annonce</legend>
|
<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/>
|
||||||
<label for="f_new_title">Titre :</label>
|
CopyLeft 2020 Pascal Engélibert<br/>
|
||||||
<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/>
|
Image de fond : Claudia Peters, FreeImages.com</p>
|
||||||
<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/>
|
<p><a href="/admin">Administration</a></p>
|
||||||
<label for="f_new_price">Prix :</label>
|
</footer>
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue