nicolo/arcoa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move login JS to Stimulus

Browse Source
This commit is contained in:
Nicolò P
2024-11-06 13:44:40 +01:00
parent 47bed0bacc
commit a67f5d3659
6 changed files with 59 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
templates/login/index.html.twig
View File

@@ -12,9 +12,10 @@
<div class="card" style="max-width: 40vw; margin: 0 auto;">
{% if error %}
<article class="message is-danger">
<div class="message-body">Wrong user name and/or password. Please retry</div>
</article>
<div class="notification is-danger is-light" data-controller="notification" data-notification-target="notif">
<button class="delete" data-action="click->notification#close"></button>
Wrong user name and/or password. Please retry
</div>
{% endif %}
<form class="card-content pl-5 pr-5 pt-6" action="{{ path('app_login') }}" id="login" method="post">
<div class="field">
@@ -26,25 +27,26 @@
<input class="input" name="_username" required type="text" placeholder="User name">
</p>
</div>
<div class="field mt-5">
<div class="field mt-5" data-controller="show-password">
<label class="label">Password</label>
<p class="control has-icons-right">
<input class="input" type="password" name="_password" required placeholder="Password" id="pass-field">
<span class="icon is-small is-right is-clickable" id="show-pw">
<i class="fa fa-eye-slash"></i>
<input class="input" type="password" name="_password" required placeholder="Password" id="pass-field"
data-show-password-target="pass" />
<span class="icon is-small is-right is-clickable" id="show-pw"
data-action="click->show-password#toggle">
<i class="fa fa-eye"></i>
</span>
</p>
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<div class="field mt-5">
<p class="control" id="submit">
<button class="button is-link is-fullwidth" type="submit">
<div class="field mt-5" data-controller="loading">
<p class="control" id="submit" data-loading-target="control">
<button class="button is-link is-fullwidth" type="submit" data-action="click->loading#setLoading">
Sign in
</button>
</p>
</div>
</form>
</div>
</div>
{% endblock %}