Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

Der Styleguide bringt eine Reihe von Basisjavascripten mit, welche die Verteilung der Inhalte auf die einzelnen Seiten übernehmen.

print-document.js

Dient als Haupteinstiegspunkt für das Javascript und übernimmt das Erstellen der Seiten und das Platzieren von Countern. Dieses Javascript kann nicht ausgetauscht werden.

print-element.js

Repräsentiert ein platzierbares Element und wird als Standardskript genutzt, falls ein Element kein eigenes Skript nutzt. Ein Element kann ein solches Skript mithilfe des HTML-Attributes data-print-module definieren. Diese Skripte müssen von der Hauptklasse PrintElement ableitenHierbeit gibt es ein übergeordnetes Steuerungsskript aber auch einzelne Aufgabenskripte welche verschiedene Aufgaben für den Aufbau der Einzelseiten ausführen. Diese Basisskripte können nur durch eine Überschreibung über einen eigenen Styleguide ausgetauscht werden. Zudem gibt es die Elementskripte welche die Aufteilung und Platzierung von Styleguidekomponenten übernehmen. Diese Skripte leiten alle von der Basisklasse PrintElement ab und sind für jeweils eine Styleguidekomponente verantwortlich. Ein solches Elementskripte kann pro Styleguidekomponente über das Attribut data-print-module definiert werden.

Codeblock
languagejs
themeRDark
'use strict'

// noinspection
JSFileReferences
import PrintElement from "'./print-element.js";'
import exportPrintResult default class PrintCustom extends PrintElement {

  async process(page, previous) {

    // Prüfmethode für "break-before" und "vacant-before"
    if (false === await this._preflight(page, previous)) {
      return false
    }

    // Platziermethode welche immer wieder aufgerufen wird. Sie muss entweder true oder false zurückgeben
    //   - false bedeutet "nicht fertig", das Element wurde gar nicht oder nicht abschließend platziert
    //   - true bedeutet "fertig", das Element wurde platziert und es kann mit dem nächsten forgefahren werden
    
    return true
  }

}from './print-result.js'

Puppeteer per Kommandozeile

...