Merge pull request #21 from UKGovLD/18-language-select

Language select UI
MetOffice · Dec 1, 2020 · df5d6c6 · df5d6c6
2 parents 9051a69 + 215ea34
commit df5d6c6
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 14 deletions.
diff --git a/ldregistry/boot/system/prefixes/prefixes-register.ttl b/ldregistry/boot/system/prefixes/prefixes-register.ttl
@@ -2,6 +2,7 @@
 @prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
 @prefix owl:  <http://www.w3.org/2002/07/owl#> .
 @prefix xsd:  <http://www.w3.org/2001/XMLSchema#> .
+@prefix dbo:  <http://dbpedia.org/ontology/> .
 @prefix dct:  <http://purl.org/dc/terms/> .
 @prefix dc:   <http://purl.org/dc/elements/1.1/> .
 @prefix foaf: <http://xmlns.com/foaf/0.1/> .
@@ -379,4 +380,18 @@ odrs: a owl:Ontology;
     dct:description "env-ui prefix registration - properties used in the UI of the environment registry"@en;
     vann:preferredNamespacePrefix "env-ui";
     vann:preferredNamespaceUri "http://environment.data.gov.uk/registry/structure/ui/";
+    .
+
+<_dbo> a reg:RegisterItem;
+    rdfs:label "dbo"@en;
+    reg:itemClass owl:Ontology;
+    reg:status reg:statusStable;
+    reg:definition [ reg:entity dbo: ];
+    .
+
+dbo: a owl:Ontology;
+    rdfs:label "dbo"@en;
+    dct:description "dbo (DBpedia Ontology) prefix registration."@en;
+    vann:preferredNamespacePrefix "dbo";
+    vann:preferredNamespaceUri "http://dbpedia.org/ontology/";
     .
diff --git a/ldregistry/templates/nav/_menu-language.vm b/ldregistry/templates/nav/_menu-language.vm
@@ -0,0 +1,17 @@
+## Render the language selection menu within the navigation bar
+
+<li class="dropdown languages">
+  <a href="#" class="dropdown-toggle" data-toggle="dropdown">$lib.escapeHtml($language)<b class="caret"></b></a>
+  <ul class="dropdown-menu dropdown-menu-right">
+    #foreach($lang in $registry.languageManager.languages)
+      <li><a href="?lang=$lang.code">
+        <div class="langCode">
+          <b>$lang.code</b>
+        </div>
+        <div>
+          $lang.label
+        </div>
+      </a></li>
+    #end
+  </ul>
+</li>
diff --git a/ldregistry/templates/nav/_navbar.vm b/ldregistry/templates/nav/_navbar.vm
@@ -41,24 +41,28 @@
                         <button type="submit" class="btn btn-default">Submit</button>
                     </form>
 
+                    #if($registry.languageManager.multilingual)
+                      <ul class="nav navbar-nav navbar-right">
+                        #parse("nav/_menu-language.vm")
+                      </ul>
+                    #end
+
                     #if($subject.isAuthenticated())
                         #set($user=$subject.principal)
-                        <ul class="nav pull-right">
-                            <li>
-                                <div class="row">
-                                    <div class="col-sm-12">
-                                        <span class="nav-text">$user.name</span>
-                                    </div>
-                                </div>
-                                <div class="row">
-                                    <div class="col-sm-12">
-                                        <a href="#logout-dialog" data-target="#logout-dialog" role="button" data-toggle="modal">logout</a>
-                                    </div>
-                                </div>
-                            </li>
+                        <ul class="nav navbar-nav navbar-right">
+                          <li class="dropdown">
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">User <b class="caret"></b></a>
+                            <ul class="dropdown-menu dropdown-menu-right" style="width: max-content;">
+                              <li>
+                                <span>$user.name</span>
+                              </li>
+                              <li>
+                                <a href="#logout-dialog" data-target="#logout-dialog" role="button" data-toggle="modal">logout</a>
+                              </li>
+                            </ul>
+                          </li>
                         </ul>
                     #end
-
                 </div>
             </div>
         </div>

diff --git a/ldregistry/templates/structure/_footer.vm b/ldregistry/templates/structure/_footer.vm
@@ -24,6 +24,11 @@
           <span class="i18n">Design and development by</span>
           <a href="http://www.epimorphics.com">Epimorphics</a>.
         </p>
+        #if($registry.languageManager.useCookies)
+          <p>
+            This website uses cookies to store your language preferences.
+          </p>
+        #end
       </div>
 
     </div><!--/.row-->

diff --git a/ldregistry/ui/assets/css/ui.css b/ldregistry/ui/assets/css/ui.css
@@ -79,4 +79,21 @@ td.align-right {
 
 .langTable .langValueColumn {
     padding-left: 5px;
+}
+
+.dropdown.languages ul li div {
+  display: inline-block;
+}
+
+.dropdown.languages ul li div.langCode {
+   min-width: 1.5em;
+}
+
+.dropdown ul li span {
+  background-color: white;
+  color: black;
+  border-bottom: none;
+  margin-left: 10px;
+  margin-bottom: 3px;
+  font-size: 15.4px;
 }