-
-
Notifications
You must be signed in to change notification settings - Fork 9.6k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Encapsulate password input field code
Signed-off-by: Ryan Wang <i@ryanc.cc>
- Loading branch information
Showing
3 changed files
with
40 additions
and
97 deletions.
There are no files selected for viewing
30 changes: 30 additions & 0 deletions
30
application/src/main/resources/templates/gateway_modules/input_fragments.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,30 @@ | ||
<div th:remove="tag" th:fragment="password(id,name,required,enableToggle)"> | ||
<div class="form-input" th:classappend="${enableToggle ? 'form-input-stack toggle-password-display-flag' : ''}"> | ||
<input | ||
th:id="${id}" | ||
th:name="${name}" | ||
type="password" | ||
autocomplete="off" | ||
spellcheck="false" | ||
autocorrect="off" | ||
autocapitalize="off" | ||
th:required="${required}" | ||
/> | ||
|
||
<div th:if="${enableToggle}" class="form-input-stack-icon toggle-password-button"> | ||
<svg class="password-hidden-icon" style="display: none" viewBox="0 0 24 24" width="1em" height="1em"> | ||
<path | ||
fill="currentColor" | ||
d="M12 3c5.392 0 9.878 3.88 10.819 9c-.94 5.12-5.427 9-10.819 9c-5.392 0-9.878-3.88-10.818-9C2.122 6.88 6.608 3 12 3Zm0 16a9.005 9.005 0 0 0 8.778-7a9.005 9.005 0 0 0-17.555 0A9.005 9.005 0 0 0 12 19Zm0-2.5a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9Zm0-2a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5Z" | ||
></path> | ||
</svg> | ||
|
||
<svg class="password-display-icon" viewBox="0 0 24 24" width="1em" height="1em"> | ||
<path | ||
fill="currentColor" | ||
d="M17.883 19.297A10.949 10.949 0 0 1 12 21c-5.392 0-9.878-3.88-10.818-9A10.982 10.982 0 0 1 4.52 5.935L1.394 2.808l1.414-1.414l19.799 19.798l-1.414 1.415l-3.31-3.31ZM5.936 7.35A8.965 8.965 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604L5.936 7.35Zm6.978 6.978l-3.242-3.241a2.5 2.5 0 0 0 3.241 3.241Zm7.893 2.265l-1.431-1.431A8.935 8.935 0 0 0 20.778 12A9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.947 10.947 0 0 1-2.012 4.593Zm-9.084-9.084a4.5 4.5 0 0 1 4.769 4.769l-4.77-4.77Z" | ||
></path> | ||
</svg> | ||
</div> | ||
</div> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters