@webshop/root - v1.0.0
    Preparing search index...

    Login formulier component.

    Toont een formulier waarmee een gebruiker kan inloggen met een e-mailadres en wachtwoord. Als de gebruiker al ingelogd is wordt hij automatisch doorgestuurd naar de homepage.

    Hierarchy

    • LitElement
      • LoginComponent
    Index

    Other

    • Returns LoginComponent

    _email: string = ""

    Het ingevulde e-mailadres

    _errorMessage: string = ""

    De foutmelding die getoond wordt bij een mislukte login

    _loginService: LoginService = ...
    _password: string = ""

    Het ingevulde wachtwoord

    _sessionService: SessionService = ...
    _showPassword: boolean = false

    Of het wachtwoord zichtbaar is of niet

    • Verwerkt het inlogverzoek wanneer de gebruiker op de knop klikt.

      Stuurt het e-mailadres en wachtwoord naar de LoginService. Bij succes wordt de gebruiker doorgestuurd naar de homepage. Bij een fout wordt een foutmelding getoond.

      Returns Promise<void>

    • Wordt aangeroepen wanneer het component op de pagina verschijnt.

      Controleert of de gebruiker al ingelogd is via een sessie. Als dat zo is, wordt de gebruiker doorgestuurd naar de homepage.

      Returns Promise<void>

    • Tekent het login formulier.

      Returns TemplateResult

      De HTML template van het formulier

    styles

    styles: CSSResult[] = ...

    Array of styles to apply to the element. The styles should be defined using the css tag function, via constructible stylesheets, or imported from native CSS module scripts.

    Note on Content Security Policy:

    Element styles are implemented with <style> tags when the browser doesn't support adopted StyleSheets. To use such <style> tags with the style-src CSP directive, the style-src value must either include 'unsafe-inline' or nonce-<base64-value> with <base64-value> replaced be a server-generated nonce.

    To provide a nonce to use on generated <style> elements, set window.litNonce to a server-generated nonce in your page's HTML, before loading application code:

    <script>
    // Generated and unique per request:
    window.litNonce = 'a1b2c3d4';
    </script>