feat: ajouter classes sémantiques pour la page d'ajout de liens avec page-add-link, page-add-actions, page-add-bulk-toggle, batch-add-card, batch-private-wrap/checkbox/label pour meilleur ciblage CSS et suppression des styles inline

This commit is contained in:
2026-02-18 15:52:33 -05:00
parent 65dde10291
commit 6b1f4b3e28
4 changed files with 295 additions and 1864 deletions
+7 -7
View File
@@ -4,7 +4,7 @@
{$pageName="addlink"}
{include="includes"}
</head>
<body onload="document.addform.post.focus();">
<body class="page-add-link" onload="document.addform.post.focus();">
{include="page.header"}
<div id="headerform" class="page-add container">
<div class="row">
@@ -26,11 +26,11 @@
</div>
<div class="col-md-6 col-md-offset-3">
<div style="text-align: right; margin-bottom: 1rem;">
<button type="button" class="btn btn-secondary button-batch-addform"><i class="mdi mdi-playlist-plus" aria-hidden="true"></i>&nbsp;{'BULK CREATION'|t}</button>
<div class="page-add-actions text-right">
<button type="button" class="btn btn-secondary button-batch-addform page-add-bulk-toggle"><i class="mdi mdi-playlist-plus" aria-hidden="true"></i>&nbsp;{'BULK CREATION'|t}</button>
</div>
<form class="card batch-addform hidden" method="POST" action="{$base_path}/admin/shaare-batch" name="batch-addform">
<form class="card batch-addform batch-add-card hidden" method="POST" action="{$base_path}/admin/shaare-batch" name="batch-addform">
<div class="card-header">{"Shaare multiple new links"|t}</div>
<div class="card-body">
<div class="form-group">
@@ -44,9 +44,9 @@
</div>
<input type="hidden" name="private" value="0">
<div class="form-group checkbox-wrapper">
<input type="checkbox" name="private" {if="$default_private_links"} checked="checked"{/if} id="lf_private" style="width: auto;"/>
<label for="lf_private" style="margin: 0;">{'Private'|t}</label>
<div class="form-group checkbox-wrapper batch-private-wrap">
<input type="checkbox" name="private" {if="$default_private_links"} checked="checked"{/if} id="lf_private" class="batch-private-checkbox" />
<label for="lf_private" class="batch-private-label">{'Private'|t}</label>
</div>
</div>