Versionen im Vergleich

Version Alte Version 8 Neue Version 9
Änderungen wurden vorgenommen von

Daniel Gilgen

Daniel Gilgen

Gespeichert am

Schlüssel

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

Für über den Standard hinausgehende Anpassungen stehen folgende CSS Klassen und Java-Script Events zur Verfügung:

...

NameBeispielBeschreibungAnmerkung
pscpAssetViewChange
window.addEventListener('pscpAssetViewChange', e => console.log(e.detail));

Wird aufgerufen, wenn der Benutzer durch eine Galerie oder Lightbox blättert.

In der detail-Property des Events können mithilfe der Eigenschaften assetIdx und assetId die aktuelle Position sowie der Assetname ausgelesen werden.
pscpRessourceChangewindow.addEventListener('pscpRessourceChange', e => console.log(e.detail));Wird beim Initialen Aufruf und nach jedem Resourcenwechsel aufgerufen

detail: 

Codeblock
languagejs
type PscpResourceChangeEventData = {
    type: string
    id: string,
    url: string,
}






JavaScript Funktionen

NameBeispielBeschreibungAnmerkung
PSCP.navigateByUrl(destination: string
destination
)
PSCP.navigateByUrl('/epaper');

<a onclick="PSCP.navigateByUrl('/ressort/Sport');" href="/ressort/sport">Sport</a>

Wechselt innerhalb der SPA die angezeigte Ressource.

Diese Methode der Navigation ist dem Nutzen von normalen Links vorzuziehen, da diese deutlich performanter abläuft.

Wie im zweiten Beispiel gezeigt, kann beides kombiniert werden, falls JavaScript im Browser deaktiviert ist.

PSPC.executeAction(action: string)PSPC.executeAction('HISTORY_BACK')führt eine Aktion ausAnalog zu den Aktionen bei Navigationseinträgen
  • HISTORY_BACK
  • OPEN_SEARCH_LINE
  • TOGGLE_SEARCH_LINE
  • COOKIE_DIALOG


PSPC.isLoggedIn(): boolean
gibt den LoginStatus zurück
PSPC.getUser(): User | undefined
gibt den Nutzer oder undefined zurück