Feature: Show multiple languages

app/assets/stylesheets/bioportal.scss

@@ -1,6 +1,6 @@
 .turbo-progress-bar {
   height: 5px;
-  background-color: var(--light-color);
+  background-color: var(--admin-color);
 }
 
 a{

app/components/concept_details_component.rb

@@ -2,6 +2,7 @@
 
 class ConceptDetailsComponent < ViewComponent::Base
   include ApplicationHelper
+  include MultiLanguagesHelper
 
   renders_one :header, TableComponent
   renders_many :sections, TableRowComponent
@@ -43,7 +44,11 @@ def row_hash_properties(properties_set, ontology_acronym, &block)
         if block_given?
           block.call(v)
         else
-          get_link_for_cls_ajax(v, ontology_acronym, '_blank')
+          if v.is_a?(String)
+            get_link_for_cls_ajax(v, ontology_acronym, '_blank')
+          else
+            display_in_multiple_languages([v].to_h)
+          end
         end
       end
 
@@ -120,7 +125,11 @@ def concept_properties2hash(properties)
       end
       begin
         # Try to simplify the property values, when they are a struct.
-        values = properties[key].map { |v| v.string }
+        if properties[key].is_a?(OpenStruct)
+          values = language_hash(properties[key])
+        else
+          values = properties[key].map { |v| v.string }
+        end
       rescue
         # Each value is probably a simple datatype already.
         values = properties[key]

app/components/display/alert_component/alert_component.html.haml

@@ -2,7 +2,7 @@
                         'alert-component-auto-close-value': auto_close?,
                         'alert-component-auto-close-after-value': @auto_close_delay,
                         },
-                 class: alert_type_class}
+                 class: alert_type_class, style: 'white-space: normal;'}
     .alert-icon{class: alert_type_class}
         = inline_svg_tag alert_icon
     .alert-message{class: alert_type_class}

app/components/loader_component.rb

@@ -24,12 +24,4 @@ def call
       end
     end
   end
-
-  def small?
-    @small
-  end
-  def small_class
-    "spinner-border-sm"
-  end
-
 end

app/components/tabs_container_component/tabs_container_component.html.haml

@@ -1,4 +1,4 @@
-%div{data: {controller:'tabs-container'}, class: container_class}
+%div{data: {controller:'tabs-container'}, class: container_class, id: @id}
   %div
     .tab-items.nav
       - items.each do |item|

app/controllers/collections_controller.rb

@@ -10,7 +10,7 @@ def show_label
     collection_label =  collection['prefLabel'] if collection
     collection_label = params[:id]  if collection_label.nil? || collection_label.empty?
 
-    render LabelLinkComponent.inline(params[:id], collection_label)
+    render LabelLinkComponent.inline(params[:id], helpers.main_language_label(collection_label))
   end
 
   def show_members

app/controllers/concepts_controller.rb

@@ -69,7 +69,7 @@ def show_label
       return
     end
 
-    render LabelLinkComponent.inline(cls_id, concept_label(ont_id, cls_id))
+    render LabelLinkComponent.inline(cls_id, helpers.main_language_label(concept_label(ont_id, cls_id)))
   end
 
   def show_definition

app/controllers/label_xl_controller.rb

@@ -10,7 +10,7 @@ def show_label
     label_xl_label = label_xl ? label_xl['literalForm'] : nil
     label_xl_label = params[:id] if label_xl_label.nil? || label_xl_label.empty?
 
-    render LabelLinkComponent.inline(params[:id], label_xl_label)
+    render LabelLinkComponent.inline(params[:id], helpers.main_language_label(label_xl_label))
   end
 
   private

app/controllers/mappings_controller.rb

@@ -279,8 +279,8 @@ def mapping_form(mapping: nil)
       end
     else
       mapping = LinkedData::Client::Models::Mapping.new
-      @ontology_from = LinkedData::Client::Models::Ontology.find(params[:ontology_from])
-      @ontology_to = LinkedData::Client::Models::Ontology.find(params[:ontology_to])
+      @ontology_from = LinkedData::Client::Models::Ontology.find_by_acronym(params[:ontology_from].split('/').last).first
+      @ontology_to = LinkedData::Client::Models::Ontology.find_by_acronym(params[:ontology_to]&.split('/')&.last).first
       @concept_from = @ontology_from.explore.single_class({ full: true }, params[:conceptid_from]) if @ontology_from
       if @ontology_to
         @concept_to = @ontology_to.explore.single_class({ full: true }, params[:conceptid_to])

app/controllers/schemes_controller.rb

@@ -10,7 +10,7 @@ def show_label
     scheme_label = scheme ? scheme['prefLabel'] : params[:id]
     scheme_label = scheme_label.nil? || scheme_label.empty? ? params[:id] : scheme_label
 
