Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
DARIAH-DE
Geo-Browser
Commits
8e6ea9ee
Commit
8e6ea9ee
authored
May 12, 2022
by
kathrin.marquardt
Browse files
With exhibition, embeddeduse - special table configuration
parent
8b307a13
Changes
6
Hide whitespace changes
Inline
Side-by-side
CHANGELOG.md
View file @
8e6ea9ee
### 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
====================
...
...
embed/js/specialUses.geobro.conf.js
View file @
8e6ea9ee
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
=
tru
e
;
var
forEmbeddedUse
=
fals
e
;
/*
* 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
;
embed/specialUses.geobro.conf.js
deleted
100644 → 0
View file @
8b307a13
/*
* 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
index.html
View file @
8e6ea9ee
...
...
@@ -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>
...
...
js/dariah.geobro.js
View file @
8e6ea9ee
...
...
@@ -107,8 +107,8 @@ $(document).ready(function() {
{
document
.
getElementById
(
'
top
'
).
hidden
=
true
;
document
.
getElementById
(
'
dariah-status-message-area
'
).
hidden
=
true
;
document
.
getElementById
(
'
logoLink
'
).
hidden
=
tru
e
;
document
.
getElementById
(
'
logoNoLink
'
).
hidden
=
fals
e
;
document
.
getElementById
(
'
logoLink
'
).
hidden
=
fals
e
;
document
.
getElementById
(
'
logoNoLink
'
).
hidden
=
tru
e
;
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
;
...
...
js/specialUses.geobro.conf.js
deleted
100644 → 0
View file @
8b307a13
/*
* 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
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment