#433 fix(support case-insensitive when select lang)

Author: qifeng-bai

grails-app/assets/stylesheets/application.css

@@ -21,4 +21,5 @@
 *= require commonui-bs3-2019/css/ala-styles.css
 *= require spatial-hub.css
 *= require commonui-bs3-2019.css
+*= require flag-icons-master/css/flag-icon.css
 */

grails-app/assets/stylesheets/spatial-hub.css

@@ -1116,3 +1116,9 @@ ul.errors {
     padding-top: 20px;
     font-style: italic;
 }
+
+#lang {
+    color: #FFFFFF;
+    background-color: #000000;
+    border-width: 0;
+}

grails-app/services/au/org/ala/spatial/portal/PropertiesService.groovy

@@ -26,7 +26,7 @@ class PropertiesService {
     def grailsApplication
 
     def get(type) {
-        def name = "messages" + (type == "default" ? "" : "_" + type)
+        def name = "messages" + (type == "default" ? "" : "_" + type.toLowerCase())
         def defaultFile = "${name}.properties";
         def properties = new Properties()
 

grails-app/views/layouts/portal.gsp

@@ -118,6 +118,10 @@
                         <div class="horizontal-line"></div>
                         <span class="collapse visible-on-show" aria-hidden="true">&times;</span>
                     </button>
+                    <select class="form-select" id="lang" aria-label="Region" onchange="location = this.value;">
+                        <option selected value="/">EN</option>
+                        <option value="?lang=ES" ${params.lang?.toLowerCase()=='es' ? 'selected' : ''}>ES</option>
+                    </select>
                 </div>
             </div>
 
@@ -311,6 +315,7 @@
                             </li>
                         </ul>
                     </div>
+
                     <button class="search-trigger hidden-xs hidden-sm collapsed collapse-trigger-button"
                             data-toggle="collapse"
                             data-target="#autocompleteSearchALA" onclick="focusOnClickSearchButton()">
@@ -360,8 +365,11 @@
                 </form>
             </div>
         </div>
+
     </nav><!-- .site-navigation -->
 
+
+
 </div>
 <script type="text/html" id="autoCompleteTemplate">
 <li class="autocomplete-item striped">
@@ -405,6 +413,5 @@
     </script>
 </g:if>
 <!-- End Google Analytics -->
-
 </body>
 </html>