Format
J'ai formater le code avec prettier
Startinblox ayant tendance a produire des éléments avec de très nombreux attributs, je suggère de les formater sur plusieurs lignes (prettier fait ça très bien).
J'ai également formater les fichier .js
et le .scss
par exemple ce code :
<div class="content-modale">
<p>Montant total des cotisations sélectionnées</p>
<div><span class="total-contributions"></span><span>€</span></div>
<p>Détail des cotisations en ventilation</p>
<div class="details-contributions"></div>
<solid-form id="form-ventilation" fields="ventilationpercent, totalventilation, ventilationto, ventilationdate, factureventilation" label-ventilationpercent="Pourcentage de ventilation *" widget-ventilationpercent="solid-form-label-number" widget-totalventilation="totalventilation-widget" label-ventilationto="Bénéficiaire *" widget-ventilationto="solid-form-dropdown-label" range-ventilationto="{{serv}}/regionalnetworks/" label-ventilationdate="Date de paiement *" widget-ventilationdate="solid-form-date-label" label-factureventilation="Numéro de facture *" widget-factureventilation="solid-form-label-text" require-ventilationpercent require-ventilationto require-ventilationdate require-factureventilation></solid-form>
<button class="prune-button" id="confirm-contributions-ventilation-ok" data-src="{{serv}}/contributions/ventilation/">Ventiler ces cotisations</button>
</div>
devient :
<div class="content-modale">
<p>Montant total des cotisations sélectionnées</p>
<div><span class="total-contributions"></span><span>€</span></div>
<p>Détail des cotisations en ventilation</p>
<div class="details-contributions"></div>
<solid-form
id="form-ventilation"
fields="ventilationpercent, totalventilation, ventilationto, ventilationdate, factureventilation"
label-ventilationpercent="Pourcentage de ventilation *"
widget-ventilationpercent="solid-form-label-number"
widget-totalventilation="totalventilation-widget"
label-ventilationto="Bénéficiaire *"
widget-ventilationto="solid-form-dropdown-label"
range-ventilationto="{{serv}}/regionalnetworks/"
label-ventilationdate="Date de paiement *"
widget-ventilationdate="solid-form-date-label"
label-factureventilation="Numéro de facture *"
widget-factureventilation="solid-form-label-text"
require-ventilationpercent
require-ventilationto
require-ventilationdate
require-factureventilation
></solid-form>
<button
class="prune-button"
id="confirm-contributions-ventilation-ok"
data-src="{{serv}}/contributions/ventilation/"
>
Ventiler ces cotisations
</button>
</div>