Feature: Migrate Label Ajax stimulus and Jquery code to Turbo

app/assets/javascripts/application.js

@@ -12,13 +12,10 @@
 //
 //= require bioportal
 //= require admin/licenses
-//= require bp_ajax_controller
 //= require bp_notes
 //= require bp_form_complete
 //= require bp_admin
 //= require concepts
 //= require projects
 //= require Chart.min
 //= require application_esbuild
-
-

app/components/chip_button_component/chip_button_component.html.haml

@@ -4,7 +4,7 @@
       = @text || content
   - elsif !content
     %a.chip_button_container_clickable{@html_options}
-      = @text
+      = @text.html_safe
   - else
     %span.chip_button_container_clickable{@html_options}
       = content

app/components/label_fetcher_component.rb

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+class LabelFetcherComponent < ViewComponent::Base
+  include UrlsHelper, Turbo::FramesHelper, ModalHelper
+
+  def initialize(id:, label: nil, link: nil, ajax_src: nil, open_in_modal: false, target: nil, external: false)
+    super
+    @id = id
+    @link = link
+    @ajax_src = ajax_src
+    @open_in_modal = open_in_modal
+    @target = target
+    @external = external
+    @label = label
+
+    if external_link?
+      @link = id
+      @target ||= '_blank'
+    else
+      @target ||= '_top'
+    end
+
+  end
+
+  def external_link?
+    (@label.nil? || @label.eql?(@id)) && @external
+  end
+
+  def label_fetcher_container(&block)
+    id = "#{escape(@id)}_label"
+    if @ajax_src
+      render(TurboFrameComponent.new(id: id, src: "#{@ajax_src}&target=#{@target}", loading: 'lazy')) do |t|
+        t.loader do
+          render ChipButtonComponent.new(url: @id, text: "#{@id} #{render(LoaderComponent.new(small: true))}", type: 'clickable', target: '_blank')
+        end
+
+        t.error do
+          capture(&block)
+        end
+      end
+    else
+      turbo_frame_tag(id) do
+        capture(&block)
+      end
+    end
+
+  end
+
+  def link_with_icon
+    if external_link?
+      ExternalLinkTextComponent.new(text: @label).call
+    else
+      InternalLinkTextComponent.new(text: @label).call
+    end
+  end
+end

app/components/label_fetcher_component/label_fetcher_component.html.haml

@@ -0,0 +1,10 @@
+= label_fetcher_container do
+  - if @open_in_modal
+    = render ChipButtonComponent.new(type: 'clickable') do
+      = link_to_modal(@label, @link)
+  - else
+    %span
+      = render ChipButtonComponent.new(url: @link,
+                                         type: 'clickable',
+                                         text: link_with_icon,
+                                         target: @target)

app/components/turbo_frame_component.rb

@@ -4,6 +4,7 @@ class TurboFrameComponent < ViewComponent::Base
   include Turbo::FramesHelper
 
   renders_one :loader
+  renders_one :error
 
   def initialize(id:, src: '', **html_options)
     @id = id

app/components/turbo_frame_component/turbo_frame_component.html.haml

@@ -8,5 +8,9 @@
     - else
       %div.p-3
         = render LoaderComponent.new(type: 'pulsing')
-  %div{'data-turbo-frame-error-target': 'errorMessage', style:'display: none; width: 100%'}
-    = render Display::AlertComponent.new(type:'danger')
+  %span{'data-turbo-frame-error-target': 'errorMessage', style:'display: none; width: 100%'}
+    - if error?
+      = error
+    - else
+      %div
+        = render Display::AlertComponent.new(type:'danger')

app/controllers/collections_controller.rb

@@ -1,7 +1,6 @@
 class CollectionsController < ApplicationController
   include CollectionsHelper,SearchContent
 
-
   def index
     acronym = params[:ontology]
     @ontology = LinkedData::Client::Models::Ontology.find_by_acronym(acronym).first
@@ -47,11 +46,13 @@ def show
 
   def show_label
     collection_label = ''
-    collection  = get_request_collection
-    collection_label =  collection['prefLabel'] if collection
-    collection_label = params[:id]  if collection_label.nil? || collection_label.empty?
+    collection = get_request_collection
+    collection_label = collection['prefLabel'] if collection
+    collection_label = params[:id] if collection_label.nil? || collection_label.empty?
 
-    render LabelLinkComponent.inline(params[:id], helpers.main_language_label(collection_label))
+    label = helpers.main_language_label(collection_label)
+    link = collection_path(collection_id: params[:id], ontology_id: params[:ontology_id], language: request_lang)
+    render(inline: helpers.ajax_link_chip(params[:id], label, link, external: collection.blank?), layout: false)
   end
 
   def show_members

app/controllers/concepts_controller.rb

@@ -63,10 +63,14 @@ def index
   end
 
   def show_label
-    cls_id = params[:concept] || params[:id]  # cls_id should be a full URI
-    ont_id = params[:ontology]  # ont_id could be a full URI or an acronym
-
-    render LabelLinkComponent.inline(cls_id, helpers.main_language_label(concept_label(ont_id, cls_id)))
+    cls_id = params[:concept] || params[:id]
+    ont_id = params[:ontology]
+    pref_label = concept_label(ont_id, cls_id)
+    cls = @ontology.explore.single_class({ language: request_lang, include: 'prefLabel' }, cls_id)
+    label = helpers.main_language_label(pref_label)
+    link = concept_path(cls_id, ont_id, request_lang)
+
+    render(inline: helpers.ajax_link_chip(cls_id, label, link, external: cls.nil? || cls.errors), layout: nil)
   end
 
   def show_definition
@@ -87,8 +91,8 @@ def show_tree
       not_found(t('concepts.missing_roots')) if @root.nil?
 
       render inline: helpers.concepts_tree_component(@root, @concept,
-                                      @ontology.acronym, Array(params[:concept_schemes]&.split(',')), request_lang,
-                                      id: 'concepts_tree_view', auto_click: params[:auto_click] || true)
+                                                     @ontology.acronym, Array(params[:concept_schemes]&.split(',')), request_lang,
+                                                     id: 'concepts_tree_view', auto_click: params[:auto_click] || true)
     end
   end
 

app/controllers/label_xl_controller.rb

@@ -1,5 +1,5 @@
 class LabelXlController < ApplicationController
-  include LabelXlHelper
+  include LabelXlHelper, UrlsHelper
 
   def show
     @label_xl = get_request_label_xl
@@ -9,8 +9,9 @@ def show_label
     label_xl = get_request_label_xl
     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], helpers.main_language_label(label_xl_label))
+    label = helpers.main_language_label(label_xl_label)
+    link = "/ajax/label_xl/?id=#{escape(params[:id])}&ontology=#{params[:ontology_id]}&cls_id=#{escape(params[:cls_id])}"
+    render(inline: helpers.ajax_link_chip(params[:id], label, link, open_in_modal: true, external: label_xl.blank?), layout: false)
   end
 
   private