Footer Custom

Footer Custom Addon #

Dieses Addon ermöglicht eine flexiblere Anordnung der Komponenten im Footer. Es lassen sich beliebig Elemente konfigurieren, die im Footer auftauchen sollen, z.B: Koordinatenanzeige, Sprachauswahl, Attributionen, Logo. Zudem lassen sich die Addons Projektionsswitcher und ScaleLine (Maßstabsleiste- und auswahl) in den Footer integrieren.

Setup #

Fügen Sie das Addon der Masterportal Applikation im addons Ordner hinzu. Erstellen oder editieren Sie die addonsConf.js und fügen Sie folgenden Eintrag hinzu:

{
    "footerCustom": "view.js"
}

Zur Verwendung muss der default-Footer ausgeschaltet werden, durch löschen des “footer” Eintrags in der config.js.
Anschließend müssen alle Custom-Addons im Addon-Block der config.js definiert werden, die im FooterCustom dargestellt werden sollen.
Wichtig ist, dass das Addon FooterCustom selbst als letztes definiert wird, z.B.:

    addons: [
        "backgroundSwitcher",
        "coordinateTransform",
        "printLGB",
        "fontawesome",
        "mpJsApi",
        "detailedSearch",
        "mousePositionCustom",
        "languageSelectorCustom",
        "scaleLineCustom",
        "attributionsCustom",
        "projectionSwitcher",
        "footerCustom"
    ],

Abschließend kann das Addon im Portalconfig-Block der config.json konfiguriert werden:

"footerCustom": {
    "elements": [
        {
            "id": "language"
        },
        {
            "id": "projectionSwitcher",
            "options": {
                "allowedCrs": [
                    "EPSG:4326",
                    "EPSG:3857",
                    "EPSG:25833",
                    "EPSG:25832"
                ]
            }
        },
        {
            "id": "scaleLine",
            "hiddenOnSmallScreen": false
        },
        {
            "id": "mousePosition"
        },
        {
            "id": "attributions",
            "attributions": [
                {
                    "title": "Datenschutz",
                    "url": "https://www.brandenburg.de/"
                },
                {
                    "title": "AGNB",
                    "url": "https://www.brandenburg.de/"
                },
                {
                    "title": "Impressum",
                    "url": "https://www.brandenburg.de/"
                }
            ]
        },
        {
            "id": "logo",
            "img": "./ressources/img/logo-brb.png"
        }
    ]
}

Wichtig:
Die Reihenfolge der Elemente steuert auch die Positionierung, wobei das erste Element ganz links - und das letzte entsprechend ganz rechts erscheint.

Name Verpflichtend Typ Default Beschreibung Standard
elements ja Array [] Liste von Elementen (Objects), die im FooterCustom platiert werden sollen. Der Wert “id” muss mindestens enthalten sein, s.o. nein
hiddenOnSmallScreen nein String true Bestimmt ob das Element bei einem kleinen Bildschirm ausgeblendet werden soll. Je nach Elementbreite und Bildschirmgröße sollten maximal 1-2 Elemente eingeblendet werden. false