-    render LabelLinkComponent.inline(params[:id], scheme_label)
+    render LabelLinkComponent.inline(params[:id], helpers.main_language_label(scheme_label))
   end
 
   private

app/helpers/application_helper.rb

@@ -9,7 +9,7 @@ module ApplicationHelper
   REST_URI = $REST_URL
   API_KEY = $API_KEY
 
-  include ModalHelper
+  include ModalHelper, MultiLanguagesHelper
 
   RESOLVE_NAMESPACE = {:omv => "http://omv.ontoware.org/2005/05/ontology#", :skos => "http://www.w3.org/2004/02/skos/core#", :owl => "http://www.w3.org/2002/07/owl#",
                        :rdf => "http://www.w3.org/1999/02/22-rdf-syntax-ns#", :rdfs => "http://www.w3.org/2000/01/rdf-schema#", :metadata => "http://data.bioontology.org/metadata/",
@@ -23,6 +23,7 @@ module ApplicationHelper
                        :oboInOwl => "http://www.geneontology.org/formats/oboInOwl#", :idot => "http://identifiers.org/idot/", :sd => "http://www.w3.org/ns/sparql-service-description#",
                        :cclicense => "http://creativecommons.org/licenses/"}
 
+
   def get_apikey
     unless session[:user].nil?
       return session[:user].apikey
@@ -186,8 +187,8 @@ def draw_tree(root, id = nil, concept_schemes = [])
   def build_tree(node, string, id, concept_schemes: [])
 
     return string if node.children.nil? || node.children.empty?
-
-    node.children.sort! { |a, b| (a.prefLabel || a.id).downcase <=> (b.prefLabel || b.id).downcase }
+    
+    node.children.sort! { |a, b| (main_language_label(a.prefLabel) || a.id).downcase <=> (main_language_label(a.prefLabel) || b.id).downcase }
     node.children.each do |child|
       active_style = child.id.eql?(id) ? "active" : ''
 
@@ -219,14 +220,27 @@ def tree_link_to_concept(child:, ontology_acronym:, active_style:, node: nil)
     icons = child.relation_icon(node)
     muted_style = child.isInActiveScheme&.empty? ? 'text-muted' : ''
     href = ontology_acronym.blank? ? '#' : "/ontologies/#{child.explore.ontology.acronym}/concepts/?id=#{CGI.escape(child.id)}&language=#{language}"
+
+    if child.prefLabel.nil?
+      prefLabelHTML =  child.id.split('/').last
+    else
+      prefLabelLang, prefLabelHTML = select_language_label(child.prefLabel)
+      prefLabelLang = prefLabelLang.to_s.upcase
+      tooltip = prefLabelLang.eql?("@NONE") ? "" : "data-controller='tooltip' data-tooltip-position-value='right' title='#{prefLabelLang}'";
+    end
+
     link = <<-EOS
-        <a id='#{child.id}' data-conceptid='#{child.id}'
-           data-turbo=true data-turbo-frame='concept_show' href='#{href}' 
-           data-collections-value='#{child.memberOf || []}'
-           data-active-collections-value='#{child.isInActiveCollection || []}'
-           data-skos-collection-colors-target='collection'
-            class='#{muted_style} #{active_style}'>
-            #{child.prefLabel ? child.prefLabel({ use_html: true }) : child.id.split('/').last}
+        <a id='#{child.id}' 
+        data-conceptid='#{child.id}'
+        data-turbo=true data-turbo-frame='concept_show' href='#{href}' 
+        data-collections-value='#{child.memberOf || []}'
+        data-active-collections-value='#{child.isInActiveCollection || []}'
+        data-skos-collection-colors-target='collection'
+        class='#{muted_style} #{active_style}'
+        #{tooltip}
+          >
+            #{ prefLabelHTML }
+
         </a>
     EOS
 
@@ -604,8 +618,8 @@ def get_link_for_label_xl_ajax(label_xl, ont_acronym, cls_id)
   end
 
   ###END ruby equivalent of JS code in bp_ajax_controller.
-  def ontology_viewer_page_name(ontology_name, concept_name_title , page)
-    ontology_name + " | " +concept_name_title + " - #{page.capitalize}"
+  def ontology_viewer_page_name(ontology_name, concept_label, page)
+    ontology_name + " | " + main_language_label(concept_label) + " - #{page.capitalize}"
   end
 
 

app/helpers/collections_helper.rb

@@ -25,14 +25,15 @@ def get_collections_labels(collections, main_uri = '')
     collections_labels = []
     collections.each do  |x|
       id = x['@id']
-      label = get_collection_label(x)
+      label = select_language_label(get_collection_label(x))
       if id.eql? main_uri
         selected_label = { 'prefLabel' => label, '@id' => id }
       else
         collections_labels.append( { 'prefLabel' => label, '@id' => id , 'color' => x['color'] })
       end
     end
