Commit 8e6ea9ee authored by kathrin.marquardt's avatar kathrin.marquardt
Browse files

With exhibition, embeddeduse - special table configuration

parent 8b307a13
### Zusammenfassung der Konfigurationsmöglichkeiten
Allgemeine / Hauptkonfigurationsdatei embed/js/**specialUses.geobro.conf.js**
* Konfiguration und Parametrisierung der Pfade
- nilOriginal -> Host / Server der Anwendung
- appNil -> Pfad der Anwendung
- pathOriginal -> Originalpfad komplett von dort aus zu Sprachen
* exhibitionFile Pfad zur Datendatei !!! *.csv
* Wechsel zwischen Anwendungsfällen
- Für Ausstellung / Kiosk: exhibition = true && forEmbeddedUse = false
- Für Einbindung in Portal: exhibition = false && forEmbeddedUse = true
- Sind beide auf false gesetzt wird die ursprüngliche Standardanwendung gestartet
* isTouch bleibt auf false. Wird beim Start vom System bestimmt und gesetzt.
* isBibliographie für die Darstellung in der Tabelle
- Konfiguration der gewünschten Spalten in favoredHeaders
- Auswahl der Spalten und Spaltennamen berührt nicht die ursprünglich erforderlichen Spaltennamen
* Zur Arbeit mit der Datafilter-Komponente
- datafilterApply kann auch in Standardanwendung true gesetzt werden. Bei false wird sie nicht angezeigt.
- datafilterParent erwartet die id des HTML-Objekts, in der die Komponente engebaut werden soll.
- datafilterPrevSiblingCount erwartet die Position - 0-basiert - an der die Kompoente eingebaut werden soll
- columnsToMap - Liste aller Spalten die über die DatafilterConfig.js gemappt werden sollen - Nutzerfreundliche Anzeige
- pntFieldName - Spaltenname nach dem bei den Placenametags gruppiert werden soll
+ Beispiel: Ein Werk wird in verschiedenen Ländern veröffentlicht - Abbildung auf einen Einheitssachtitel
- mappingNessecary - true -> muss über DatafilterConfig.js gemappt
+ false oder nicht vorhanden -> wird so genommen, wie es kommt
### Zusammenfassung Änderungen für Portalversion
* css-Klassen für alle Objekte erstellt und eingebunden
* Konsequente Anwendung von Font Awesome-Icons
* Erweiterung und Anpassung der TableWidget.js
- Export von Datasets aus ausgewählten / selected Datensätzen
- Nur solche Elemente aufbauen, die benötigt werden
- Umschalten von Aktiv/Inaktiv für Icons -> weg von den Images
* Anpassungen in Table.js
- Icons statt Images -> Änderungen in Einbindung und Aktiv-/Inaktiv-Schaltung
- Umziehen von style-Angaben auf css-Klassen
- Auswahl der Spalten und Überschriften je nach Anwendungsfall - .csv
+ Für Bibliografien bzw. konfigurierte Tabellen werden nur die für shortTable bestimmten Spalten genutzt
+ Für allgemeine Anwendungen werden immer noch alle Spalten genutzt
- Absicherung bei Schrottdaten
### Zusammenfassung Änderungen für Ausstellungsversion
* Hinzufügen der Komponente Datafilter im PLATIN (4 Dateien)
- Datafilter.js
- DatafilterConfig.js
- DatafilterGui.js
- DatafilterWidget.js
- css liegt noch in Objekten. Noch keine Klassen definiert -> toDo
* Hinzufügen einer zentralen Konfigurationsdatei, die nicht im webpack mit gebunden wird.
- embed/js/specialUses.geobro.conf.js
- Konfiguration für Ausstellungs- und Portalnutzung: exhibition, forEmbeddedUse
- Parameter deklarieren und initiieren
* Erweiterung der Datei js/dariah.geobro.js
- Einfügen der Objekte zum Datenfilter
- UI-Anpassungen für exibition und forEmbeddedUse Nutzung
-> Ein- und Ausblenden von Elementen, Positionieren von Elementen
* Erweiterung der index.html -> Überschriften, Links, ...
- Einführung von Mehrsprachigkeit.
- addEventListener -> Touchscreen-Events verarbeiten -> Abbilden auf passende Mouseevents.
* Erweiterung der PLATIN/js/Util/Tooltips.js für die (vollständige) Mehrsprachigkeit
- Oberflächenelemente im PLATIN (vollständig) auf Mehrsprachigkeit umgesetzt (GeoTemConfig.getString())
* Anpassung in der PLATIN/js/Map/MapGui.js
- Nur HTML-Elemente erzeugen, die auch gebraucht werden.
- Mehrsprachigkeit
- Copyright-Info's in Popups anzeigen. (Ausstellungsmodus ohne Zugriff auf Browserelemente)
* Erweiterung PLATIN/js/Map/MapWidget.js
- Instanziierung der PlacenameTags erfolgte bisher bei MouseOver. Das Event gibt es beim Touchscreen nicht.
-> Erzeugung in eigene Funktion ausgelagert builtPlacenameTag()
- Builtfunktion kann bei onClick im Fall des Touchscreen extra aufgerufen werden.
* zusätzliche Parameter in PLATIN/js/FuzzyTimeline/FuzzyTimelineConfig.js
-> Darstellung der x-Achse (Zeit), Einteilung und Stützstellenbestimmung
- Einbinden der Einstellungen in PLATIN/js/FuzzyTimeline/FuzzyTimelineDensity.js und PLATIN/js/FuzzyTimeline/FuzzyTimelineRangeBars.js
* Anpassung in PLATIN/js/FuzzyTimeline/FuzzyTimelineRangeSlider.js
- Nur HTML-Elemente erzeugen, die auch gebraucht werden
- Mehrsprachigkeit
* Erweiterung PLATIN/js/Dataloader/Dataloader.js
- Hinzufügen der Funktion exhibitionLoader ->
Lädt die in embed/js/specialUses.geobro.conf.js als exhibitionFile definierte Datei
* Anpassungen im css
Bugfix Version 4.0.8
====================
......
var nilOriginal = window.location.origin;
var appNil = '/geo-browser/dist/';
var pathOriginal = nilOriginal + appNil;
/*
* Configuration for exhibition und poster
*/
var exhibition = false;
var exhibitionFile = 'http://b-dev20211109.pk.de/geo-browser/data/etah2022.csv';
var exhibition = true;
//var exhibitionFile = 'http://b-dev20211109.pk.de/geo-browser/data/etah2022.csv';
/*
* File should taken inside of PLATIN - webpack configuration -> dist
*/
var exhibitionFile = pathOriginal + 'PLATIN/data/etah2022.csv';
var isTouch = false;
......@@ -10,7 +18,7 @@ var isTouch = false;
* Configuration for show it in your own website include your own headline, logo, data filter
* !!! Attention: If you want to use it in your website, parameter exhibition = false required !!!!
*/
var forEmbeddedUse = true;
var forEmbeddedUse = false;
/*
* Configuration for Datafilter and Datafilter-Elements position
......@@ -19,4 +27,21 @@ var datafilterApply = true;
var datafilterParent = 'ddbToolbar';
var datafilterPrevSiblingCount = 1;
var isBiographie = true; // Special information for display - table columns and layout
var isBibliographie = true; // Special information for display - table columns and layout
/**
* Configuration table columns - table div
*/
var favoredHeaders = new Array( "Titel","Anmerkungen","Personen","Erscheinungsort: Verlag","Erscheinungsjahr","Auflage", "iso2Sprache", "URL_WorldCat","Inhalt", "Verlag", "Address");
// Column values from datafilter options
var columnsToMap = new Array( "iso2Sprache");
/**
* Configuration Placenametags at map - Standard display 'name'
* pntFieldName - field in csv-file
* mappingNessecary - If field name used for datafilter and value != label, then true
*/
var pntFieldName = 'fshop';
var mappingNessecary = true;
/*
* Configuration for exhibition und poster
*/
export const exhibition = false;
export const exhibitionFile = 'http://b-dev20211109.pk.de/geo-browser/data/etah2022.csv';
export const isTouch = false;
/**
* Configuration for show it in your own website include your own headline, logo, data filter
* !!! Attention: If you want to use it in your website, parameter exhibition = false required !!!!
*/
export const forEmbeddedUse = false;
/*
* Configuration for Datafilter and Datafilter-Elements position
*/
export const datafilterApply = true;
export const datafilterParent = 'ddbToolbar';
export const datafilterPrevSiblingCount = 1;
\ No newline at end of file
......@@ -108,9 +108,18 @@
<!-- Überschrift =================================================== -->
<h1 id="logoLink">
<a href="https://de.dariah.eu/geobrowser">
<img src="./css/img/dariah-de_cmyk.svg" alt="DARIAH-DE Geo-Browser" style="height:77px;vertical-align:bottom;" />
</a> Geo-Browser</h1>
<div style="float: left;">
<a href="https://de.dariah.eu/geobrowser" target="_blank">
<img src="./css/img/dariah-de_cmyk.svg" alt="DARIAH-DE Geo-Browser" style="height:77px;vertical-align:bottom;" />
</a> Geo-Browser
</div>
<div style="float: right; position: relative; top: -10px;">
<a href="https://staatsbibliothek-berlin.de" target="_blank">
<img src="./css/img/SBB_Logo_sRGB.jpg" alt="SBB Logo" style="height:96px; vertical-align:bottom;" />
</a>
</div>
<div style="clear: both"></div>
</h1>
<h1 id="logoNoLink">
<div style="float: left;">
<img src="./css/img/dariah-de_cmyk.svg" alt="DARIAH-DE Geo-Browser" style="height:77px;vertical-align:bottom;" />
......@@ -124,8 +133,8 @@
<h1 id="exhibitionTitle" style="text-align: center;">
<span id="linguaTitle">E. T. A. Hoffmanns Werke in aller Welt</span>
<span style="float: right; font-size: 15px; margin-top: 5px;margin-right: 5px;">
<span name="lingua" class="langActive" onclick="window.location.replace('http://b-dev20211109.pk.de/geo-browser/dist/index.html?lingua=de');">DE</span>
<span name="lingua" class="langInactive" onclick="window.location.replace('http://b-dev20211109.pk.de/geo-browser/dist/index.html?lingua=en');">EN</span>
<span name="lingua" class="langActive" onclick="window.location.replace( pathOriginal + 'index.html?lingua=de');">DE</span>
<span name="lingua" class="langInactive" onclick="window.location.replace( pathOriginal + 'index.html?lingua=en');">EN</span>
</span>
</h1>
<div style="clear: both;"></div>
......
......@@ -107,8 +107,8 @@ $(document).ready(function() {
{
document.getElementById('top').hidden = true;
document.getElementById('dariah-status-message-area').hidden = true;
document.getElementById('logoLink').hidden = true;
document.getElementById('logoNoLink').hidden = false;
document.getElementById('logoLink').hidden = false;
document.getElementById('logoNoLink').hidden = true;
document.getElementById('exhibitionTitle').hidden = false;
document.getElementById('exhibitionTitle').style.marginBottom = '0px';
document.getElementById('fussLinks').hidden = false;
......@@ -126,6 +126,19 @@ $(document).ready(function() {
document.getElementById('geoTemCoContainers').getElementsByTagName('br')[0].hidden = true;
document.getElementsByClassName('dropdownSelection')[0].style.width = '220px';
document.getElementById('linguaTitle').innerHTML = GeoTemConfig.getString('linguaTitle');
var filterEle = document.getElementsByClassName('mapFilterBar');
var anzEle = filterEle.length;
for (var i = 0; i < anzEle; i++)
{
filterEle[i].hidden = true;
}
filterEle = document.getElementsByClassName('mapShapeSelection');
anzEle = filterEle.length;
for (var i = 0; i < anzEle; i++)
{
filterEle[i].hidden = true;
}
}
else {
document.getElementById('logoLink').hidden = false;
......
/*
* Configuration for exhibition und poster
*/
export const exhibition = false;
export const exhibitionFile = 'http://b-dev20211109.pk.de/geo-browser/data/etah2022.csv';
export const isTouch = false;
/**
* Configuration for show it in your own website include your own headline, logo, data filter
* !!! Attention: If you want to use it in your website, parameter exhibition = false required !!!!
*/
export const forEmbeddedUse = false;
/*
* Configuration for Datafilter and Datafilter-Elements position
*/
export const datafilterApply = true;
export const datafilterParent = 'ddbToolbar';
export const datafilterPrevSiblingCount = 1;
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment