added js to select styles

geolonia · Jul 7, 2024 · 95d4323 · 95d4323
1 parent 5b7eaf1
commit 95d4323
Show file tree

Hide file tree

Showing 6 changed files with 56 additions and 11 deletions.
diff --git a/css/admin.css b/css/admin.css
@@ -176,7 +176,7 @@
 {
 	width: 30%;
 	max-width: 256px;
-	border: 1px solid #0a4b78;;
+	border: 2px solid #8c8f94;
 	text-align: center;
 	position: relative;
 	margin: 0;
@@ -194,6 +194,7 @@
 #geolonia-style-data-list li.active
 {
 	opacity: 1;
+	border-color: #2271b1;
 }
 
 #geolonia-style-data-list li img

diff --git a/geolonia-open-gis.php b/geolonia-open-gis.php
@@ -249,16 +249,16 @@ function() {
 		'geolonia-gis-meta-style',
 		__( 'Style', 'geolonia-open-gis' ),
 		function() {
-			$style = GEOLONIA_GIS_DEFAULT_STYLE;
+			$current_style = GEOLONIA_GIS_DEFAULT_STYLE;
 
 			if ( get_post_meta( get_the_ID(), '_geolonia-gis-style', true ) ) {
-				$style = get_post_meta( get_the_ID(), '_geolonia-gis-style', true );
+				$current_style = get_post_meta( get_the_ID(), '_geolonia-gis-style', true );
 			}
 
 			wp_nonce_field( 'geolonia-gis-nonce-style', 'geolonia-gis-nonce-style' );
 			?>
 			<div class="select-geolonia-styles">
-				<input id="geolonia-gis-style" name="geolonia-gis-style" list="styles" class="geolonia-meta" value="<?php echo esc_attr($style) ?>" autocomplete="off" />
+				<input id="geolonia-gis-style" name="geolonia-gis-style" list="styles" class="geolonia-meta" value="<?php echo esc_url($current_style) ?>" autocomplete="off" />
 				<ul id="geolonia-style-data-list">
 				<?php
 					$default_styles = apply_filters( 'geolonia-open-gis-styles', array(
@@ -279,8 +279,14 @@ function() {
 						),
 					) );
 
+
+
 					foreach ( $default_styles as $style ) {
-						echo '<li data-url="' . esc_url( $style['url'] ) . '"><img src="' . esc_url( $style['image'] ) . '"><div class="style-name">' . esc_html( $style['name'] ) . '</div></li>';
+						if ($current_style === $style['url']) {
+							echo '<li class="active" data-url="' . esc_url( $style['url'] ) . '"><img src="' . esc_url( $style['image'] ) . '"><div class="style-name">' . esc_html( $style['name'] ) . '</div></li>';
+						} else {
+							echo '<li data-url="' . esc_url( $style['url'] ) . '"><img src="' . esc_url( $style['image'] ) . '"><div class="style-name">' . esc_html( $style['name'] ) . '</div></li>';
+						}
 					}
 				?>
 				</ul>

diff --git a/js/admin.js b/js/admin.js
@@ -171,14 +171,21 @@ if (document.getElementById('geolonia-gis-editor-container')) {
 
   document.querySelectorAll('#geolonia-style-data-list li').forEach((li) => {
     li.addEventListener('click', (e) => {
+      document.querySelectorAll('#geolonia-style-data-list li').forEach((li) => {
+        li.classList.remove('active')
+      })
+      e.currentTarget.classList.add('active')
+
       const styleUrl = e.currentTarget.dataset.url
       document.getElementById('geolonia-gis-style').value = styleUrl
       map.setStyle(styleUrl)
     })
     li.addEventListener('mouseover', (e) => {
+      e.currentTarget.classList.add('hover')
+    })
+    li.addEventListener('mouseleave', (e) => {
       document.querySelectorAll('#geolonia-style-data-list li').forEach((li) => {
         li.classList.remove('hover')
-        e.currentTarget.classList.add('hover')
       })
     })
   })

diff --git a/languages/geolonia-open-gis-ja.mo b/languages/geolonia-open-gis-ja.mo
diff --git a/languages/geolonia-open-gis-ja.po b/languages/geolonia-open-gis-ja.po
@@ -1,5 +1,3 @@
-# Copyright (C) 2024 Geolonia Inc.
-# This file is distributed under the same license as the Geolonia Open GIS plugin.
 msgid ""
 msgstr ""
 "Project-Id-Version: Geolonia Open GIS 0.1.0\n"
@@ -11,6 +9,7 @@ msgstr ""
 "Content-Transfer-Encoding: 8bit\n"
 "POT-Creation-Date: 2024-06-29T16:10:36+00:00\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Language: \n"
 "X-Generator: WP-CLI 2.9.0\n"
 "X-Domain: geolonia-open-gis\n"
 
@@ -55,6 +54,22 @@ msgstr "現在のズームレベルを使用する"
 msgid "Style"
 msgstr "スタイル"
 
-#: geolonia-open-gis.php:368
+#: geolonia-open-gis.php:395
 msgid "Number of features: <span id=\"num-of-features\"></span>"
 msgstr "地物の数: <span id=\"num-of-features\"></span>"
+
+#: geolonia-open-gis.php:266
+msgid "Standard"
+msgstr "標準"
+
+#: geolonia-open-gis.php:271
+msgid "GSI"
+msgstr "地理院地図"
+
+#: geolonia-open-gis.php:276
+msgid "Blank Map"
+msgstr "白地図"
+
+#: inc/functions.php:10
+msgid "Map"
+msgstr "地図"
diff --git a/languages/geolonia-open-gis.pot b/languages/geolonia-open-gis.pot
@@ -9,7 +9,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"POT-Creation-Date: 2024-06-29T16:13:37+00:00\n"
+"POT-Creation-Date: 2024-07-07T05:50:45+00:00\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "X-Generator: WP-CLI 2.9.0\n"
 "X-Domain: geolonia-open-gis\n"
@@ -55,6 +55,22 @@ msgstr ""
 msgid "Style"
 msgstr ""
 
-#: geolonia-open-gis.php:368
+#: geolonia-open-gis.php:266
+msgid "Standard"
+msgstr ""
+
+#: geolonia-open-gis.php:271
+msgid "GSI"
+msgstr ""
+
+#: geolonia-open-gis.php:276
+msgid "Blank Map"
+msgstr ""
+
+#: geolonia-open-gis.php:395
 msgid "Number of features: <span id=\"num-of-features\"></span>"
 msgstr ""
+
+#: inc/functions.php:10
+msgid "Map"
+msgstr ""