Fix: pre release 2.7.4 QA bugs

app/assets/stylesheets/annotator.scss

@@ -214,6 +214,9 @@
 }
 .annotator-table-container .class{
   width: 250px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .annotation-parent + div{
   margin-top: 5px;

app/assets/stylesheets/bioportal.scss

@@ -28,7 +28,7 @@ body{
 }
 
 .admin-background{
-  background-color: var(--light-color) !important;
+  background-color: var(--bg-info-light-color) !important;
   border-color: var(--admin-color) !important;
   color: var(--admin-color) !important;
   border-radius: 5px;

app/assets/stylesheets/components/chip_button.scss

@@ -8,6 +8,12 @@
   line-height: 44px;
   display: inline;
 }
+.chip-button-component-container {
+  display: inline-block;
+}
+.chip-button-component-container svg path{
+  fill: var(--primary-color);
+}
 
 .chip_button_small {
   font-size: 12px !important;
@@ -20,11 +26,11 @@
   line-height: 44px;
   padding: 10px;
   border-radius: 5px;
-  color: var(--primary-color) !important;
+  color: var(--primary-color);
   font-weight: 500;
   font-size: 15px;
   display: inline;
 }
 .chip_button_container_clickable a{
-  color: var(--primary-color) !important;
+  color: var(--primary-color);
 }

app/assets/stylesheets/components/nested_form.scss

@@ -37,7 +37,7 @@
   cursor: pointer;
   margin-top: 10px;
 }
-.nested-form-input-container svg path{
+.nested-form-input-container .add-another-object svg path{
   fill: #DADADA;
 }
 .nested-form-input-container .add-another-object div{

app/assets/stylesheets/concepts.scss

@@ -149,4 +149,11 @@ div.synonym-change-request button {
       fill: var(--primary-color) !important;
     }
   }
+}
+
+.select-collection-placeholder{
+  display: flex;
+  justify-content: center;
+  color: var(--gray-color);
+  margin-top: 10px;
 }

app/assets/stylesheets/home.scss

@@ -398,7 +398,13 @@ i.fa.fa-caret-square-o-down {
 .home-logos img{
   margin-left: 60px;
 }
-
+.home-upload-benifits svg{
+  width: 33px;
+  margin-top: 3px;
+}
+.home-upload-benifits svg path{
+  fill: var(--gray-color);
+}
 
 .home-support-title{
   display: flex;

app/assets/stylesheets/ontology_details_header.scss

@@ -6,10 +6,11 @@
 
 .ontology-details-path{
     display: flex;
+    align-items: center;
     color: #888888;
     margin-bottom: 20px;
 }
-.ontology-details-path img{
+.ontology-details-path svg{
     margin: 0 12px;
 }
 .ontology-details-path a{

app/assets/stylesheets/recommender.scss

@@ -169,6 +169,10 @@
 .recommender-result-ontology{
     font-size: 16px;
     display: block;
+    color: var(--primary-color);
+}
+.highlighted_recommendation{
+    width: 135px;
 }
 .recommender-result-highlighted{
     display: flex;

app/assets/stylesheets/summary.scss.erb

@@ -14,6 +14,16 @@
 .summary-page-center .card_title{
   margin-top: 40px;
 }
+.add-views-plus-icon path{
+  fill: var(--primary-color)
+}
+.summary-link-truncate{
+  max-width: 330px; 
+  display: inline-flex;
+  overflow: hidden;
+   white-space: nowrap;
+  text-overflow: ellipsis;
+}
 
 .summary-page-first-row {
   width: 670px;

app/assets/stylesheets/themes/agroportal/main.scss

@@ -1,6 +1,6 @@
-$color-primary: #3CB371;
+$color-primary: var(--primary-color);
 $color-secondary: #EFFFEF;
-$color-links: #3CB371;
+$color-links: var(--primary-color);
 $color-warning: #ffc107;
 @import "../lirmm/main";
 @import "search";

app/assets/stylesheets/themes/lirmm/landscape.scss

@@ -1,6 +1,9 @@
 // Place all the styles related to the landscape controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
+.landscape_ontologies_selector{
+  width: 100%;
+}
 
 h1 {
   font-size: 300%;

app/assets/stylesheets/themes/ontoportal/main.scss

@@ -1,6 +1,6 @@
-$color-primary: #3CB371;
+$color-primary: var(--primary-color);
 $color-secondary: #E4F1FB;
-$color-links: #3CB371;
+$color-links: var(--primary-color);
 $color-warning: #ffc107;
 @import "../lirmm/main";
 @import "search";

app/assets/stylesheets/themes/stageportal/main.scss

@@ -1,6 +1,6 @@
-$color-primary: #3CB371;
+$color-primary: var(--primary-color);
 $color-secondary: #E4F1FB;
-$color-links: #3CB371;
+$color-links: var(--primary-color);
 $color-warning: #ffc107;
 @import "../lirmm/main";
 @import "search";

app/components/chip_button_component.rb

@@ -1,9 +1,10 @@
 class ChipButtonComponent < ViewComponent::Base
-    def initialize(url: nil, text: nil, type: "static", disabled: false,  **html_options)
+    def initialize(url: nil, text: nil, type: "static", disabled: false, tooltip: nil  ,**html_options)
         @url = url
         @text = text
         @type = type
         @disabled = disabled
+        @tooltip = tooltip
         @html_options = html_options.merge({href: @url})
     end
 end

app/components/chip_button_component/chip_button_component.html.haml

@@ -1,9 +1,10 @@
-- if @type == "static"
-  %span.chip_button_container{@html_options}
-    = @text || content
-- elsif !content
-  %a.chip_button_container_clickable{@html_options}
-    = @text
-- else
-  %span.chip_button_container_clickable{@html_options}
-    = content
+.chip-button-component-container{'data-controller': 'tooltip', title: @tooltip}
+  - if @type == "static"
+    %span.chip_button_container{@html_options}
+      = @text || content
+  - elsif !content
+    %a.chip_button_container_clickable{@html_options}
+      = @text
+  - else
+    %span.chip_button_container_clickable{@html_options}
+      = content

app/components/clipboard_component/clipboard_component.html.haml

@@ -1,4 +1,4 @@
-%div.clipboard.d-flex.align-items-center{data:{controller: 'clipboard'}}
+%div.clipboard.d-flex.align-items-center{data:{controller: 'clipboard'}, style: 'cursor:pointer;'}
   %div{data: {'clipboard-target': 'content'}, class: @show_content ? '' : 'd-none'}
     = @message || content
   %div.ml-2

app/components/display/image_component.rb

@@ -18,7 +18,7 @@ def call
 
   def depiction_with_modal(depiction_url)
     img_tag = image_tag(depiction_url, class: 'image-content')
-    loop_icon_tag = content_tag(:span , image_tag('icons/loop.svg'), class: 'loop_icon')
+    loop_icon_tag = content_tag(:span , inline_svg_tag('icons/loop.svg'), class: 'loop_icon')
     modal_url = "/ajax/images/show?url=#{depiction_url}"
     modal_options = { data: { show_modal_title_value: @title, show_modal_size_value: 'modal-xl' } }
 

app/components/display/info_tooltip_component.rb

@@ -8,7 +8,9 @@ def initialize(text: nil , icon: "info.svg")
     @icon = icon
   end
   def call
-    inline_svg_tag "icons/#{@icon}", data:{controller:'tooltip', 'tooltip-interactive-value': 'true'}, title: @text
+    content_tag(:div, data:{controller:'tooltip', 'tooltip-interactive-value': 'true'}, title: @text, style: 'display: inline-block;') do
+      inline_svg_tag "icons/#{@icon}", width: '20', height: '20'
+    end
   end
 
 end

app/components/field_container_component.rb

@@ -3,7 +3,7 @@
 class FieldContainerComponent < ViewComponent::Base
 
   renders_one :label
-  def initialize(label: nil, value: nil, truncate: false)
+  def initialize(label: nil, value: nil)
     super
     @label = label
     @value = value

app/components/link_field_component.rb

@@ -27,7 +27,7 @@ def link_tag
       target = "_blank"
     end
 
-    tag = link_to(text, url, target: target, class: 'text-truncate', style: "max-width: 330px; display: inline-flex;")
+    tag = link_to(text, url, target: target, class: 'summary-link-truncate', 'data-controller': 'tooltip', title: text)
     link_to_with_actions(tag, url: url, copy: @enable_copy, check_resolvability: @check_resolvability)
   end
 

app/components/search_input_component/search_input_component.html.haml

@@ -9,6 +9,8 @@
   - if @search_icon_type
     %a{href: '/search', 'data-search-input-target': 'button'}
       = inline_svg_tag 'arrow-right.svg', class: "home-search-button #{nav_icon_class}"
+  - else
+    %a.d-none{'data-search-input-target': 'button'}
   = render Input::InputFieldComponent.new(name: @name, placeholder: @placeholder,
                                             data: {'action': 'input->search-input#search blur->search-input#blur keydown.down->search-input#arrow_down keydown.up->search-input#arrow_up keydown.enter->search-input#enter_key',
                                             'search-input-target': 'input'})

app/controllers/annotator_controller.rb

@@ -35,6 +35,7 @@ def annotator_results(uri)
     @advanced_options_open = false
     @annotator_ontologies = LinkedData::Client::Models::Ontology.all
     if params[:text] && !params[:text].empty?
+      @init_whole_word_only = true
       api_params = {
         text: escape(params[:text]),
         ontologies: params[:ontologies],

app/controllers/home_controller.rb

@@ -135,9 +135,9 @@ def feedback_complete; end
 
   def annotator_recommender_form
     if params[:submit_button] == "annotator"
-      redirect_to "/annotator?text=#{params[:text]}"
+      redirect_to "/annotator?text=#{helpers.escape(params[:text])}"
     elsif params[:submit_button] == "recommender"
-      redirect_to "/recommender?input=#{params[:input]}"
+      redirect_to "/recommender?input=#{helpers.escape(params[:input])}"
     end
   end
 

app/helpers/application_helper.rb

@@ -262,10 +262,10 @@ def group_chip_component(id: nil, name: , object: , checked: , value: nil, title
 
   def add_comment_button(parent_id, parent_type)
     if session[:user].nil?
-      link_to t('application.add_comment'),  login_index_path(redirect: request.url), class: "link_button"
+      link_to t('application.add_comment'),  login_index_path(redirect: request.url), class: "secondary-button regular-button"
     else
       link_to_modal t('application.add_comment'), notes_new_comment_path(parent_id: parent_id, parent_type: parent_type, ontology_id: @ontology.acronym),
-                    class: "add_comment btn btn-primary", data: { show_modal_title_value: t('application.add_new_comment')}
+                    class: "secondary-button regular-button", data: { show_modal_title_value: t('application.add_new_comment')}
     end
   end
 
@@ -280,10 +280,10 @@ def add_reply_button(parent_id)
 
   def add_proposal_button(parent_id, parent_type)
     if session[:user].nil?
-        link_to t('application.add_proposal'),  login_index_path(redirect: request.url), class: "link_button"
+      link_to t('application.add_proposal'),  login_index_path(redirect: request.url), class: "secondary-button regular-button"
     else
       link_to_modal t('application.add_proposal'), notes_new_proposal_path(parent_id: parent_id, parent_type: parent_type, ontology_id: @ontology.acronym),
-                    class: "add_proposal btn btn-primary", data: { show_modal_title_value: t('application.add_new_proposal')}
+                    class: "secondary-button regular-button", data: { show_modal_title_value: t('application.add_new_proposal')}
     end
   end
   def link?(str)

app/helpers/components_helper.rb

@@ -159,8 +159,7 @@ def form_save_button
   def form_cancel_button
     render Buttons::RegularButtonComponent.new(id: 'cancel-button', value: t('components.cancel_button'), variant: "secondary", size: "slim") do |btn|
       btn.icon_left do
-        inline_svg_tag "x.svg", width: "20", height: "20"
-
+        inline_svg_tag "x.svg", width: "9", height: "9"
       end
     end
   end

app/helpers/fair_score_helper.rb

@@ -126,9 +126,10 @@ def print_score(score)
     number_with_precision(score, precision: 2, strip_insignificant_zeros: true)
   end
 
-  def fairness_link(style = '')
+  def fairness_link(style: '', ontology: nil)
     custom_style = "font-size: 50px; line-height: 0.5; margin-left: 6px; #{style}".strip
-    render IconWithTooltipComponent.new(icon: "json.svg",link: get_fairness_service_url, target: '_blank', title: t('fair_score.go_to_api'), size:'small', style: custom_style)  
+    ontology = ontology || 'all'
+    render IconWithTooltipComponent.new(icon: "json.svg",link: "#{get_fairness_service_url}&ontologies=#{ontology}&combined=true", target: '_blank', title: t('fair_score.go_to_api'), size:'small', style: custom_style)  
   end
 end
 

app/helpers/ontologies_helper.rb

@@ -304,10 +304,18 @@ def visibility_link(ontology)
 
   def show_category_name(domain)
     return domain unless link?(domain)
-
     acronym = domain.split('/').last.upcase.strip
     category = LinkedData::Client::Models::Category.find(acronym)
-    category ? category.name : acronym.titleize
+    category.name ? category.name : acronym.titleize
+  end
+
+
+  def show_ontology_domains(domains)
+    if domains.length == 1 && domains[0].include?(',')
+      domains[0].split(',').map(&:strip)
+    else
+      domains
+    end
   end
 
   def show_group_name(domain)
@@ -519,7 +527,7 @@ def new_element_link(title, link)
     end
 
     link_to(link, title: title, class: "mx-1") do
-      inline_svg_tag("icons/plus.svg", width: '15px', height: '15px')
+      inline_svg_tag("icons/plus.svg", width: '15px', height: '15px', class: 'add-views-plus-icon')
     end
   end