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

    Bibliotheek component dat de gekochte games van de ingelogde gebruiker toont.

    Haalt bij het laden alle gekochte games op via de ProductService en toont deze als kaartjes met een speelknop.

    Hierarchy

    • LitElement
      • LibraryComponent
    Index

    Other

    • Returns LibraryComponent

    _games: Product[] = []

    De lijst van gekochte games van de gebruiker

    _loading: boolean = true

    Of de games nog geladen worden

    _productService: ProductService = ...
    • Stuurt de gebruiker door naar de spelpagina van het opgegeven spel.

      Parameters

      • game: Product

        Het product dat gespeeld moet worden

      Returns void

    • Wordt aangeroepen wanneer het component op de pagina verschijnt.

      Haalt alle gekochte games op via de ProductService en slaat deze op in _games. Zet _loading op false wanneer klaar.

      Returns Promise<void>

    • Tekent het bibliotheek overzicht.

      Toont een laadmelding tijdens het ophalen, een lege melding als er geen games zijn, of een grid van game kaartjes.

      Returns TemplateResult

      De HTML template van de bibliotheek

    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>