first add markers for custom field

astridx · May 31, 2019 · ae0b675 · ae0b675
1 parent ea0709e
commit ae0b675
Show file tree

Hide file tree

Showing 13 changed files with 2,828 additions and 57 deletions.
diff --git a/src/language/de-DE/de-DE.mod_agosm.ini b/src/language/de-DE/de-DE.mod_agosm.ini
@@ -170,4 +170,9 @@ MOD_AGOSM_FONTAWESOME_SPIN_LABEL="Drehen"
 ; Zeige Component-Pins
 MOD_AGOSM_H_PINCOM="Pins von Komponente anzeigen"
 MOD_AGOSM_CONFIG_CONTROL_SHOWCOMPONENTPIN_DESC="Möchten Sie einen speziellen Pin aus der Komponente com_agosms anzeigen?"
-MOD_AGOSM_CONFIG_CONTROL_SHOWCOMPONENTPIN_LABEL="Pin von der Komponente com_agosms anzeigen"
+MOD_AGOSM_CONFIG_CONTROL_SHOWCOMPONENTPIN_LABEL="Pin von der Komponente com_agosms anzeigen"
+; Zeige CustomField-Pins
+MOD_AGOSM_H_PINCF="Pins zu Artikel anzeigen"
+MOD_AGOSM_CONFIG_CONTROL_SHOWCUSTOMFIELDPIN_DESC="Möchten Sie einen Pin zu einem Artikel anzeigen?"
+MOD_AGOSM_CONFIG_CONTROL_SHOWCUSTOMFIELDPIN_LABEL="Pin zu Artikel anzeigen"
+MOD_AGOSM_H_PINCF_FIELDSETDESCRIPTION="Möchten Sie einen Marker auf einer Karte anzeigen, die einen Link zu einem Beitrag enthält? Erstellen Sie dann bitte ein Benutzerdefiniertes Feld vom Typ Text mit dem Titel „lat, lon“. Achten Sie darauf, dass Sie den Titel genauso schrieben – das Leerzeichen nach dem Komma ist wichtig. Jeder Artikel, bei dem  das Benutzerdefiniertes Feld mit einer korrekten Koordinate gefüllt ist, wird auf der Karte angezeigt. Außerdem werden die Marker wenn nötig übersichtlich zusammengefasst, also geclustert."
diff --git a/src/language/en-GB/en-GB.mod_agosm.ini b/src/language/en-GB/en-GB.mod_agosm.ini
@@ -170,4 +170,9 @@ MOD_AGOSM_FONTAWESOME_SPIN_LABEL="Spin"
 ; show component pins
 MOD_AGOSM_H_PINCOM="Show pins from component"
 MOD_AGOSM_CONFIG_CONTROL_SHOWCOMPONENTPIN_DESC="Do you like to display a special pin from the component com_agosms?"
-MOD_AGOSM_CONFIG_CONTROL_SHOWCOMPONENTPIN_LABEL="Show Pin from component com_agosms"
+MOD_AGOSM_CONFIG_CONTROL_SHOWCOMPONENTPIN_LABEL="Show Pin from component com_agosms"
+; Zeige CustomField-Pins
+MOD_AGOSM_H_PINCF="Show pins for articles"
+MOD_AGOSM_CONFIG_CONTROL_SHOWCUSTOMFIELDPIN_DESC="Do you like to display a pin for an article?"
+MOD_AGOSM_CONFIG_CONTROL_SHOWCUSTOMFIELDPIN_LABEL="Show Pin for article"
+MOD_AGOSM_H_PINCF_FIELDSETDESCRIPTION="Do you want to display a marker on a map that contains a link to a post? Then create a Custom Field of the type text titled "lat, lon". Be sure to write the title in the same way - the space after the comma is important. Any article with the custom field filled with the correct coordinate will be displayed on the map. In addition, the markers are clustered."
diff --git a/src/media/mod_agosm/cluster/MarkerCluster.Default.css b/src/media/mod_agosm/cluster/MarkerCluster.Default.css
@@ -0,0 +1,60 @@
+.marker-cluster-small {
+	background-color: rgba(181, 226, 140, 0.6);
+	}
+.marker-cluster-small div {
+	background-color: rgba(110, 204, 57, 0.6);
+	}
+
+.marker-cluster-medium {
+	background-color: rgba(241, 211, 87, 0.6);
+	}
+.marker-cluster-medium div {
+	background-color: rgba(240, 194, 12, 0.6);
+	}
+
+.marker-cluster-large {
+	background-color: rgba(253, 156, 115, 0.6);
+	}
+.marker-cluster-large div {
+	background-color: rgba(241, 128, 23, 0.6);
+	}
+
+	/* IE 6-8 fallback colors */
+.leaflet-oldie .marker-cluster-small {
+	background-color: rgb(181, 226, 140);
+	}
+.leaflet-oldie .marker-cluster-small div {
+	background-color: rgb(110, 204, 57);
+	}
+
+.leaflet-oldie .marker-cluster-medium {
+	background-color: rgb(241, 211, 87);
+	}
+.leaflet-oldie .marker-cluster-medium div {
+	background-color: rgb(240, 194, 12);
+	}
+
+.leaflet-oldie .marker-cluster-large {
+	background-color: rgb(253, 156, 115);
+	}
+.leaflet-oldie .marker-cluster-large div {
+	background-color: rgb(241, 128, 23);
+}
+
+.marker-cluster {
+	background-clip: padding-box;
+	border-radius: 20px;
+	}
+.marker-cluster div {
+	width: 30px;
+	height: 30px;
+	margin-left: 5px;
+	margin-top: 5px;
+
+	text-align: center;
+	border-radius: 15px;
+	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
+	}
+.marker-cluster span {
+	line-height: 30px;
+	}
diff --git a/src/media/mod_agosm/cluster/MarkerCluster.css b/src/media/mod_agosm/cluster/MarkerCluster.css
@@ -0,0 +1,14 @@
+.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
+	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
+	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
+}
+
+.leaflet-cluster-spider-leg {
+	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
+	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
+	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
+	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
+	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
+}
diff --git a/src/media/mod_agosm/cluster/WhereAreTheJavascriptFiles.txt b/src/media/mod_agosm/cluster/WhereAreTheJavascriptFiles.txt
@@ -0,0 +1,5 @@
+We don't ship the .js files in the git master branch.
+They are only present in version tags and in npm.
+
+See how to get the JS files here: https://github.com/Leaflet/Leaflet.markercluster#using-the-plugin
+Or how to build them: https://github.com/Leaflet/Leaflet.markercluster#building-testing-and-linting-scripts