src/app/pages/password/password.component.ts
| selector | framadate-password |
| styleUrls | ./password.component.scss |
| templateUrl | ./password.component.html |
Properties |
Methods |
constructor(config: ConfigService)
|
||||||
|
Parameters :
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
| checkValidity |
checkValidity()
|
|
Inherited from
BaseComponent
|
|
Defined in
BaseComponent:21
|
|
Returns :
boolean
|
| displayErrorMessage |
displayErrorMessage()
|
|
Inherited from
BaseComponent
|
|
Defined in
BaseComponent:27
|
|
Returns :
boolean
|
| ngOnInit |
ngOnInit()
|
|
Inherited from
BaseComponent
|
|
Defined in
BaseComponent:17
|
|
Returns :
void
|
| Public config |
Type : ConfigService
|
| Public config |
Type : ConfigService
|
|
Inherited from
BaseComponent
|
|
Defined in
BaseComponent:14
|
import { Component, OnInit } from '@angular/core';
import {BaseComponent} from "../base-page/base.component";
import {ConfigService} from "../../services/config.service";
@Component({
selector: 'framadate-password',
templateUrl: './password.component.html',
styleUrls: ['./password.component.scss']
})
export class PasswordComponent extends BaseComponent implements OnInit {
constructor(public config: ConfigService) {
super(config);
}
ngOnInit() {
}
}
<h1 class="margin-btm-x3">Nom du sondage</h1>
<p class="margin-btm-x6">Ce sondage est protégé par un mot de passe</p>
<form>
<label for="password">Mot de passe :</label>
<section class="row">
<input class="margin-btm-x5" type="password" name="password">
<input type="submit" name="view" value="Voir" class="btn btn--small btn--purple">
</section>
<input type="submit" name="go" value="Accéder au sondage" class="btn btn--primary btn--full btn--semi-bold">
</form>
./password.component.scss
form{
display:flex;
flex-direction: column;
}
label{
font-weight: 600;
font-size: 18px;
}
h1{
display:flex;
align-self: center;
}