-    collections_labels.sort_by! { |s|  s['prefLabel']}
+
+    collections_labels = sorted_labels(collections_labels)
     collections_labels.unshift selected_label if selected_label
     [collections_labels, selected_label]
   end
@@ -47,14 +48,31 @@ def no_collections_alert
     end
   end
 
-  def collection_path(collection_id = '')
-    "/ontologies/#{@ontology.acronym}/collections/show?id=#{escape(collection_id)}"
+  def collection_path(collection_id = '', language = '')
+    "/ontologies/#{@ontology.acronym}/collections/show?id=#{escape(collection_id)}&language=#{language}"
   end
 
   def request_collection_id
     params[:id] || params[:collection_id] || params[:concept_collection]
   end
 
+  def sort_collections_label(collections_labels)
+    sorted_labels(collections_labels)
+  end
+
+  def link_to_collection(collection, selected_collection_id)
+    pref_label_lang, pref_label_html = get_collection_label(collection)
+    tooltip  = pref_label_lang.to_s.eql?('@none') ? '' :  "data-controller='tooltip' data-tooltip-position-value='right' title='#{pref_label_lang.upcase}'"
+    <<-EOS
+          <a id="#{collection['@id']}" href="#{collection_path(collection['@id'], request_lang)}" 
+            data-turbo="true" data-turbo-frame="collection" data-collectionid="#{collection['@id']}"
+           #{tooltip}
+            class="#{selected_collection_id.eql?(collection['@id']) ? 'active' : nil}">
+              #{pref_label_html}
+          </a>
+    EOS
+  end
+
   private
 
   def generate_collections_colors(collections)

app/helpers/multi_languages_helper.rb

@@ -0,0 +1,63 @@
+module MultiLanguagesHelper
+
+  def language_hash(concept_label)
+
+    return concept_label.first if concept_label.is_a?(Array)
+    return concept_label.to_h.reject { |key, _| %i[links context].include?(key) } if concept_label.is_a?(OpenStruct)
+
+    concept_label
+  end
+
+  def sorted_labels(labels)
+    Array(labels).sort_by { |label| label['prefLabel'].is_a?(String) ? label['prefLabel'] : label['prefLabel'].last }
+  end
+
+  def select_language_label(concept_label, platform_languages = %i[en fr])
+    concept_value = nil
+
+    concept = language_hash(concept_label)
+
+    return ['@none', concept] if concept.is_a?(String)
+
+    concept = concept.to_h
+
+    platform_languages.each do |lang|
+      if concept[lang]
+        concept_value = [lang, concept[lang]]
+        break
+      end
+    end
+
+    concept_value || concept.to_a.first
+  end
+
+  def main_language_label(label)
+    select_language_label(label)&.last
+  end
+
+  def display_in_multiple_languages(label)
+    label = language_hash(label)
+
+    if label.nil?
+      return render Display::AlertComponent.new(message: t('ontology_details.concept.no_preferred_name_for_selected_language'),
+                                                type: "warning",
+                                                closable: true)
+    end
+
+    return content_tag(:p, label) if label.is_a?(String)
+
+    raw(label.map do |key, value|
+      content_tag(:div, class: 'd-flex align-items-center') do
+        concat content_tag(:p, Array(value).join(', '), class: 'm-0')
+
+        unless key.to_s.upcase.eql?('NONE') || key.to_s.upcase.eql?('@NONE')
+          concat content_tag(:span, key.upcase, class: 'badge badge-secondary ml-1')
+        end
+      end
+    end.join)
+  end
+
+  def selected_language_label(label)
+    language_hash(label).values.first
+  end
+end

app/helpers/ontologies_helper.rb

@@ -311,24 +311,30 @@ def language_selector_hidden_tag(section)
                      data: { controller: "language-change", 'language-change-section-value': section, action: "change->language-change#dispatchLangChangeEvent" }
   end
 
-  def languages_options(submission = @submission || @submission_latest)
-    current_lang = request_lang
+  def languages_options(submission =  @submission || @submission_latest)
+    current_lang = request_lang.downcase
     submission_lang = submission_languages(submission)
     # Transform each language into a select option
     submission_lang = submission_lang.map do |lang|
       lang = lang.split('/').last.upcase
       [lang, lang, { selected: lang.eql?(current_lang) }]
     end
+
+    # Add the option to select all language
+    submission_lang.push(['All', 'all', { selected: current_lang.eql?('all') }])
+
     options_for_select(submission_lang)
   end
 
-  def dispaly_complex_text(definitions)
+  def display_complex_text(definitions)
     html = ""
     definitions.each do |definition|
       if definition.is_a?(String)
         html += '<p class="prefLabel">' + definition + '</p>'
       elsif definition.respond_to?(:uri) && definition.uri
         html += render LinkFieldComponent.new(value: definition.uri)
+      else
+        html += display_in_multiple_languages(definition)
       end
     end
     return html.html_safe