danvics/rdt-client
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make for attributes correspond to input ids on labels in signup/login forms

Browse source
This commit is contained in:
Cucumberrbob 2025-06-07 17:54:20 +01:00
parent 6277a4ca5e
commit 3626f8cb97
No known key found for this signature in database
GPG key ID: 2B935C47401C3614
2 changed files with 40 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/src/app/login/login.component.html
View file

@ -7,13 +7,14 @@
<div class="box"> <div class="box">
<form (ngSubmit)="login()"> <form (ngSubmit)="login()">
<div class="field"> <div class="field">
<label for="" class="label">Username</label> <label for="userName" class="label">Username</label>
<div class="control has-icons-left"> <div class="control has-icons-left">
<input <input
type="text" type="text"
placeholder="" placeholder=""
class="input" class="input"
name="userName" name="userName"
id="userName"
(change)="setUserName($event)" (change)="setUserName($event)"
required required
/> />
@ -23,9 +24,16 @@
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<label for="" class="label" name="password">Password</label> <label for="password" class="label">Password</label>
<div class="control has-icons-left"> <div class="control has-icons-left">
<input type="password" class="input" required name="password" (change)="setPassword($event)" /> <input
type="password"
class="input"
required
name="password"
id="password"
(change)="setPassword($event)"
/>
<span class="icon is-small is-left"> <span class="icon is-small is-left">
<i class="fa fa-lock"></i> <i class="fa fa-lock"></i>
</span> </span>

35
client/src/app/setup/setup.component.html
View file

@ -11,18 +11,33 @@
</div> </div>
<form (ngSubmit)="setup()"> <form (ngSubmit)="setup()">
<div class="field"> <div class="field">
<label for="" class="label">Username</label> <label for="userName" class="label">Username</label>
<div class="control has-icons-left"> <div class="control has-icons-left">
<input type="text" placeholder="" class="input" name="userName" [(ngModel)]="userName" required /> <input
type="text"
placeholder=""
class="input"
name="userName"
id="userName"
[(ngModel)]="userName"
required
/>
<span class="icon is-small is-left"> <span class="icon is-small is-left">
<i class="fa fa-envelope"></i> <i class="fa fa-envelope"></i>
</span> </span>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<label for="" class="label" name="password">Password</label> <label for="password" class="label">Password</label>
<div class="control has-icons-left"> <div class="control has-icons-left">
<input type="password" class="input" required name="password" [(ngModel)]="password" /> <input
type="password"
class="input"
required
name="password"
id="password"
[(ngModel)]="password"
/>
<span class="icon is-small is-left"> <span class="icon is-small is-left">
<i class="fa fa-lock"></i> <i class="fa fa-lock"></i>
</span> </span>
@ -81,9 +96,17 @@
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<label for="" class="label">API Private Token</label> <label for="debrid-api-token" class="label">API Private Token</label>
<div class="control"> <div class="control">
<input type="text" placeholder="" class="input" name="token" [(ngModel)]="token" required /> <input
type="text"
placeholder=""
class="input"
name="token"
id="debrid-api-token"
[(ngModel)]="token"
required
/>
</div> </div>
@if (provider === 0) { @if (provider === 0) {
<p class="help"> <p class="help">