#{render(LanguageFieldComponent.new(label: t('components.all_languages'), icon: 'icons/earth.svg', value: 'en'))}
", 'all']] if @enable_all
-
- @languages.each do |key, label|
- option = "#{render(LanguageFieldComponent.new(value: key.to_s.downcase, label: label, auto_label: true))}
"
- values += [[option, key.to_s.downcase]]
- end
- values
- end
-
- def call
- render SelectInputComponent.new(id: @id, name: @name, values: languages,
- selected: @selected,
- data: @data,
- required: true,
- open_to_add_values: false,
- placeholder: t('components.select_anguage'), **@html_options)
- end
-end
diff --git a/app/components/input/number_component.rb b/app/components/input/number_component.rb
deleted file mode 100644
index ae4c90073..000000000
--- a/app/components/input/number_component.rb
+++ /dev/null
@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-class Input::NumberComponent < Input::InputFieldComponent
- def initialize(label: '', name:, value: nil, placeholder: '', error_message: '', helper_text: '', min: '', max: '', step: '', tooltip: nil)
- super(label: label, name: name, value: value, placeholder: placeholder, error_message: error_message, helper_text: helper_text, tooltip: tooltip)
- @min = min
- @max = max
- @step = step
- end
-
- def call
- render Input::InputFieldComponent.new(label: @label, name: @name, value: @value, placeholder: @placeholder, error_message: @error_message, helper_text: @helper_text, tooltip: @tooltip ,type: "number", min: @min, max: @max, step: @step)
- end
-end
diff --git a/app/components/input/password_component.rb b/app/components/input/password_component.rb
deleted file mode 100644
index 435692a5b..000000000
--- a/app/components/input/password_component.rb
+++ /dev/null
@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-class Input::PasswordComponent < Input::InputFieldComponent
- def initialize(label: '', name:, value: nil, placeholder: '', error_message: '', helper_text: '')
- super(label: label, name: name, value: value, placeholder: placeholder, error_message: error_message, helper_text: helper_text)
- end
-
- def call
- render Input::InputFieldComponent.new(label: @label, name: @name, value: @value, placeholder: @placeholder, error_message: @error_message, helper_text: @helper_text, type: "password")
- end
-end
diff --git a/app/components/input/radio_chip_component.rb b/app/components/input/radio_chip_component.rb
deleted file mode 100644
index b800c207f..000000000
--- a/app/components/input/radio_chip_component.rb
+++ /dev/null
@@ -1,10 +0,0 @@
-class Input::RadioChipComponent < ViewComponent::Base
- def initialize(label: nil, name: nil, value: nil, checked: false, onchange: nil)
- @label = label
- @name = name
- @value = value
- @checked = checked
- @onchange = onchange
- end
-
-end
\ No newline at end of file
diff --git a/app/components/input/radio_chip_component/radio_chip_component.html.haml b/app/components/input/radio_chip_component/radio_chip_component.html.haml
deleted file mode 100644
index 65ed9e79a..000000000
--- a/app/components/input/radio_chip_component/radio_chip_component.html.haml
+++ /dev/null
@@ -1,5 +0,0 @@
-%label.radio{'data-controller': 'radio-chip', class: @name}
- %input{type:"radio", value: @value, name: @name, 'data-action': 'change->radio-chip#check', checked: @checked, onchange: @onchange}
- .text
- = @label
- %span
\ No newline at end of file
diff --git a/app/components/input/radio_chip_component/radio_chip_component_controller.js b/app/components/input/radio_chip_component/radio_chip_component_controller.js
deleted file mode 100644
index a2c85ceed..000000000
--- a/app/components/input/radio_chip_component/radio_chip_component_controller.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import {Controller} from "@hotwired/stimulus";
-
-
-export default class extends Controller {
- connect(){
- if(this.element.children[0].checked){
- this.element.classList.add('selected')
- }
- }
- check(){
- if(this.element.children[0].checked){
- this.element.classList.add('selected')
- }
- let other_radios = document.getElementsByClassName(this.element.children[0].name)
- let element = this.element
- Array.from(other_radios).forEach(function(otherRadio){
- if (otherRadio !== element) {
- otherRadio.classList.remove('selected')
- }
- });
- }
-}
\ No newline at end of file
diff --git a/app/components/input/range_slider_component.rb b/app/components/input/range_slider_component.rb
deleted file mode 100644
index 4bea0845a..000000000
--- a/app/components/input/range_slider_component.rb
+++ /dev/null
@@ -1,13 +0,0 @@
-
-
-class Input::RangeSliderComponent < ViewComponent::Base
- def initialize(name: nil, label: nil ,value: '50', min: '0', max: '100', step: '1')
- @name = name
- @label = label
- @value = value
- @min = min
- @max = max
- @step = step
- end
-
-end
\ No newline at end of file
diff --git a/app/components/input/range_slider_component/range_slider_component.html.haml b/app/components/input/range_slider_component/range_slider_component.html.haml
deleted file mode 100644
index b98c1062e..000000000
--- a/app/components/input/range_slider_component/range_slider_component.html.haml
+++ /dev/null
@@ -1,12 +0,0 @@
-.range-slider-container{'data-controller': 'range-slider'}
- - if @label
- .text-input-label
- = @label
-
- .selection{'data-range-slider-target': 'selection'}
- 50
- .range-slider
- %input{type: "range", min: @min, max: @max, step: @step, value: @value, 'data-action': 'input->range-slider#handleInput', 'data-range-slider-target': 'input', name: @name}
- .selector{'data-range-slider-target': 'selector'}
- .select-button
- .select-range{'data-range-slider-target': 'range'}
\ No newline at end of file
diff --git a/app/components/input/range_slider_component/range_slider_component_controller.js b/app/components/input/range_slider_component/range_slider_component_controller.js
deleted file mode 100644
index 8fcc635b4..000000000
--- a/app/components/input/range_slider_component/range_slider_component_controller.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Controller} from "@hotwired/stimulus";
-
-export default class extends Controller {
- static targets = ['selector', 'range', 'selection', 'input']
- connect(){
- this.#updateSelector()
- }
-
- handleInput(){
- this.#updateSelector()
- }
-
- #updateSelector(){
- let pourcentage = (this.inputTarget.value / this.inputTarget.max) * 100
- this.selectorTarget.style.left = (pourcentage*0.95)+"%"
- this.rangeTarget.style.width = (pourcentage*0+pourcentage)+"%"
- this.selectionTarget.innerHTML = this.inputTarget.value
- }
-}
diff --git a/app/components/input/select_component.rb b/app/components/input/select_component.rb
deleted file mode 100644
index c03cbdc3c..000000000
--- a/app/components/input/select_component.rb
+++ /dev/null
@@ -1,24 +0,0 @@
-# frozen_string_literal: true
-
-class Input::SelectComponent < Input::InputFieldComponent
-
- def initialize(id: nil, label: '', name:, value: [], selected: '', placeholder: '', error_message: '', helper_text: '', multiple: false, open_to_add_values: false, required: false, data: {}, tooltip: nil)
- super(label: label, name: name, value: value, placeholder: placeholder, error_message: error_message,
- helper_text: helper_text, data: data, tooltip: tooltip)
- @values = value
- @selected = selected
- @open_to_add_values = open_to_add_values
- @multiple = multiple
- @id = id
- @required = required
- end
-
- def call
- render Input::InputFieldComponent.new(name: @name, error_message: @error_message, helper_text: @helper_text, label: @label, tooltip: @tooltip) do
- render SelectInputComponent.new(id: @id, name: @name, values: @values, selected: @selected,
- placeholder: @placeholder, required: @required,
- multiple: @multiple, open_to_add_values: @open_to_add_values,
- data: @data)
- end
- end
-end
diff --git a/app/components/input/text_area_component.rb b/app/components/input/text_area_component.rb
deleted file mode 100644
index 04f453337..000000000
--- a/app/components/input/text_area_component.rb
+++ /dev/null
@@ -1,12 +0,0 @@
-# frozen_string_literal: true
-
-class Input::TextAreaComponent < Input::InputFieldComponent
- def initialize(label: '', name:, value: nil, placeholder: '', error_message: '', helper_text: '', rows: "5", resize: nil)
- super(label: label, name: name, value: value, placeholder: placeholder, error_message: error_message, helper_text: helper_text)
- @rows = rows
- @resize = resize
- end
- def resize
- @resize ? "resize: vertical;" : ""
- end
-end
diff --git a/app/components/input/text_area_component/text_area_component.html.haml b/app/components/input/text_area_component/text_area_component.html.haml
deleted file mode 100644
index f00c4cffb..000000000
--- a/app/components/input/text_area_component/text_area_component.html.haml
+++ /dev/null
@@ -1,3 +0,0 @@
-= render Input::InputFieldComponent.new(label: @label, name: @name, value: @value, placeholder: @placeholder, error_message: @error_message, helper_text: @helper_text) do
- %textarea.input-field-component{name: @name, rows: @rows, placeholder: @placeholder, style: "#{error_style} #{resize}"}
- = @value
\ No newline at end of file
diff --git a/app/components/input/text_input_component.rb b/app/components/input/text_input_component.rb
deleted file mode 100644
index 6e144d351..000000000
--- a/app/components/input/text_input_component.rb
+++ /dev/null
@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-class Input::TextInputComponent < Input::InputFieldComponent
- def initialize(label: '', name:, value: nil, placeholder: '', error_message: '', helper_text: '', disabled: false, id: '', data: {})
- super(label: label, name: name, value: value, placeholder: placeholder, error_message: error_message, helper_text: helper_text, disabled: disabled, id: id, data: data)
- end
-
- def call
- render Input::InputFieldComponent.new(label: @label, name: @name, value: @value, placeholder: @placeholder,
- error_message: @error_message, helper_text: @helper_text,
- type: @type, disabled: @disabled, data: @data)
- end
-end
diff --git a/app/components/input/url_component.rb b/app/components/input/url_component.rb
deleted file mode 100644
index 01db0eb68..000000000
--- a/app/components/input/url_component.rb
+++ /dev/null
@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-class Input::UrlComponent < Input::InputFieldComponent
- def initialize(label: '', name:, value: nil, placeholder: '', error_message: '', helper_text: '')
- super(label: label, name: name, value: value, placeholder: placeholder, error_message: error_message, helper_text: helper_text)
- end
-
- def call
- render Input::InputFieldComponent.new(label: @label, name: @name, value: @value, placeholder: @placeholder, error_message: @error_message, helper_text: @helper_text, type: "url")
- end
-end
diff --git a/app/components/internal_link_text_component.rb b/app/components/internal_link_text_component.rb
deleted file mode 100644
index cd1d73b3e..000000000
--- a/app/components/internal_link_text_component.rb
+++ /dev/null
@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-class InternalLinkTextComponent < LinkTextComponent
- def initialize(text:)
- super(text: text, icon: 'icons/internal-link.svg')
- end
-end
diff --git a/app/components/label_link_component.rb b/app/components/label_link_component.rb
deleted file mode 100644
index 3d8ecee98..000000000
--- a/app/components/label_link_component.rb
+++ /dev/null
@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-class LabelLinkComponent < ViewComponent::Base
-
- def initialize(id:, text:, icon: 'popup-link')
- @id = id
- @text = text
- @icon = icon
- end
-
- def call
- if @id.eql?(@text)
- ExternalLinkTextComponent.new(text: @text).call
- else
- InternalLinkTextComponent.new(text: @text).call
- end
- end
-
- def self.inline(id, text)
- { plain: LabelLinkComponent.new(id: id, text: text).call }
- end
-end
diff --git a/app/components/language_field_component.rb b/app/components/language_field_component.rb
deleted file mode 100644
index 7998432a9..000000000
--- a/app/components/language_field_component.rb
+++ /dev/null
@@ -1,43 +0,0 @@
-# frozen_string_literal: true
-require 'iso-639'
-
-class LanguageFieldComponent < ViewComponent::Base
-
- include FlagIconsRails::Rails::ViewHelpers
-
- def initialize(value:, label: nil, auto_label: false, icon: nil)
- super
- @value = value
- @lang_code = nil
- @label = label
- @icon = icon
-
- iso = ISO_639.find(value.to_s.split('/').last)
- if iso
- @lang_code = iso.alpha2
- @label ||= iso.english_name if auto_label
- end
- end
-
- def lang_code
- case @lang_code
- when 'en'
- @lang_code = 'gb'
- when 'ar'
- @lang_code = 'sa'
- when 'hi'
- @lang_code = 'in'
- when 'ur'
- @lang_code = 'pk'
- when 'zh'
- @lang_code = 'cn'
- when 'ja'
- @lang_code = 'jp'
- end
- @lang_code
- end
-
- def value
- @value&.is_a?(String) ? @value.to_s.split('/').last : 'NO-LANG'
- end
-end
diff --git a/app/components/language_field_component/language_field_component.html.haml b/app/components/language_field_component/language_field_component.html.haml
deleted file mode 100644
index 66c514f38..000000000
--- a/app/components/language_field_component/language_field_component.html.haml
+++ /dev/null
@@ -1,8 +0,0 @@
-- if @lang_code
- .d-flex.align-items-center
- = @icon ? inline_svg_tag(@icon, width: "17px", height: "17px") : flag_icon(lang_code)
- - if @label
- %div.ml-1
- = @label
-- else
- = render ChipButtonComponent.new(text: value)
\ No newline at end of file
diff --git a/app/components/layout/card_component.rb b/app/components/layout/card_component.rb
deleted file mode 100644
index ceebc820c..000000000
--- a/app/components/layout/card_component.rb
+++ /dev/null
@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-class Layout::CardComponent < ViewComponent::Base
- renders_one :header, Display::HeaderComponent
-
- def call
- content_tag(:div, class: 'summary-card') do
- out = ''
- out = header if header?
- raw(out.to_s + content)
- end
- end
-end
diff --git a/app/components/layout/horizontal_list_component.rb b/app/components/layout/horizontal_list_component.rb
deleted file mode 100644
index 9a66c7377..000000000
--- a/app/components/layout/horizontal_list_component.rb
+++ /dev/null
@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-class Layout::HorizontalListComponent < ViewComponent::Base
- renders_many :elements
-
- def initialize(truncate: true)
- @truncate = truncate ? 'text-truncate' : ''
- end
-
- def call
- return if elements.empty?
-
- content_tag(:div, class: 'd-flex flex-wrap align-items-center') do
- out = ''
- elements.each do |element|
- out = out + content_tag(:div, element, class: "mr-1 mb-1 #{@truncate}")
- end
- raw out
- end
- end
-
-end
diff --git a/app/components/layout/list_component.rb b/app/components/layout/list_component.rb
deleted file mode 100644
index edf75b865..000000000
--- a/app/components/layout/list_component.rb
+++ /dev/null
@@ -1,20 +0,0 @@
-# frozen_string_literal: true
-
-class Layout::ListComponent < ViewComponent::Base
-
- renders_many :rows
-
- def call
- return if rows.map(&:to_s).reject(&:empty?).empty?
-
- content_tag(:div, style: 'padding: 0px 20px 20px 20px;') do
- out = ""
- rows.each do |row|
- next if row.nil? || row.to_s.empty?
- out = out + content_tag(:div, row.to_s, class: 'mb-1')
- end
- out.html_safe
- end
- end
-
-end
diff --git a/app/components/layout/progress_pages_component.rb b/app/components/layout/progress_pages_component.rb
deleted file mode 100644
index 1680e4e49..000000000
--- a/app/components/layout/progress_pages_component.rb
+++ /dev/null
@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-class Layout::ProgressPagesComponent < ViewComponent::Base
-
- renders_many :pages
- def initialize(pages_title: [])
- super
- @pages_title = pages_title
- end
-end
diff --git a/app/components/layout/progress_pages_component/progress_pages_component.html.haml b/app/components/layout/progress_pages_component/progress_pages_component.html.haml
deleted file mode 100644
index 49707599f..000000000
--- a/app/components/layout/progress_pages_component/progress_pages_component.html.haml
+++ /dev/null
@@ -1,32 +0,0 @@
-%div.w-100{'data-controller': 'progress-pages'}
- %div
- .d-flex.justify-content-center.flex-column
- .progress-pages-container
- - @pages_title.each_with_index do |key, index|
- .progress-item{'data-progress-pages-target': 'pageItem'}
- %div
- .outlined-circle{class: index.zero? ? 'outlined-active-circle' : ''}
- = image_tag("icons/white-check.svg")
- %span{class: index.zero? ? 'active' : ''}
- = key.humanize
- - if index < (@pages_title.size-1)
- %hr.line
- %div
- - pages.each_with_index do |page, index|
- %div.progress-content.position-relative{{'data-progress-pages-target': 'pageContent'}, class: index.zero? ? '' : 'hide'}
- = page
-
-
- .progress-pages-actions
- .progress-pages-back-button.hide{'data-action': "click->progress-pages#navigateBack", 'data-progress-pages-target': 'backBtn'}
- = render Buttons::RegularButtonComponent.new(id: 'progress-pages-back-button', value: t('components.back'), variant: "secondary", size: 'slim',state: 'regular') do |btn|
- - btn.icon_left do
- = inline_svg "icons/arrow-left.svg"
- .progress-pages-next-button{'data-action': "click->progress-pages#navigateNext", 'data-progress-pages-target': 'nextBtn'}
- = render Buttons::RegularButtonComponent.new(id: 'progress-pages-next-button', value: t('components.next'), size: 'slim', state: 'regular') do |btn|
- - btn.icon_right do
- = inline_svg "arrow-right.svg"
- .progress-pages-next-button.hide{ 'data-progress-pages-target': 'finishBtn'}
- = render Buttons::RegularButtonComponent.new(id: 'progress-pages-finish-button', value: t('components.finish'), size: 'slim', type: 'submit') do |btn|
- - btn.icon_right do
- = inline_svg "icons/white-check.svg"
\ No newline at end of file
diff --git a/app/components/layout/progress_pages_component/progress_pages_component_controller.js b/app/components/layout/progress_pages_component/progress_pages_component_controller.js
deleted file mode 100644
index 146922311..000000000
--- a/app/components/layout/progress_pages_component/progress_pages_component_controller.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import {Controller} from "@hotwired/stimulus";
-
-export default class extends Controller {
- static targets = ['pageItem','pageContent' ,'backBtn', 'nextBtn', 'finishBtn']
- connect() {
- this.pagesItems = this.pageItemTargets
- this.buttons = [this.backBtnTarget, this.nextBtnTarget, this.finishBtnTarget]
- this.currentForm = 1
- }
-
- navigateBack(){
- this.navigateForm('back')
- }
- navigateNext(){
- this.navigateForm('next')
- }
-
- navigateForm(direction) {
- if (direction === "next" && this.currentForm < this.pagesItems.length) {
- this.currentForm += 1
- this.showForm()
- } else if (direction === "back" && this.currentForm > 1){
- this.currentForm -= 1
- this.showForm()
- }
- }
-
- showForm(){
- const targetForm = this.currentForm
- for (let index = 1; index <= this.pagesItems.length; index++) {
-
- const targetFormDOM = this.pageContentTargets[index - 1];
-
- const isCurrentForm = targetForm === index;
-
- targetFormDOM.classList.toggle("hide", !isCurrentForm);
-
- if (isCurrentForm) {
- this.updateProgressBar(targetForm);
- this.updateButtons(targetForm);
- }
-
- }
-
- }
- updateProgressBar(targetForm) {
- const progressItemsDOM = document.querySelectorAll(".progress-item > div");
- const line = document.querySelectorAll(".line");
-
- progressItemsDOM.forEach((item, index) => {
- const isPassedSection = index + 1 < targetForm;
- const isCurrentSection = index + 1 === targetForm;
-
- item.children[0].classList.toggle("outlined-checked-circle", isPassedSection);
- item.children[0].classList.toggle("outlined-active-circle", isCurrentSection);
-
-
- item.children[1].classList.toggle("active", isCurrentSection || isPassedSection);
-
-
- line[index]?.classList.toggle("active", isPassedSection);
- });
- }
-
- updateButtons(targetForm) {
-
- switch (targetForm) {
- case 1:
- this.showBtn([this.buttons[1]]);
- break;
- case this.pagesItems.length:
- this.showBtn([this.buttons[0], this.buttons[2]]);
- break;
- default:
- this.showBtn([this.buttons[0], this.buttons[1]]);
- }
-
- }
-
- showBtn(btnIds = []) {
- this.buttons.forEach((btn) => {
- const targetBtnDOM = btn;
- const shouldShowBtn = btnIds.includes(btn);
- targetBtnDOM.classList.toggle("hide", !shouldShowBtn);
- });
- }
-}
diff --git a/app/components/layout/reveal_component.rb b/app/components/layout/reveal_component.rb
deleted file mode 100644
index 82456a9a3..000000000
--- a/app/components/layout/reveal_component.rb
+++ /dev/null
@@ -1,20 +0,0 @@
-# frozen_string_literal: true
-
-class Layout::RevealComponent < ViewComponent::Base
- renders_one :button
- renders_many :containers
-
- def initialize(selected: nil, possible_values: [], hidden_class: 'd-none', toggle: false)
- @hidden_class = hidden_class
- @possible_values = toggle && possible_values.empty? ? [true] : possible_values
- @selected = selected
- @toggle = toggle
- end
-
- def container_data
- {
- controller: 'reveal-component',
- 'reveal-component-hidden-class': @hidden_class
- }
- end
-end
diff --git a/app/components/layout/reveal_component/reveal_component.html.haml b/app/components/layout/reveal_component/reveal_component.html.haml
deleted file mode 100644
index 7f672e61d..000000000
--- a/app/components/layout/reveal_component/reveal_component.html.haml
+++ /dev/null
@@ -1,6 +0,0 @@
-%div{data: container_data}
- %div{'data-action': @toggle ? "change->reveal-component#toggle click->reveal-component#toggle" : "change->reveal-component#select"}
- = button
- - containers.each_with_index do |c, i|
- %div{'data-reveal-component-target': "item", 'data-value': @possible_values[i] , class: @possible_values[i].eql?(@selected) ? '' : @hidden_class}
- = c
\ No newline at end of file
diff --git a/app/components/layout/reveal_component/reveal_component_controller.js b/app/components/layout/reveal_component/reveal_component_controller.js
deleted file mode 100644
index 997f8a953..000000000
--- a/app/components/layout/reveal_component/reveal_component_controller.js
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-
-export default class extends Controller {
- static values = {
- hiddenClass: { type: String, default: 'd-none' }
- }
-
- static targets = ['hideButton', 'showButton', 'item']
-
- /*
- Toggle all the items
- */
- toggle (event) {
- this.#getItems(event).forEach((s) => {
- s.classList.toggle(this.hiddenClassValue)
- })
- }
-
- /*
- Hide all the items except the selected one
- */
- select (event) {
- let selectedValue = event.target.value
- let items = this.#getItems(event)
- items.forEach((s) => {
- s.classList.add(this.hiddenClassValue)
- })
-
- items.forEach((s) => {
- if (selectedValue === s.dataset.value) {
- s.classList.remove(this.hiddenClassValue)
- }
- })
- }
-
- show (event) {
- this.#getItems(event).forEach((s) => s.classList.remove(this.hiddenClassValue))
- this.hideButtonTarget.classList.remove(this.hiddenClassValue)
- this.showButtonTarget.classList.add(this.hiddenClassValue)
- }
-
- hide (event) {
- this.#getItems(event).forEach((s) => s.classList.add(this.hiddenClassValue))
- this.hideButtonTarget.classList.add(this.hiddenClassValue)
- this.showButtonTarget.classList.remove(this.hiddenClassValue)
- }
-
- #ItemById (event) {
- let button = event.target.closest('[data-id]')
- return document.getElementById(button.dataset.id)
- }
-
- #getItems (event) {
- let items
- if (this.hasItemTarget) {
- items = this.itemTargets
- } else {
- items = [this.#ItemById(event)]
- }
- return items
- }
-
-}
\ No newline at end of file
diff --git a/app/components/layout/vertical_tabs_component.rb b/app/components/layout/vertical_tabs_component.rb
deleted file mode 100644
index c4709df27..000000000
--- a/app/components/layout/vertical_tabs_component.rb
+++ /dev/null
@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-class Layout::VerticalTabsComponent < ViewComponent::Base
-
- renders_many :item_contents
-
- def initialize(titles: [], header: nil , selected: nil, url_parameter: nil)
- @titles = titles
- @selected = selected
- @header = header
- @url_parameter = url_parameter
- end
-
-end
diff --git a/app/components/layout/vertical_tabs_component/vertical_tabs_component.html.haml b/app/components/layout/vertical_tabs_component/vertical_tabs_component.html.haml
deleted file mode 100644
index ebc37bb14..000000000
--- a/app/components/layout/vertical_tabs_component/vertical_tabs_component.html.haml
+++ /dev/null
@@ -1,20 +0,0 @@
-- if @header
- %div.mb-2
- .edit-ontology-title.mx-2{style: 'font-size: 30px'}
- %div=@header
- %hr
-
-.d-flex{data: {controller:'tabs-container'}}
- .tabs-left-column
- %div.nav.nav-pills.flex-column
- - @titles.each_with_index do |key|
- %a.vertical-tab-item.d-block{href: "##{key.parameterize}-tab", "data-toggle" => "pill", class: @selected.eql?(key.parameterize) ? 'active show' : '', data: {'tab-id': key.parameterize, 'tab-title': key.titleize, 'url-parameter': @url_parameter, action: 'click->tabs-container#selectTab'}}
- = key.humanize
-
- .tabs-right-column.w-100
- %div.tab-content
- - item_contents.each_with_index do |tab, index|
- .tab-pane.fade.mx-4{id: @titles[index].parameterize+'-tab', class: @selected.eql?(@titles[index].parameterize) ? 'active show' : ''}
- = tab
-
-
diff --git a/app/components/license_field_component.rb b/app/components/license_field_component.rb
deleted file mode 100644
index 6baf0f86f..000000000
--- a/app/components/license_field_component.rb
+++ /dev/null
@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-class LicenseFieldComponent < ViewComponent::Base
-
- def initialize(value: )
- super
- @value = value
- end
-
-end
diff --git a/app/components/license_field_component/license_field_component.html.haml b/app/components/license_field_component/license_field_component.html.haml
deleted file mode 100644
index 41fdcdcff..000000000
--- a/app/components/license_field_component/license_field_component.html.haml
+++ /dev/null
@@ -1,8 +0,0 @@
-- if @value.to_s.start_with?("http://creativecommons.org/licenses") || @value.to_s.start_with?("https://creativecommons.org/licenses")
- %a{:rel => "license", :alt => t('components.creative_commons_license'), :href => "#{@value}", :target => "_blank", :style => "border-width:0", :title => "#{@value}"}
- %img{:rel => "license", :alt => t('components.creative_commons_license'), :title => "#{@value}", :style => "border-width:0", :src => "https://i.creativecommons.org/l/by/4.0/88x31.png"}
-- elsif @value.to_s.start_with?("http://opensource.org/licenses") || @value.to_s.start_with?("https://opensource.org/licenses")
- %a{:rel => "license", :alt => t('components.open_source_license'), :href => "#{@value}", :title => "#{@value}", :target => "_blank", :style => "border-width:0;", :src => "https://opensource.org/files/osi_logo_bold_100X133_90ppi.png"}
- %img{:rel => "license", :alt => t('components.open_source_license'), :title => "#{@value}", :style => "height: 80px; border-width:0;", :src => "https://opensource.org/files/osi_logo_bold_100X133_90ppi.png"}
-- else
- %a{:rel => "license", :href => "#{@value}", :target => "_blank"}= @value
\ No newline at end of file
diff --git a/app/components/link_field_component.rb b/app/components/link_field_component.rb
deleted file mode 100644
index 3e5af446e..000000000
--- a/app/components/link_field_component.rb
+++ /dev/null
@@ -1,37 +0,0 @@
-# frozen_string_literal: true
-
-class LinkFieldComponent < ViewComponent::Base
-
- include ApplicationHelper, Turbo::FramesHelper, ComponentsHelper
-
- def initialize(value:, acronym: nil, raw: false, check_resolvability: false, enable_copy: true, generate_link: false, generate_htaccess: false)
- super
- @value = value
- @raw = raw
- @check_resolvability = check_resolvability
- @enable_copy = enable_copy
- @acronym = acronym
- @generate_link = generate_link
- @generate_htaccess = generate_htaccess
- end
-
- def internal_link?
- @value.to_s.include?(URI.parse($REST_URL).hostname) || @value.to_s.include?(URI.parse($UI_URL).hostname)
- end
-
- def link_tag
- if !@raw && internal_link?
- url = @value.to_s.split("/").last
- text = @value.to_s.sub("data.", "")
- target = ""
- else
- url = @value.to_s
- text = url
- target = "_blank"
- end
-
- tag = link_to(text, url, target: target, class: 'summary-link-truncate', 'data-controller': 'tooltip', title: text)
- link_to_with_actions(tag, acronym: @acronym, url: url, copy: @enable_copy, check_resolvability: @check_resolvability, generate_link: @generate_link, generate_htaccess: @generate_htaccess)
- end
-
-end
diff --git a/app/components/link_field_component/link_field_component.html.haml b/app/components/link_field_component/link_field_component.html.haml
deleted file mode 100644
index 75b7914af..000000000
--- a/app/components/link_field_component/link_field_component.html.haml
+++ /dev/null
@@ -1,8 +0,0 @@
-- if internal_link?
- = render ChipButtonComponent.new(type: "clickable") do
- = link_tag
-- elsif link?(@value.to_s)
- = render ChipButtonComponent.new(type: "clickable") do
- = link_tag
-- else
- = render ChipButtonComponent.new( text: @value.to_s, type: "static")
\ No newline at end of file
diff --git a/app/components/link_text_component.rb b/app/components/link_text_component.rb
deleted file mode 100644
index 47ea0f6df..000000000
--- a/app/components/link_text_component.rb
+++ /dev/null
@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-class LinkTextComponent < ViewComponent::Base
- include InternationalisationHelper
-
- def initialize(text:, icon: nil, target: nil)
- @text = text
- @icon = icon
- @target = target
- end
-
- def call
- svg_icon = !@icon&.empty? ? inline_svg(@icon) : ''
- extra_span = @text == t('mappings.upload_mappings') ? '' : "#{svg_icon}"
- "#{@text}#{extra_span}".html_safe
- end
-end
diff --git a/app/components/nested_agent_search_input_component.rb b/app/components/nested_agent_search_input_component.rb
deleted file mode 100644
index 1f3ac942e..000000000
--- a/app/components/nested_agent_search_input_component.rb
+++ /dev/null
@@ -1,16 +0,0 @@
-# frozen_string_literal: true
-
-class NestedAgentSearchInputComponent < ViewComponent::Base
-
- include Turbo::FramesHelper, AgentHelper
-
- def initialize(label: nil, agents:, agent_type:, name_prefix:, show_affiliations: true, edit_on_modal: false, parent_id: nil)
- @agents = agents
- @agent_type = agent_type
- @name_prefix = name_prefix
- @edit_on_modal = edit_on_modal
- @parent_id = parent_id
- @label = label
- @show_affiliations = show_affiliations
- end
-end
diff --git a/app/components/nested_agent_search_input_component/nested_agent_search_input_component.html.haml b/app/components/nested_agent_search_input_component/nested_agent_search_input_component.html.haml
deleted file mode 100644
index 9290423d9..000000000
--- a/app/components/nested_agent_search_input_component/nested_agent_search_input_component.html.haml
+++ /dev/null
@@ -1,18 +0,0 @@
-= render NestedFormInputsComponent.new do |c|
- - c.header do
- = @label
- - c.template do
- = render TurboFrameComponent.new(id: agent_id_frame_id('NEW_RECORD', @parent_id)) do
- = render AgentSearchInputComponent.new(id: 'NEW_RECORD', agent_type: @agent_type,
- name_prefix: @name_prefix, show_affiliations: @show_affiliations,
- parent_id: @parent_id, edit_on_modal: @edit_on_modal)
-
- - c.empty_state do
- = hidden_field_tag agent_field_name('', @name_prefix+"[#{Array(@agents).size}]")
- - Array(@agents).each_with_index do |agent, i|
- - if agent.is_a?(String)
- - c.row do
- = agent
- - elsif agent&.agentType
- - c.row do
- = render partial: 'agents/agent_show', locals: {agent_id: i, agent: agent, name_prefix: @name_prefix, edit_on_modal: @edit_on_modal, parent_id: @parent_id}
diff --git a/app/components/nested_form_inputs_component.rb b/app/components/nested_form_inputs_component.rb
deleted file mode 100644
index f53818580..000000000
--- a/app/components/nested_form_inputs_component.rb
+++ /dev/null
@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-class NestedFormInputsComponent < ViewComponent::Base
-
- renders_one :template
- renders_one :header
- renders_many :rows
- renders_one :empty_state
-
- def initialize(object_name: '', default_empty_row: false)
- super
- @object_name = object_name
- @default_row = default_empty_row
- end
-end
diff --git a/app/components/nested_form_inputs_component/nested_form_inputs_component.html.haml b/app/components/nested_form_inputs_component/nested_form_inputs_component.html.haml
deleted file mode 100644
index d0e5751e2..000000000
--- a/app/components/nested_form_inputs_component/nested_form_inputs_component.html.haml
+++ /dev/null
@@ -1,34 +0,0 @@
-%div.nested-form-input-container{data: {controller: "nested-form"}}
- %template{'data-nested-form-target':"template"}
- %div.d-flex.align-items-center.nested-form-wrapper.my-1{'data-new-record': 'true'}
- %div{style: 'width: 90%'}
- = template
- %div.d-flex.justify-content-end{style: 'width: 10%'}
- %div.delete{data: {action:"click->nested-form#remove"}}
- = inline_svg 'icons/delete.svg'
-
- %div.titles
- = header
- %div.d-none
- = empty_state
- - rows.each_with_index do |row , index|
- %div.d-flex.align-items-center.nested-form-wrapper.my-1{'data-new-record': 'true'}
- %div{style: 'width: 90%'}
- = row
- %div.d-flex.justify-content-end{style: 'width: 10%'}
- %div.delete{data: {action:"click->nested-form#remove"}}
- = inline_svg 'icons/delete.svg'
-
- - if @default_row && rows.empty?
- %div.d-flex.align-items-center.nested-form-wrapper.my-1{'data-new-record': 'true'}
- %div{style: 'width: 90%'}
- = template
- %div.d-flex.justify-content-end{style: 'width: 10%'}
- %div.delete{data: {action:"click->nested-form#remove"}}
- = inline_svg 'icons/delete.svg'
-
- %div{'data-nested-form-target': "target"}
- %div.add-another-object{data: {action:"click->nested-form#add"}}
- = inline_svg 'icons/plus.svg', width: "14px", height: "14px"
- %div
- Add another #{@object_name}
diff --git a/app/components/notification_component.rb b/app/components/notification_component.rb
deleted file mode 100644
index 49f82354a..000000000
--- a/app/components/notification_component.rb
+++ /dev/null
@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-class NotificationComponent < ViewComponent::Base
-
- def initialize(title:, comment: '', type: 'success', auto_remove: true)
- super
- @title = title
- @comment = comment
- @type = type
- @auto_remove = auto_remove
- end
-
- def auto_remove?
- @auto_remove
- end
-
- def notification_type_icon
- svg_icon(@type)
- end
-
- def notification_animation_class
- auto_remove? ? 'slide-in-out-right' : 'slide-in-right'
- end
-
- def notification_type_class
- "type-#{@type}"
- end
-
- def notification_class
- notification_animation_class
- end
-
- private
- def svg_icon(name)
- inline_svg_tag("icons/#{name}.svg", class: notification_type_class)
- end
-
-
-end
diff --git a/app/components/notification_component/notification_component.html.haml b/app/components/notification_component/notification_component.html.haml
deleted file mode 100644
index 92962db54..000000000
--- a/app/components/notification_component/notification_component.html.haml
+++ /dev/null
@@ -1,13 +0,0 @@
-.notification{class: notification_class}
- .notification-inner
- .notification-content
- %span
- = notification_type_icon
- .notification-text
- %p.text-sm.font-medium.text-gray-900
- = @title
- %p
- = @comment
- .ml-4.flex-shrink-0.d-flex
- %button.notification-close{"onClick": "this.parentElement.parentElement.parentElement.style.opacity = 0"}
- = svg_icon('close')
\ No newline at end of file
diff --git a/app/components/ontology_browse_card_component.rb b/app/components/ontology_browse_card_component.rb
deleted file mode 100644
index 84251d7f0..000000000
--- a/app/components/ontology_browse_card_component.rb
+++ /dev/null
@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-class OntologyBrowseCardComponent < ViewComponent::Base
- include OntologiesHelper
-
- def initialize(ontology: nil)
- super
- @ontology = ontology
- end
-
- def ontology
- @ontology
- end
-end
diff --git a/app/components/ontology_browse_card_component/ontology_browse_card_component.html.haml b/app/components/ontology_browse_card_component/ontology_browse_card_component.html.haml
deleted file mode 100644
index aaf97e85f..000000000
--- a/app/components/ontology_browse_card_component/ontology_browse_card_component.html.haml
+++ /dev/null
@@ -1,85 +0,0 @@
--if ontology
- .browse-ontology-container
- .d-flex
- .browse-ontology-description
- .browse-ontology-title-bar
- %a.browse-ontology-title{:href => "/ontologies/#{ontology[:acronym]}", data: {'turbo': 'false'}}
- = ontology[:name]+" ("+ontology[:acronym]+")"
- = private_ontology_icon(ontology[:private])
- - if session[:user]&.admin?
- - ontology_status = status_string(ontology)
- = render Display::InfoTooltipComponent.new(text: ontology_status, icon: submission_status_icons(ontology_status))
- .browse-desc-container{data:{controller:"text-truncate", 'text-truncate-more-text-value': t('components.show_more') , 'text-truncate-less-text-value': t('components.show_less')}}
- %p.browse-desc-text{'data-text-truncate-target': 'content'}
- = ontology[:description]
- .browse-show-more-button{data:{'text-truncate-target': 'button', 'action':"click->text-truncate#toggle"}}
- = t('components.show_more')
-
-
- - unless ontology[:fairScore].nil? || ontology[:fairScore].zero? || ontology[:acronym] == 'AGROVOC'
- .browse-fair
- %p.browse-fair-title
- = t('components.fair_score')
- .browse-progress-bar
- .browse-faire-progress{:style => "width: #{ontology[:normalizedFairScore].to_s+"%"}"}
- %p.browse-fair-score
- = ontology[:fairScore]
- %a.browse-fair-details{:href => "/ontologies/#{ontology[:acronym]}#fair-details", 'data-turbo': 'false'}= t('components.details_details')
-
- .browse-ontology-cards
- = render SquareBadgeComponent.new(label: t('components.classes'), count: ontology[:class_count_formatted], link: "/ontologies/#{ontology[:acronym]}?p=classes" )
-
- = render SquareBadgeComponent.new(label: ontology[:format] == 'SKOS' ? t('components.concepts') : t('components.instances'),
- count: ontology[:individual_count_formatted],
- link: "/ontologies/#{ontology[:acronym]}?p=#{ontology[:format] == 'SKOS' ? "classes" : "instances"}")
-
- = render SquareBadgeComponent.new(label: t('components.projects'), count: ontology[:project_count], link: "/ontologies/#{ontology[:acronym]}#projects_section" )
-
- = render SquareBadgeComponent.new(label: t('components.notes'), count: ontology[:note_count], link: "/ontologies/#{ontology[:acronym]}?p=notes" )
-
-
- .d-flex.align-items-baseline.mt-1
- - if ontology[:creationDate]
- %span.mr-1
- = render ChipButtonComponent.new(type: "clickable") do
- %span.mr-1= t('components.submitted')
- %span.browse-uploaded-date{data:{controller: 'timeago', 'timeago-datetime-value': ontology[:creationDate], 'timeago-add-suffix-value': 'true'}}
- - if ontology[:contact]
- %span.mx-1= t('components.by')
- %span.browse-uploaded-date.text-truncate
- = ontology[:contact].titleize
-
- - if ontology[:released]
- - date = render DateTimeFieldComponent.new(value: ontology[:released])
- %span{data:{controller:'tooltip'}, title: t('components.creation_date', date: date)}
- = render ChipButtonComponent.new(type: "clickable") do
- = DateTime.parse(date).year rescue date
-
- - if ontology[:format]
- %span.mx-1
- = render ChipButtonComponent.new(type: "clickable") do
- = ontology[:format]
- - if ontology_retired?(ontology)
- %span.mx-1
- = ontology_retired_badge(ontology)
- - if ontology[:viewOfOnt]
- %span.mx-1{data:{controller:'tooltip'}, title: t('components.view_of_the_ontology', ontology: ontology[:viewOfOnt].split('/').last )}
- = render ChipButtonComponent.new(type: "clickable", text: t('components.view'))
-
- - if session[:user]&.admin?
- %div.mx-1{title: content_tag(:div, debug(ontology), style: 'height: 300px; overflow: scroll'), data:{controller: 'tooltip', 'tooltip-interactive-value': 'true'}}
- = render ChipButtonComponent.new(type: "clickable", text: t('components.debug') , class: 'admin-background')
-- else
- .browse-ontology-container
- .browse-sket
- .browse-sket-column-one
- .one
- .two
- .three
- .four
- .browse-sket-column-two
- .one
- .two
- .browse-sket-column-three
- .one
- .two
\ No newline at end of file
diff --git a/app/components/ontology_search_input_component.rb b/app/components/ontology_search_input_component.rb
deleted file mode 100644
index 0e4f2f16b..000000000
--- a/app/components/ontology_search_input_component.rb
+++ /dev/null
@@ -1,12 +0,0 @@
-# frozen_string_literal: true
-
-class OntologySearchInputComponent < ViewComponent::Base
- include InternationalisationHelper
-
- def initialize(name: 'search', placeholder: t('ontologies.ontology_search_prompt'), scroll_down: true, search_icon_type: nil)
- @name = name
- @placeholder = placeholder
- @scroll_down = scroll_down
- @search_icon_type = search_icon_type
- end
-end
diff --git a/app/components/ontology_search_input_component/ontology_search_input_component.html.haml b/app/components/ontology_search_input_component/ontology_search_input_component.html.haml
deleted file mode 100644
index ca9f7df33..000000000
--- a/app/components/ontology_search_input_component/ontology_search_input_component.html.haml
+++ /dev/null
@@ -1,11 +0,0 @@
-= render SearchInputComponent.new(placeholder: @placeholder, search_icon_type: @search_icon_type,
- name: @name, scroll_down: @scroll_down, ajax_url: '/ajax/ontologies?acronym=',
- item_base_url: '/ontologies/', id_key:'acronym',
- actions_links: {search_ontology_content: "/search?query=o", browse_all_ontologies: "/ontologies?search=o"}) do |s|
-
- - s.template do
- %a{href: "LINK", class: "search-content", 'data-turbo-frame': '_top'}
- %p.search-element.home-searched-ontology
- NAME(ACRONYM)
- %p.home-result-type
- TYPE
\ No newline at end of file
diff --git a/app/components/ontology_subscribe_button_component.rb b/app/components/ontology_subscribe_button_component.rb
deleted file mode 100644
index 24edeb409..000000000
--- a/app/components/ontology_subscribe_button_component.rb
+++ /dev/null
@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-class OntologySubscribeButtonComponent < ViewComponent::Base
- include InternationalisationHelper
- def initialize(id: '', ontology_id:, subscribed:, user_id:, count: 0, link: 'javascript:void(0);')
- super
- @id = id
- @subscribed = subscribed
- @sub_text = subscribed ? t('components.unwatch') : t('components.watch')
- @link = link
- @count = count
- @controller_params = {
- data: {
- controller: "tooltip #{!user_id.nil? && 'subscribe-notes'}",
- 'subscribe-notes-ontology-id-value': ontology_id,
- 'subscribe-notes-is-subbed-value': subscribed.to_s,
- 'subscribe-notes-user-id-value': user_id,
- 'subscribe-notes-watch-value': t('components.watch'),
- 'subscribe-notes-unwatch-value': t('components.unwatch'),
- action: 'click->subscribe-notes#subscribeToNotes',
- },
- title: title
- }
- end
-
- def title
- if @subscribed
- t('components.resource', sub_text: @sub_text)
- elsif @count.zero?
- t('components.notified_of_all_updates')
- else
- t('components.join_the_count', count: @count)
- end
- end
-
- def data_turbo
- @link.include?('/login') ? 'false' : 'true'
- end
-end
diff --git a/app/components/ontology_subscribe_button_component/ontology_subscribe_button_component.html.haml b/app/components/ontology_subscribe_button_component/ontology_subscribe_button_component.html.haml
deleted file mode 100644
index bf0b2add6..000000000
--- a/app/components/ontology_subscribe_button_component/ontology_subscribe_button_component.html.haml
+++ /dev/null
@@ -1,14 +0,0 @@
-%div{@controller_params, style: 'margin-left: 10px;', id: @id}
- = render PillButtonComponent.new do
- %a.d-flex.align-items-center{href: @link, 'data-turbo': data_turbo}
- = inline_svg_tag "eye.svg"
- %div
- %span{'data-subscribe-notes-target': 'text'}
- #{@sub_text}
- (
- %span{'data-subscribe-notes-target': 'count'}
- #{@count}
- )
- %span{style:"display: none;", class: 'px-1', 'data-subscribe-notes-target': 'loader'}
- = render LoaderComponent.new(small: true)
- %span.notes_sub_error{style:'color: red; display: none', 'data-subscribe-notes-target': 'error'}
\ No newline at end of file
diff --git a/app/components/ontology_subscribe_button_component/ontology_subscribe_button_component_controller.js b/app/components/ontology_subscribe_button_component/ontology_subscribe_button_component_controller.js
deleted file mode 100644
index b425c5155..000000000
--- a/app/components/ontology_subscribe_button_component/ontology_subscribe_button_component_controller.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import {Controller} from "@hotwired/stimulus";
-import useAjax from "../../javascript/mixins/useAjax";
-
-// Connects to data-controller="subscribe-notes"
-export default class extends Controller {
- static values = {
- ontologyId: String,
- isSubbed: Boolean,
- userId: String,
- watch: String,
- unwatch: String
- }
- static targets = ["error", "loader", "text" ,"count"]
-
- subscribeToNotes() {
- let ontologyId = this.ontologyIdValue
- let isSubbed = this.isSubbedValue
- let userId = this.userIdValue
-
- this.#hideError()
- this.#showSpinner()
-
- let url = "/subscriptions?user_id=" + userId + "&ontology_id=" + ontologyId + "&subbed=" + isSubbed;
- useAjax({
- type: "POST",
- url: url,
- dataType: "json",
- success: (data) => {
- // Change subbed value on a element
- this.#hideSpinner()
-
- if(!data.updated_sub){
- this.#showError()
- return
- }
-
- let linkElement = $(this.element);
- this.isSubbedValue = !isSubbed
-
- // Change button text
- let txt = this.textTarget.innerHTML
- let count = parseInt(this.countTarget.innerHTML)
-
- let newButtonText = txt.match(this.unwatchValue) ? txt.replace(this.unwatchValue, this.watchValue) : txt.replace(this.watchValue, this.unwatchValue);
- this.element.setAttribute('title', newButtonText + ' this ontology')
- this.textTarget.innerHTML = newButtonText
- this.countTarget.innerHTML = newButtonText.match(this.unwatchValue) ? (count + 1) : (count - 1)
- },
- error: () => {
- this.#hideSpinner()
- this.#showError()
- }
- })
- }
-
- #showSpinner() {
- $(this.loaderTarget).show()
- }
-
- #hideSpinner() {
- $(this.loaderTarget).hide()
- }
-
-
- #showError() {
- const errorElem = $(this.errorTarget)
- errorElem.html("Problem subscribing to emails, please try again")
- errorElem.show()
- }
-
- #hideError() {
- $(this.errorTarget).hide()
- }
-
-
-}
diff --git a/app/components/pill_button_component.rb b/app/components/pill_button_component.rb
deleted file mode 100644
index 5371bee43..000000000
--- a/app/components/pill_button_component.rb
+++ /dev/null
@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-class PillButtonComponent < ViewComponent::Base
-
- def initialize(text: nil)
- super
- @text = text
- end
-end
diff --git a/app/components/pill_button_component/pill_button_component.html.haml b/app/components/pill_button_component/pill_button_component.html.haml
deleted file mode 100644
index ffcb9ff34..000000000
--- a/app/components/pill_button_component/pill_button_component.html.haml
+++ /dev/null
@@ -1,2 +0,0 @@
-%button.pill-button
- = @text || content
\ No newline at end of file
diff --git a/app/components/popup_link_text_component.rb b/app/components/popup_link_text_component.rb
deleted file mode 100644
index d6dbc41e4..000000000
--- a/app/components/popup_link_text_component.rb
+++ /dev/null
@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-class PopupLinkTextComponent < LinkTextComponent
-
- def initialize(text:)
- super(text: text, icon: 'icons/popup-link.svg')
- end
-
-end
diff --git a/app/components/rounded_button_component.rb b/app/components/rounded_button_component.rb
deleted file mode 100644
index b2a0ce49c..000000000
--- a/app/components/rounded_button_component.rb
+++ /dev/null
@@ -1,21 +0,0 @@
-class RoundedButtonComponent < ViewComponent::Base
- def initialize(icon: "json.svg", link: "#", size: "small", target: '', title: '')
- @icon = icon
- @link = link
- @size = size
- @target = target
- @title = title
- end
-
- def size
- case @size
- when "small"
- ["32px", "1", "16px"]
- when "medium"
- ["45px", "1", "23px"]
- when "big"
- ["100px", "2.5", "50px"]
- end
- end
-
-end
\ No newline at end of file
diff --git a/app/components/rounded_button_component/rounded_button_component.html.haml b/app/components/rounded_button_component/rounded_button_component.html.haml
deleted file mode 100644
index f5f23aad5..000000000
--- a/app/components/rounded_button_component/rounded_button_component.html.haml
+++ /dev/null
@@ -1,2 +0,0 @@
-%a.rounded-button{:href => @link, style: "height:"+size[0]+"; width:"+size[0]+"; border-radius:"+size[2]+";", target:@target, title: @title, 'data-controller':'tooltip'}
- = inline_svg_tag @icon, style: "transform: scale("+size[1]+");"
diff --git a/app/components/search_input_component.rb b/app/components/search_input_component.rb
deleted file mode 100644
index 9390797d3..000000000
--- a/app/components/search_input_component.rb
+++ /dev/null
@@ -1,42 +0,0 @@
-# frozen_string_literal: true
-
-class SearchInputComponent < ViewComponent::Base
-
- renders_one :template
-
- def initialize(id: '',
- name: '', placeholder: '', actions_links: {},
- scroll_down: true, use_cache: true,
- ajax_url:,
- item_base_url:,
- id_key:,
- links_target: '_top',
- search_icon_type: nil,
- display_all: false)
- @id = id
- @name = name
- @placeholder = placeholder
- @actions_links = actions_links
- @use_cache = use_cache
- @scroll_down = scroll_down
- @ajax_url = ajax_url
- @item_base_url = item_base_url
- @id_key = id_key
- @links_target = links_target
- @search_icon_type = search_icon_type
- @display_all = display_all
- end
- def action_link_info(value)
- if value.is_a?(Hash)
- [value[:link] , value[:target]]
- else
- [value, '_top']
- end
- end
- def nav_icon_class
- @search_icon_type.eql?('nav') ? 'search-input-nav-icon' : ''
- end
- def display_all_mode_class
- @display_all ? 'search-container-scroll' : ''
- end
-end
diff --git a/app/components/search_input_component/search_input_component.html.haml b/app/components/search_input_component/search_input_component.html.haml
deleted file mode 100644
index 9d5e19384..000000000
--- a/app/components/search_input_component/search_input_component.html.haml
+++ /dev/null
@@ -1,35 +0,0 @@
-%div.search-inputs{id: @id, 'data-controller': 'search-input',
- 'data-search-input-ajax-url-value': @ajax_url,
- 'data-search-input-item-link-base-value': @item_base_url,
- 'data-search-input-id-key-value': @id_key,
- 'data-search-input-cache-value': @use_cache.to_s,
- 'data-search-input-scroll-down-value': @scroll_down.to_s,
- 'data-search-input-selected-item-value': 0,
- 'data-search-input-display-all-value': @display_all
- }
-
- - if @search_icon_type
- %div{class: "home-search-button #{nav_icon_class}"}
- %a{href: '/search', 'data-search-input-target': 'button'}
- .search-component-arrow
- = inline_svg_tag 'arrow-right.svg'
- .search-component-loader.d-none{'data-search-input-target': 'loader'}
- = render LoaderComponent.new(small: true)
- - else
- %a.d-none{'data-search-input-target': 'loader'}
- %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'})
- %div{class: "search-container #{display_all_mode_class}", 'data-search-input-target': 'dropDown', 'data-action': 'mousedown->search-input#prevent'}
- - @actions_links.each do |key, value|
- - link, target = action_link_info(value)
- %a.search-content#search-content{href: link, 'data-turbo-frame': target, 'data-search-input-target': 'actionLink'}
- %p.mb-0
- %div
- %img{src: asset_path("loop.svg")}/
- %p
- =key.to_s.humanize
- %template{'data-search-input-target': 'template'}
- = template
\ No newline at end of file
diff --git a/app/components/search_input_component/search_input_component_controller.js b/app/components/search_input_component/search_input_component_controller.js
deleted file mode 100644
index 957dc6f04..000000000
--- a/app/components/search_input_component/search_input_component_controller.js
+++ /dev/null
@@ -1,171 +0,0 @@
-import {Controller} from "@hotwired/stimulus"
-import useAjax from "../../javascript/mixins/useAjax";
-import debounce from 'debounce'
-
-// Connects to data-controller="search-input"
-export default class extends Controller {
- static targets = ["input", "dropDown", "actionLink", "template", "button", "loader"]
- static values = {
- items: Array,
- ajaxUrl: String,
- itemLinkBase: String,
- idKey: String,
- cache: {type: Boolean, default: true},
- selectedItem: Number,
- searchEndpoint: {type: String, default: '/search'},
- displayAll: Boolean
- }
-
- connect() {
- this.input = this.inputTarget
- this.dropDown = this.dropDownTarget
- this.actionLinks = this.actionLinkTargets
- this.items = this.itemsValue
- this.search = debounce(this.search.bind(this), 100);
- }
-
- search() {
- this.selectedItemValue = 0
- this.loaderTarget.classList.remove("d-none")
- this.buttonTarget.classList.add("d-none")
- this.searchInput()
- }
-
- searchInput() {
- this.#fetchItems()
- }
-
- prevent(event){
- event.preventDefault();
- }
- blur() {
- this.dropDown.style.display = "none";
- this.input.classList.remove("home-dropdown-active");
- }
- arrow_up(){
- if (this.selectedItemValue > 1){
- this.selectedItemValue--
- this.dropDownTarget.querySelectorAll('.search-content')[this.selectedItemValue-1].style.backgroundColor = "rgba(0, 0, 0, 0.03)";
- this.dropDownTarget.querySelectorAll('.search-content')[this.selectedItemValue].style.background = 'white'
- }
- }
- arrow_down(){
- if(this.selectedItemValue ${data.text}
`
- },
- item: (data) => {
- if (this.displayFieldValue === SelectInput.DISPLAY_TEXT) {
- return ` ${data.text}
`
- } else {
- return ` ${data.value}
`
- }
- }
- }
- }
-
- myOptions['maxOptions'] = Infinity
-
- if(!this.searchableValue){
- myOptions['controlInput'] = null
- }
-
- if (this.multipleValue) {
- myOptions['onItemAdd'] = function () {
- this.setTextboxValue('')
- this.refreshOptions()
- }
- myOptions['plugins'] = ['remove_button']
- }
-
- if (this.openAddValue) {
- myOptions['create'] = true
- }
-
- this.select = useTomSelect(this.element, myOptions, this.#triggerChange.bind(this))
- this.element.style.visibilty = 'hidden';
-
- [...this.element.attributes].forEach(attribute => {
- if(attribute.name !== 'class' && attribute.name !== 'style' && attribute.name !== 'id' && attribute.name !== 'name'){
- this.select.control.setAttribute(attribute.name, attribute.value.replace('select-input', ''))
- if(attribute.name === 'title'){
- this.select.control.setAttribute('data-controller', 'tooltip')
- }
- }
- })
- }
-
- #triggerChange () {
- if (this.#isRequired() && !this.#isMultiple() && this.#isEmpty()) {
- this.#selectFirstItem()
- }
-
- document.dispatchEvent(new Event('change', { target: this.element }))
- }
-
- #isRequired () {
- return this.requiredValue
- }
-
- #isMultiple () {
- return this.multipleValue
- }
-
- #isEmpty () {
- return this.select.getValue() === ''
- }
-
- #selectFirstItem () {
- this.select.setValue(Object.keys(this.select.options)[0], true)
- }
-}
\ No newline at end of file
diff --git a/app/components/square_badge_component.rb b/app/components/square_badge_component.rb
deleted file mode 100644
index 9d85a8c34..000000000
--- a/app/components/square_badge_component.rb
+++ /dev/null
@@ -1,19 +0,0 @@
-# frozen_string_literal: true
-
-class SquareBadgeComponent < ViewComponent::Base
-
- def initialize(label: , count: ,link: nil)
- @label = label
- @count = count
- @link = link
- end
- def call
- return if @count.to_i.zero?
-
- link_to(@link, class: 'browse-onology-card', 'data-turbo' => 'false') do
- concat(content_tag(:p, @count, class: 'browse-card-number'))
- concat(content_tag(:p, @label, class: 'browse-card-text'))
- end
- end
-
-end
diff --git a/app/components/submission_metadata_component.rb b/app/components/submission_metadata_component.rb
deleted file mode 100644
index c754859bd..000000000
--- a/app/components/submission_metadata_component.rb
+++ /dev/null
@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-class SubmissionMetadataComponent < ViewComponent::Base
- include ApplicationHelper, MetadataHelper, SubmissionInputsHelper,OntologiesHelper, AgentHelper
-
- def initialize(submission: , submission_metadata:)
- super
- @submission = submission
-
- @json_metadata = submission_metadata
- @metadata_list = content_metadata_attributes(submission_metadata)
- end
-
- def display_attributes(metadata)
- if Array(@submission.send(metadata)).empty?
- out = 'N/A'
- else
- out = Array(@submission.send(metadata)).map do |value|
- content_tag(:div, class: 'm-1 f32') do
- display_attribute(metadata, value)
- end
- end.join
- end
- out.html_safe
- end
-end
diff --git a/app/components/submission_metadata_component/submission_metadata_component.html.haml b/app/components/submission_metadata_component/submission_metadata_component.html.haml
deleted file mode 100644
index 39d3c3910..000000000
--- a/app/components/submission_metadata_component/submission_metadata_component.html.haml
+++ /dev/null
@@ -1,9 +0,0 @@
-= render TableComponent.new(id: 'submission_metadata_table', borderless: true, layout_fixed: true) do |t|
- - @metadata_list.each do |metadata, label|
- - next if Array(@submission.send(metadata)).empty?
- - t.row do |r|
- - r.td do
- = attr_label(metadata.to_s, attr_metadata: attr_metadata(metadata.to_s))
- - r.td do
- .d-flex.flex-wrap.align-items-center
- = display_attributes(metadata)
diff --git a/app/components/submission_status_component.rb b/app/components/submission_status_component.rb
deleted file mode 100644
index eb33b10be..000000000
--- a/app/components/submission_status_component.rb
+++ /dev/null
@@ -1,29 +0,0 @@
-class SubmissionStatusComponent < ViewComponent::Base
- include OntologiesHelper
-
- def initialize(submission, latest)
- @submission = submission
- @latest = latest
- end
-
- def submission_version
- @submission.version.to_s if @submission.version.present?
- end
-
- def submission_link
- if @submission.version.present?
- if @submission.ontology.summaryOnly || !@latest
- submission_version
- else
- link_to submission_version, ontology_path(@submission.ontology.acronym)
- end
- end
- end
-
- def submission_status
- return unless @submission.submissionStatus.present?
- statuses = submission_status2string(@submission)
- end
-
-end
-
\ No newline at end of file
diff --git a/app/components/submission_status_component/submission_status_component.html.haml b/app/components/submission_status_component/submission_status_component.html.haml
deleted file mode 100644
index c45bec11d..000000000
--- a/app/components/submission_status_component/submission_status_component.html.haml
+++ /dev/null
@@ -1,8 +0,0 @@
-#submission-status{style: "display: -webkit-inline-box"}
- - if @submission.version.present?
- %p= submission_link
- - else
- %p unknown
- .spacer
- - submission_status = status_string(@submission)
- = render Display::InfoTooltipComponent.new(text: submission_status, icon: submission_status_icons(submission_status))
\ No newline at end of file
diff --git a/app/components/summary_section_component.rb b/app/components/summary_section_component.rb
deleted file mode 100644
index 7f87dc123..000000000
--- a/app/components/summary_section_component.rb
+++ /dev/null
@@ -1,23 +0,0 @@
-# frozen_string_literal: true
-
-class SummarySectionComponent < ViewComponent::Base
- renders_many :action_links
-
- def initialize(title: , link: nil, link_title: nil, show_card: true, service_link: nil)
- super
- @title = title
- @link = link
- @link_title = link_title
- @show_card = show_card
- @service_link = service_link
- end
-
- def show_card?
- @show_card
- end
-
- def show_icon?
- !@service_link.nil?
- end
-
-end
diff --git a/app/components/summary_section_component/summary_section_component.html.haml b/app/components/summary_section_component/summary_section_component.html.haml
deleted file mode 100644
index 1b597f407..000000000
--- a/app/components/summary_section_component/summary_section_component.html.haml
+++ /dev/null
@@ -1,20 +0,0 @@
-%h2.card_title
- %span.mr-2
- = @title
- - if @link
- %span
- = link_to(@link, target: "_blank") do
- = render Display::InfoTooltipComponent.new(text: @link_title)
- - if show_icon?
- = render IconWithTooltipComponent.new(icon: "json.svg",link: @service_link, target: '_blank', title: t("components.go_to_api"), size:'small', style: 'line-height: 0; margin-top: 3px;margin-left: 6px;')
- - if action_links?
- %span
- = render Layout::HorizontalListComponent.new do |l|
- - action_links.each { |link| l.element { raw link }}
-
-- if show_card?
- = render Layout::CardComponent.new do
- = content
-- else
- %div
- = content
\ No newline at end of file
diff --git a/app/components/switch_input_component.rb b/app/components/switch_input_component.rb
deleted file mode 100644
index 450bfcfca..000000000
--- a/app/components/switch_input_component.rb
+++ /dev/null
@@ -1,29 +0,0 @@
-# frozen_string_literal: true
-
-class SwitchInputComponent < ViewComponent::Base
-
-
- def initialize(id:, name: , label: '', value: '', checked: false, boolean_switch: false, style: nil, help: nil)
- super
- @id = id
- @name = name
- @label = label
- @value = value.nil? || value.empty? ? @name : value
- @checked = checked
- @boolean_switch = boolean_switch
- @style = style
- @help = help
- end
-
- def boolean_switch_action
- "this.parentElement.previousElementSibling.value = this.parentElement.previousElementSibling.value !== 'true'" if @boolean_switch
- end
-
- def check_box_name
- @name unless @boolean_switch
- end
-
- def check_box_id
- @boolean_switch ? @id +"_checkbox" :@id
- end
-end
diff --git a/app/components/switch_input_component/switch_input_component.html.haml b/app/components/switch_input_component/switch_input_component.html.haml
deleted file mode 100644
index 4cb85767c..000000000
--- a/app/components/switch_input_component/switch_input_component.html.haml
+++ /dev/null
@@ -1,12 +0,0 @@
-%div.switch-filter
- - if content || !@label.empty?
- = content_tag(:div, content || @label, style: @style)
- - if @boolean_switch
- = hidden_field_tag @name, @value
- %label.switch{for: check_box_id}
- = check_box_tag check_box_name, @value, @checked, class: '', id: check_box_id, onChange: "#{boolean_switch_action}"
- %span.slider
-- if @help
- %div.upload-ontology-desc
- = @help
-
\ No newline at end of file
diff --git a/app/components/table_cell_component.rb b/app/components/table_cell_component.rb
deleted file mode 100644
index 2e459cb32..000000000
--- a/app/components/table_cell_component.rb
+++ /dev/null
@@ -1,18 +0,0 @@
-# frozen_string_literal: true
-
-class TableCellComponent < ViewComponent::Base
-
- def initialize(width: nil, colspan: nil,type: 'td')
- super
- @width = width
- @type = type
- @colspan = colspan
- end
-
- def call
- options = {}
- options[:width] = @width if @width
- options[:colspan] = @colspan if @colspan
- content_tag(@type, content&.html_safe, options)
- end
-end
diff --git a/app/components/table_component.rb b/app/components/table_component.rb
deleted file mode 100644
index 16bf2c096..000000000
--- a/app/components/table_component.rb
+++ /dev/null
@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-class TableComponent < ViewComponent::Base
-
- renders_one :header, TableRowComponent
- renders_many :rows, TableRowComponent
-
- def initialize(id: '', stripped: true, borderless: false, custom_class: '', layout_fixed: false,
- small_text: false, outline: false, sort_column: nil,
- paging: false, searching: false, search_placeholder: nil,
- no_init_sort: false)
- super
- @id = id
- @stripped = stripped
- @borderless = borderless
- @layout_fixed = layout_fixed
- @small_text = small_text
- @outline = outline
- @sort_column = sort_column
- @searching = searching
- @paging = paging
- @no_init_sort = no_init_sort
- @custom_class =custom_class
- @search_placeholder = search_placeholder
- end
-
- def stripped_class
- @stripped ? 'table-content-stripped' : ''
- end
-
- def borderless_class
- @borderless ? 'table-content-borderless' : ''
- end
-
- def layout_fixed_class
- @layout_fixed ? 'table-layout-fixed' : 'table-auto-layout'
- end
-
- def add_row(*array, &block)
- self.row.create(*array, &block)
- end
-
- def mini_class
- @small_text ? 'table-mini' : ''
- end
-
- def outline_class
- @outline ? 'table-outline' : ''
- end
-end
diff --git a/app/components/table_component/table_component.html.haml b/app/components/table_component/table_component.html.haml
deleted file mode 100644
index 3bdb112da..000000000
--- a/app/components/table_component/table_component.html.haml
+++ /dev/null
@@ -1,11 +0,0 @@
-%div{'data-controller': 'table-component',
- 'data-table-component-sortcolumn-value': @sort_column, 'data-table-component-paging-value': @paging,
- 'data-table-component-searching-value': @searching, 'data-table-component-noinitsort-value': @no_init_sort,
- 'data-table-component-search-placeholder-value': @search_placeholder}
- %table.table-content{id: @id ,class: @custom_class + ' ' + stripped_class + ' ' + borderless_class + ' ' + layout_fixed_class + ' ' + mini_class + ' ' + outline_class}
- %thead
- = header
- %tbody{id:"#{@id}_table_body"}
- - rows.each do |row|
- = row
- = content
diff --git a/app/components/table_component/table_component_controller.js b/app/components/table_component/table_component_controller.js
deleted file mode 100644
index 2032bf449..000000000
--- a/app/components/table_component/table_component_controller.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import {Controller} from "@hotwired/stimulus"
-import DataTable from 'datatables.net-dt';
-
-
-// Connects to data-controller="table-component"
-export default class extends Controller {
- static values = {
- sortcolumn: String,
- paging: Boolean,
- searching: Boolean,
- noinitsort: Boolean,
- searchPlaceholder: {type: String, default: 'Filter records'},
- }
- connect(){
- const table_component = this.element.querySelector('table')
- const default_sort_column = parseInt(this.sortcolumnValue, 10)
-
- if (this.sortcolumnValue || this.searchingValue || this.pagingValue){
- this.table = new DataTable('#'+table_component.id, {
- paging: this.pagingValue,
- info: false,
- searching: this.searchingValue,
- autoWidth: true,
- order: this.noinitsortValue ? [] : [[default_sort_column, 'desc']],
- language: {
- search: '_INPUT_',
- searchPlaceholder: this.searchPlaceholderValue
- }
- });
- }
- }
-}
\ No newline at end of file
diff --git a/app/components/table_row_component.rb b/app/components/table_row_component.rb
deleted file mode 100644
index 68620a05c..000000000
--- a/app/components/table_row_component.rb
+++ /dev/null
@@ -1,28 +0,0 @@
-# frozen_string_literal: true
-
-class TableRowComponent < ViewComponent::Base
-
- renders_many :cells, TableCellComponent
-
- def initialize(id: '', class_css: '')
- super
- @id = id
- @class_css = class_css
- end
-
- def create(*array, &block)
- array.each do |key_value|
- key, value = key_value.to_a.first
- self.cell(type: key) { value&.to_s }
- end
- block.call(self) if block_given?
- end
-
- def th(width: nil, colspan: nil, &block)
- self.cell(type: 'th', width: width, colspan: colspan, &block)
- end
-
- def td(width: nil, colspan: nil, &block)
- self.cell(type: 'td', width: width, colspan: colspan, &block)
- end
-end
diff --git a/app/components/table_row_component/table_row_component.html.haml b/app/components/table_row_component/table_row_component.html.haml
deleted file mode 100644
index c25e45eee..000000000
--- a/app/components/table_row_component/table_row_component.html.haml
+++ /dev/null
@@ -1,4 +0,0 @@
-%tr{id: @id, class: @class_css}
- - cells.each do |cell|
- = cell
- = content
\ No newline at end of file
diff --git a/app/components/text_area_field_component.rb b/app/components/text_area_field_component.rb
deleted file mode 100644
index c4bccf66a..000000000
--- a/app/components/text_area_field_component.rb
+++ /dev/null
@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-class TextAreaFieldComponent < ViewComponent::Base
- include InternationalisationHelper
-
- def initialize(value: , see_more_text: t('components.see_more') , see_less_text: t('components.see_less'))
- super
- @value = value
- @see_more_text = see_more_text
- @see_less_text = see_less_text
- end
-
-end
diff --git a/app/components/text_area_field_component/text_area_field_component.html.haml b/app/components/text_area_field_component/text_area_field_component.html.haml
deleted file mode 100644
index 6a58213be..000000000
--- a/app/components/text_area_field_component/text_area_field_component.html.haml
+++ /dev/null
@@ -1,5 +0,0 @@
-%div{data:{controller:"text-truncate", 'text-truncate-more-text-value': @see_more_text , 'text-truncate-less-text-value': @see_less_text}}
- %span.text-content{'data-text-truncate-target': 'content'}
- = @value
- %span.see_more_text{data:{'text-truncate-target': 'button', 'action':"click->text-truncate#toggle"}}
- = @see_more_text
\ No newline at end of file
diff --git a/app/components/tree_infinite_scroll_component.rb b/app/components/tree_infinite_scroll_component.rb
deleted file mode 100644
index 4d751bf17..000000000
--- a/app/components/tree_infinite_scroll_component.rb
+++ /dev/null
@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-class TreeInfiniteScrollComponent < ViewComponent::Base
-
- attr_reader :collection
- renders_one :error
-
- def initialize(id:, collection:, next_url:, current_page:, next_page:, auto_click: false)
- super
- @id = id
- @collection = collection
- @next_url = next_url
- @current_page = current_page
- @next_page = next_page
- @auto_click = auto_click
- end
-
- def auto_click?
- @auto_click
- end
-end
diff --git a/app/components/tree_infinite_scroll_component/tree_infinite_scroll_component.html.haml b/app/components/tree_infinite_scroll_component/tree_infinite_scroll_component.html.haml
deleted file mode 100644
index 386fa14dd..000000000
--- a/app/components/tree_infinite_scroll_component/tree_infinite_scroll_component.html.haml
+++ /dev/null
@@ -1,13 +0,0 @@
-= render InfiniteScrollComponent.new(id: @id,
- collection: @collection,
- next_url: @next_url,
- current_page: @current_page, next_page: @next_page) do |c|
-
- %div
- = render TreeViewComponent.new(id: nil, auto_click: auto_click?) do
- = content
-
- - c.error do
- %div.text-wrap
- = render Display::AlertComponent.new(type:'info') do
- = error
\ No newline at end of file
diff --git a/app/components/tree_link_component.rb b/app/components/tree_link_component.rb
deleted file mode 100644
index 73da902f2..000000000
--- a/app/components/tree_link_component.rb
+++ /dev/null
@@ -1,78 +0,0 @@
-# frozen_string_literal: true
-
-class TreeLinkComponent < ViewComponent::Base
- include MultiLanguagesHelper, ModalHelper, ApplicationHelper
- def initialize(child:, href:, children_href: , selected: false , data: {}, muted: false, target_frame: nil, open_in_modal: false, is_reused: nil)
- @child = child
- @active_style = selected ? 'active' : ''
- #@icons = child.relation_icon(node)
- @muted_style = muted ? 'text-muted' : ''
- @href = href
- @children_link = children_href
- label = (@child.prefLabel || @child.label) rescue @child.id
- if label.nil?
- @pref_label_html = link_last_part(child.id)
- else
- pref_label_lang, @pref_label_html = select_language_label(label)
- pref_label_lang = pref_label_lang.to_s.upcase
- @tooltip = pref_label_lang.eql?("@NONE") ? "" : pref_label_lang
-
- if child.obsolete?
- @pref_label_html = "#{@pref_label_html}".html_safe
- end
- end
- @data ||= { controller: 'tooltip', 'tooltip-position-value': 'right', turbo: true, 'turbo-frame': target_frame, action: 'click->simple-tree#select'}
-
- @data.merge!(data) do |_, old, new|
- "#{old} #{new}"
- end
-
- @open_in_modal = open_in_modal
-
- @is_reused = is_reused
- end
-
-
- # This gives a very hacky short code to use to uniquely represent a class
- # based on its parent in a tree. Used for unique ids in HTML for the tree view
- def short_uuid
- rand(36 ** 8).to_s(36)
- end
-
- # TDOD check where used
- def child_id
- @child.id.to_s.split('/').last
- end
-
- def open?
- @child.expanded? ? 'open' : ''
- end
-
- def border_left
- !@child.hasChildren ? 'pl-3 tree-border-left' : ''
- end
-
- def li_id
- @child.id.eql?('bp_fake_root') ? 'bp_fake_root' : short_uuid
- end
-
- def self.tree_close_icon
- "".html_safe
- end
-
- def open_children_link
- return unless @child.hasChildren
- if @child.expanded?
- self.class.tree_close_icon
- else
- content_tag('turbo_frame', id: "#{child_id}_open_link") do
- link_to @children_link,
- data: { turbo: true, turbo_frame: "#{child_id + '_childs'}" } do
- content_tag(:i, nil, class: "fas fa-chevron-right")
- end
- end
- end
-
- end
-
-end
diff --git a/app/components/tree_link_component/tree_link_component.html.haml b/app/components/tree_link_component/tree_link_component.html.haml
deleted file mode 100644
index 7317e2834..000000000
--- a/app/components/tree_link_component/tree_link_component.html.haml
+++ /dev/null
@@ -1,15 +0,0 @@
-%li{id:li_id , class: open?}
- = open_children_link
- - if @open_in_modal
- = link_to_modal(@pref_label_html, @href, data: { show_modal_size_value: 'modal-xl' } )
- - else
- %a{id: @child.id, data: @data, title: @tooltip,
- href: @href, class: "tree-link #{@muted_style} #{@active_style} #{border_left} #{open?}"}
- = @pref_label_html
- - if @is_reused
- .tree-view-reuse-icon
- = inline_svg_tag 'icons/reuses.svg'
- - if @child.hasChildren && !@child.expanded?
- = render TurboFrameComponent.new(id: "#{child_id}_childs")
- - elsif @child.expanded?
- = content
\ No newline at end of file
diff --git a/app/components/tree_view_component.rb b/app/components/tree_view_component.rb
deleted file mode 100644
index 4570bf8d1..000000000
--- a/app/components/tree_view_component.rb
+++ /dev/null
@@ -1,44 +0,0 @@
-# frozen_string_literal: true
-
-class TreeViewComponent < ViewComponent::Base
- include Turbo::FramesHelper
-
-
- renders_many :children, TreeLinkComponent
-
- def initialize(id:, auto_click: false, sub_tree: false, **html_options)
- @id = id
- @auto_click = auto_click
- @html_options = html_options
- @sub_tree = sub_tree
- end
-
- private
-
- def sub_tree?
- @sub_tree
- end
-
- def tree_container(&block)
- if sub_tree?
- content_tag(:ul, capture(&block), class: 'pl-2 tree-border-left')
- else
- content_tag(:div, class: 'tree_wrapper hide-if-loading') do
- content_tag(:ul, capture(&block), class: 'simpleTree root', data: { controller: 'simple-tree',
- 'simple-tree-auto-click-value': "#{auto_click?}",
- action: 'clicked->history#updateURL' })
- end
- end
- end
-
- def auto_click?
- @auto_click.to_s
- end
-
- # TDOD check where used
- def child_id(child)
- child.id.to_s.split('/').last
- end
-
-end
-
\ No newline at end of file
diff --git a/app/components/tree_view_component/tree_view_component.html.haml b/app/components/tree_view_component/tree_view_component.html.haml
deleted file mode 100644
index c8b47d1a4..000000000
--- a/app/components/tree_view_component/tree_view_component.html.haml
+++ /dev/null
@@ -1,9 +0,0 @@
-%turbo-frame{id: "#{@id}", **@html_options}
- = tree_container do
- - children.each do |child|
- = child
- = content
-
-
-
-
diff --git a/app/components/turbo_modal_component.rb b/app/components/turbo_modal_component.rb
deleted file mode 100644
index 3cb4af778..000000000
--- a/app/components/turbo_modal_component.rb
+++ /dev/null
@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-class TurboModalComponent < ViewComponent::Base
- include Turbo::FramesHelper
-
- def initialize(id: '', title: '', size: 'modal-lg', show: false)
- super
- @id = id
- @title = title
- @size = size
- @show = show
- end
-
-end
diff --git a/app/components/turbo_modal_component/turbo_modal_component.html.haml b/app/components/turbo_modal_component/turbo_modal_component.html.haml
deleted file mode 100644
index e5ad17503..000000000
--- a/app/components/turbo_modal_component/turbo_modal_component.html.haml
+++ /dev/null
@@ -1,12 +0,0 @@
-%div.modal{id: @id, 'data-controller':"turbo-modal", 'data-turbo-modal-show-value': @show.to_s}
- %div.modal-dialog{class: @size}
- %div.modal-content
- %div.modal-header
- %h5.modal-title
- = @title
- %button.close{type:'button', data: { action: "turbo-modal#hide" }}
- %span.shape.btn.btn-primary.p-1 ×
- %div.modal-body
- = render TurboFrameComponent.new(id: 'application_modal_content', data: { 'turbo-modal-target': 'content'}) do
- = content
-
diff --git a/app/components/turbo_modal_component/turbo_modal_component_controller.js b/app/components/turbo_modal_component/turbo_modal_component_controller.js
deleted file mode 100644
index 2942770ed..000000000
--- a/app/components/turbo_modal_component/turbo_modal_component_controller.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import ShowModalController from "../../javascript/controllers/show_modal_controller";
-
-// Connects to data-controller="turbo-modal"
-export default class extends ShowModalController {
-
- static targets = ["content"]
- static values = {
- show: Boolean
- }
-
- connect() {
- super.connect();
- if (this.showValue) {
- this.show()
- }
- }
-
- show() {
- this.modal.showModal(this.element)
- }
-
- hide() {
- this.modal.hideModal(this.element)
- if (this.contentTarget) {
- this.contentTarget.removeAttribute("src")
- this.contentTarget.replaceChildren()
- }
- }
-
-
-}
\ No newline at end of file
diff --git a/app/components/url_resolvability_component.rb b/app/components/url_resolvability_component.rb
deleted file mode 100644
index adbd7bf5e..000000000
--- a/app/components/url_resolvability_component.rb
+++ /dev/null
@@ -1,25 +0,0 @@
-# frozen_string_literal: true
-
-class UrlResolvabilityComponent < ViewComponent::Base
-
- include OntologiesHelper, CheckResolvabilityHelper
-
- def initialize(url: '', resolvable: false, supported_formats: [], status: nil)
- @resolvable = resolvable
- @supported_formats = supported_formats
- @status = status
- @url = url
- end
-
- def call
- text = check_resolvability_message(@resolvable, @supported_formats, @status, url: @url)
- if @resolvable && @supported_formats.size > 1
- icon = status_icons(ok: true)
- elsif @resolvable
- icon = status_icons(warning: true)
- else
- icon = status_icons(error: true)
- end
- render Display::InfoTooltipComponent.new(text: text, icon: icon)
- end
-end
diff --git a/app/components/widget_block_component.rb b/app/components/widget_block_component.rb
deleted file mode 100644
index 473cc64fa..000000000
--- a/app/components/widget_block_component.rb
+++ /dev/null
@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-class WidgetBlockComponent < ViewComponent::Base
-
- renders_one :help_text
- renders_one :widget
-
- def initialize(id: , title: , description:)
- @id = id
- @title = title
- @description = description
- end
-end
diff --git a/app/components/widget_block_component/widget_block_component.html.haml b/app/components/widget_block_component/widget_block_component.html.haml
deleted file mode 100644
index ac4927adc..000000000
--- a/app/components/widget_block_component/widget_block_component.html.haml
+++ /dev/null
@@ -1,26 +0,0 @@
-%div.d-flex{data: {turbo: false}}
- %div.w-50.mr-3
- %div
- %div.card-body
- %h5.card-title
- = @title
- %p.card-text
- = @description
-
- %div.w-100.d-flex.justify-content-center
- %div.card.py-3.px-2{style: "width: 600px"}
- = render TabsContainerComponent.new(id: @id) do |t|
- - t.item(title: 'Widget', selected: true)
- - t.item(title: '') do
- %span.mx-1
- See code
- = inline_svg_tag('json.svg')
-
- - t.item_content do
- %div.py-3.d-flex.justify-content-center
- = widget
- - t.item_content do
- = help_text
-
-%hr.divider.w-100
-
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index 158822551..f6996b3a2 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -48,17 +48,18 @@ def remove_owl_notation(string)
string
end
- def draw_tree(root, id = nil, type = 'Menu', submission)
+
+ def draw_tree(root, id = nil, type = "Menu")
if id.nil?
id = root.children.first.id
end
# TODO: handle tree view for obsolete classes, e.g. 'http://purl.obolibrary.org/obo/GO_0030400'
- raw build_tree(root, '', id, submission) # returns a string, representing nested list items
+ raw build_tree(root, "", id) # returns a string, representing nested list items
end
- def build_tree(node, string, id, submission)
- if node.children.nil? || node.children.empty?
- return string
+ def build_tree(node, string, id)
+ if node.children.nil? || node.children.length < 1
+ return string # unchanged
end
node.children.sort! { |a, b| (a.prefLabel || a.id).downcase <=> (b.prefLabel || b.id).downcase }
for child in node.children
@@ -68,41 +69,35 @@ def build_tree(node, string, id, submission)
active_style = ""
end
- node.children.sort! { |a, b| (a.prefLabel || a.id).downcase <=> (b.prefLabel || b.id).downcase }
- node.children.each do |child|
- active_style = child.id.eql?(id) ? "class='active'" : ''
- open = child.expanded? ? "class='open'" : ''
-
- # This fake root will be present at the root of "flat" ontologies, we need to keep the id intact
- li_id = child.id.eql?('bp_fake_root') ? 'bp_fake_root' : short_uuid
-
- if child.id.eql?("bp_fake_root")
- string << tree_link_to_concept(li_id: li_id, child: child, ontology_acronym: '',
- active_style: active_style, node: node)
- else
- string << tree_link_to_concept(li_id: li_id, child: child, ontology_acronym: child.explore.ontology.acronym,
- active_style: active_style, node: node)
- if child.hasChildren && !child.expanded?
- string << tree_link_to_children(li_id: li_id, child: child)
- elsif child.expanded?
- string << '- '
- build_tree(child, string, id, submission)
- string << '
- "
+ build_tree(child, string, id)
+ string << "
" + this.#truncateText(decodeURIComponent(result_def.replace(/\+/g, " ")), 75) + "
"
- }
-
- result += "" + result_class.replace(regex, "$1") + "
";
-
- result += "";
- } else {
- // Results
- const result_ont = row[7];
- const result_def = row[9];
-
- result += "" + result_class.replace(regex, "$1") + "
"
-
- if (BP_include_definitions) {
- result += "" + this.#truncateText(decodeURIComponent(result_def.replace(/\+/g, " ")), 75) + "
"
- }
-
- result += "" + "
";
- }
- return result;
- }
-
-
- onSelect(li) {
- const input = this.element;
- switch (this.targetPropertyValue) {
- case "uri":
- jQuery(input).val(li.extra[3])
- break;
- case "shortid":
- jQuery(input).val(li.extra[0])
- break;
- case "name":
- jQuery(input).val(li.extra[4])
- break;
- }
-
- const input_name = jQuery(input).attr('name')
- jQuery(`input[name="${input_name}_bioportal_concept_id"]`).val(li.extra[0]);
- jQuery(`input[name="${input_name}_bioportal_ontology_id"]`).val(li.extra[2]);
- jQuery(`input[name="${input_name}_bioportal_full_id"]`).val(li.extra[3]);
- jQuery(`input[name="${input_name}_bioportal_preferred_name"]`).val(li.extra[4]);
- this.#emitOnSelect()
- }
-
- #emitOnSelect() {
- this.element.dispatchEvent(new Event('selected'))
- }
-
-
- #truncateText(text, max_length) {
- if (typeof max_length === 'undefined' || max_length == "") {
- max_length = 70;
- }
-
- var more = '...';
-
- var content_length = $.trim(text).length;
- if (content_length <= max_length)
- return text; // bail early if not overlong
-
- var actual_max_length = max_length - more.length;
- var truncated_node = jQuery("" + result_type + "
");
- var full_node = jQuery("
").html(text).hide();
-
- text = text.replace(/^ /, ''); // node had trailing whitespace.
-
- var text_short = text.slice(0, max_length);
-
- // Ensure HTML entities are encoded
- // http://debuggable.com/posts/encode-html-entities-with-jquery:480f4dd6-13cc-4ce9-8071-4710cbdd56cb
- text_short = $('').text(text_short).html();
-
- var other_text = text.slice(max_length, text.length);
-
- text_short += "";
- text_short += "" + other_text + "";
- return text_short;
- }
-}
diff --git a/app/javascript/controllers/form_display_controller.js b/app/javascript/controllers/form_display_controller.js
deleted file mode 100644
index 4649523fc..000000000
--- a/app/javascript/controllers/form_display_controller.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-// Connects to data-controller="form-options-display"
-export default class extends Controller {
-
- static targets = ['option1', 'option2']
- static values = {
- hiddenClass: String
- }
-
- connect() {
- this.class = this.hasHiddenClassValue ? this.hiddenClassValue : "hidden"
- }
-
- showOption1(){
- this.#hide(this.option2Targets)
- this.#show(this.option1Targets)
- }
-
- showOption2(){
- this.#hide(this.option1Targets)
- this.#show(this.option2Targets)
- }
-
-
- #show(optionElems){
- optionElems.forEach(x => x.classList.remove(this.class))
-
- }
-
- #hide(optionElems){
- optionElems.forEach(x => x.classList.add(this.class))
- }
-
-
-}
diff --git a/app/javascript/controllers/form_url_controller.js b/app/javascript/controllers/form_url_controller.js
deleted file mode 100644
index 1e5813a4a..000000000
--- a/app/javascript/controllers/form_url_controller.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-
-export default class extends Controller {
-
- submit(event){
- event.preventDefault();
- let selectedOptions, hiddenInput, optionString, selectElem
- let allSelects = this.element.querySelectorAll('select[name$="[]"]');
- for (const select of allSelects) {
- const selectElem = select.name.substring(0, select.name.indexOf('['));
- const selectedOptions = select.selectedOptions;
- if (selectedOptions.length > 0) {
- const optionString = Array.from(selectedOptions, option => option.value).join(",");
- const hiddenInput = this.#create_hidden_input_element(optionString, selectElem);
- event.currentTarget.appendChild(hiddenInput);
- select.remove();
- }
- }
-
- event.currentTarget.submit();
- }
-
- #create_hidden_input_element(optionString, name){
- let hiddenInput = document.createElement('input');
- hiddenInput.type = 'hidden';
- hiddenInput.name = name;
- hiddenInput.value = optionString;
- return hiddenInput
- }
-}
diff --git a/app/javascript/controllers/index.js b/app/javascript/controllers/index.js
index 804ee3b3a..5598ea18d 100644
--- a/app/javascript/controllers/index.js
+++ b/app/javascript/controllers/index.js
@@ -4,11 +4,6 @@
import { application } from "./application"
-import BrowseFiltersController from "./browse_filters_controller"
-application.register("browse-filters", BrowseFiltersController)
-
-import ChosenController from "./chosen_controller"
-application.register("chosen", ChosenController)
import ClassSearchAutoCompleteController from "./class_search_auto_complete_controller"
application.register("class-search-auto-complete", ClassSearchAutoCompleteController)
@@ -16,93 +11,26 @@ application.register("class-search-auto-complete", ClassSearchAutoCompleteContro
import ContainerSplitterController from "./container_splitter_controller"
application.register("container-splitter", ContainerSplitterController)
-import FairScoreHomeController from "./fair_score_home_controller"
-application.register("fair-score-home", FairScoreHomeController)
-
-import FairScoreLandscapeController from "./fair_score_landscape_controller"
-application.register("fair-score-landscape", FairScoreLandscapeController)
-
-import FairScoreSummaryController from "./fair_score_summary_controller"
-application.register("fair-score-summary", FairScoreSummaryController)
-
-import FormAutoCompleteController from "./form_auto_complete_controller"
-application.register("form-auto-complete", FormAutoCompleteController)
-
-import FormDisplayController from "./form_display_controller"
-application.register("form-options-display", FormDisplayController)
-
import HistoryController from "./history_controller"
application.register("history", HistoryController)
-import LabelAjaxController from "./label_ajax_controller"
-application.register("label-ajax", LabelAjaxController)
-
-import LabelsAjaxContainerController from "./labels_ajax_container_controller"
-application.register("labels-ajax-container", LabelsAjaxContainerController)
-
import LanguageChangeController from "./language_change_controller"
application.register("language-change", LanguageChangeController)
import LoadChartController from "./load_chart_controller"
application.register("load-chart", LoadChartController)
-import OntologyRelationsNetworkController from "./ontology_relations_network_controller"
-application.register("ontology-relations-network", OntologyRelationsNetworkController)
-
import OntologyViewerTabsController from "./ontology_viewer_tabs_controller"
application.register("ontology-viewer-tabs", OntologyViewerTabsController)
import OntoportalAutocompleteController from "./ontoportal_autocomplete_controller"
application.register("ontoportal-autocomplete", OntoportalAutocompleteController)
-import RecommenderController from "./recommender_controller"
-application.register("recommender", RecommenderController)
-
-import ShowFilterCountController from "./show_filter_count_controller"
-application.register("show-filter-count", ShowFilterCountController)
-
-import ShowModalController from "./show_modal_controller"
-application.register("show-modal", ShowModalController)
-
import SimpleTreeController from "./simple_tree_controller"
application.register("simple-tree", SimpleTreeController)
-import SkosCollectionColorsController from "./skos_collection_colors_controller"
-application.register("skos-collection-colors", SkosCollectionColorsController)
-
-import SparqlController from "./sparql_controller"
-application.register("sparql", SparqlController)
-
-import TextTruncateController from "./text_truncate_controller"
-application.register("text-truncate", TextTruncateController)
-
-import TooltipController from "./tooltip_controller"
-application.register("tooltip", TooltipController)
-
-import TopnavResponsivenessController from "./topnav_responsiveness_controller"
-application.register("topnav-responsiveness", TopnavResponsivenessController)
-
import TurboFrameController from "./turbo_frame_controller"
application.register("turbo-frame", TurboFrameController)
import TurboFrameErrorController from "./turbo_frame_error_controller"
application.register("turbo-frame-error", TurboFrameErrorController)
-
-import SampleTextController from "./sample_text_controller"
-application.register("sample-text", SampleTextController)
-
-import AnnotatorController from "./annotator_controller"
-application.register('annotator', AnnotatorController)
-
-import FormUrlController from "./form_url_controller"
-application.register('form-url', FormUrlController)
-
-import OntologiesSelector from "./ontologies_selector_controller"
-application.register("ontologies-selector", OntologiesSelector)
-
-
-import MappingsController from "./mappings_visualization_controller"
-application.register('mappings', MappingsController)
-
-import ConceptsJsonButtonController from "./concepts_json_button_controller.js"
-application.register('concepts-json', ConceptsJsonButtonController)
\ No newline at end of file
diff --git a/app/javascript/controllers/label_ajax_controller.js b/app/javascript/controllers/label_ajax_controller.js
deleted file mode 100644
index d3cbcfff4..000000000
--- a/app/javascript/controllers/label_ajax_controller.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import {Controller} from "@hotwired/stimulus"
-import useAjax from "../mixins/useAjax";
-
-// Connects to data-controller="label-ajax"
-export default class extends Controller {
- static values = {
- clsId: String,
- ontologyAcronym: String,
- ajaxUrl: String,
- clsIdUrl: String,
- }
-
- connect() {
- setTimeout(() => {
- this.linkA = jQuery(this.element);
-
- if (this.linkA.hasClass('ajax-modified-cls')) {
- return true
- }
-
- this.cls_id = this.clsIdValue;
- this.ont_acronym = this.ontologyAcronymValue;
-
- let ajax_uri = new URL(this.ajaxUrlValue, document.location.origin)
-
- ajax_uri.searchParams.set('ontology', this.ont_acronym)
- ajax_uri.searchParams.set('id', this.cls_id)
-
-
- this.request = useAjax({
- url: ajax_uri.pathname + ajax_uri.search,
- timeout: ajax_process_timeout * 1000,
- success: this.#ajaxSuccess.bind(this),
- error: this.#ajaxError.bind(this)
- });
- },1)
- }
-
- abort() {
- if (this.request) {
- this.request.abort()
- this.request = null
- }
- }
-
- disconnect() {
- this.abort()
- }
-
- #ajaxSuccess(data) {
- data = data.trim();
- if (typeof data !== "undefined" && data.length > 0 && data.indexOf("http") !== 0) {
- let cls_name = data
- let cls_uri = this.clsIdUrlValue
- this.linkA.html(cls_name);
- this.linkA.attr('href', cls_uri);
- this.linkA.addClass('ajax-modified-cls');
- //find and process any identical classes (low probability)
- this.#fillIdenticalIds(cls_name, cls_uri)
- } else {
- // remove the unique_id separator and the ontology acronym from the href
- this.linkA.attr('href', this.cls_id); // it may not be an ontology class, don't use the cls_uri
- this.linkA.addClass('ajax-modified-cls');
- }
- }
-
- #ajaxError() {
- this.linkA.addClass('ajax-error')
- }
-
- #fillIdenticalIds(cls_name, cls_uri) {
-
- let unique_id = this.linkA.attr('href');
- jQuery('a[href="' + unique_id + '"]').each(function () {
- let link = jQuery(this);
- if (!link.hasClass('ajax-modified-cls')) {
- link.html(cls_name);
- link.attr('href', cls_uri);
- link.addClass('ajax-modified-cls')
- }
- });
- }
-}
diff --git a/app/javascript/controllers/labels_ajax_container_controller.js b/app/javascript/controllers/labels_ajax_container_controller.js
deleted file mode 100644
index a8f606114..000000000
--- a/app/javascript/controllers/labels_ajax_container_controller.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import {Controller} from "@hotwired/stimulus"
-
-// Connects to data-controller="labels-ajax-container"
-export default class extends Controller {
- static outlets = ['label-ajax']
-
- abortAll() {
- this.labelAjaxOutlets.forEach((link) => {link.abort()})
- }
-}
diff --git a/app/javascript/controllers/mappings_visualization_controller.js b/app/javascript/controllers/mappings_visualization_controller.js
deleted file mode 100644
index 58d74cc60..000000000
--- a/app/javascript/controllers/mappings_visualization_controller.js
+++ /dev/null
@@ -1,259 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-import { useMappingsDrawBubbles } from '../mixins/useMappingsBubbles'
-
-export default class extends Controller {
-
- static values = {
- mappingsList: Object,
- zoomRatio: { type: Number, default: 1 },
- acronym: String,
- containerId: { type: String, default: 'mappings-bubbles-view' }
- }
-
- static targets = ['frame', 'bubbles', 'submit', 'modal', 'selector', 'ontologies', 'loader']
-
- connect () {
-
- this.drawBubbles = (mappingsList) => {
- const zoomRatio = this.zoomRatioValue
- const width = 600 * zoomRatio
- const height = 600 * zoomRatio
- const margin = 1
- const logScaleFactor = 10
- const normalization_ratio = this.#normalizationRatio(mappingsList)
-
- const data = Object.entries(mappingsList).map(([key, value]) => ({
- ontology_name: key.split('/').pop(),
- ontology_mappings: value,
- }))
- this.bubblesTarget.innerHTML = ''
- useMappingsDrawBubbles(data, width, height, margin, this.bubblesTarget, normalization_ratio, logScaleFactor)
-
- this.#centerScroll(this.frameTarget)
- }
-
- this.drawBubbles(this.mappingsListValue)
-
- if (this.#selectionDisabled()) {
- this.#clickOnSelectedAcronymBubble()
- }
-
- }
-
- filterOntologies () {
- const selectOptions = Array.from(this.ontologiesTarget.querySelector('select').selectedOptions)
- const acronyms = selectOptions.map(option => option.value)
-
- const filteredList = Object.fromEntries(
- Object.entries(this.mappingsListValue).filter(([key]) => acronyms.includes(key))
- )
-
- this.drawBubbles(filteredList)
- }
-
- submit (event) {
- const itemElement = event.currentTarget.querySelector('.item')
- if (!itemElement) return
-
- this.submitTarget.click()
-
- const selectAcronym = event.currentTarget.querySelector('select').value
-
- const bubblesContainer = document.getElementById(this.containerIdValue)
- const selectedBubble = bubblesContainer.querySelector('[data-selected="true"]')
- const currentBubble = bubblesContainer.querySelector(`[data-acronym="${selectAcronym}"]`)
-
- if (selectedBubble && selectedBubble.dataset.acronym === selectAcronym) return
-
- const clickEvent = new MouseEvent('click', { bubbles: true, cancelable: true, view: window })
-
- if (currentBubble && (currentBubble.getAttribute('data-enabled') === 'false' || currentBubble.getAttribute('data-highlighted') === 'true')) {
- selectedBubble.dispatchEvent(clickEvent)
- }
-
- if (currentBubble) currentBubble.dispatchEvent(clickEvent)
- }
-
- zoomIn () {
- this.zoomRatioValue++
- this.drawBubbles(this.mappingsListValue)
- }
-
- zoomOut () {
- if (this.zoomRatioValue > 1) {
- this.zoomRatioValue--
- this.drawBubbles(this.mappingsListValue)
- }
- }
-
- selectBubble (event) {
- const selected_bubble = event.currentTarget
-
- if (selected_bubble.getAttribute('data-enabled') === 'false') {
- // user clicks on a bubble that is disabled (has no mappings with the current bubble) do nothing
- return
- }
-
- this.#toggleAnimation()
-
- if (selected_bubble.getAttribute('data-highlighted') === 'true') {
- // user clicks on a bubble that have mapping with the current highlighted bubble, should show a modal with the mappings
- this.#showMappingsModal(selected_bubble)
- this.#toggleAnimation()
- } else if (selected_bubble.getAttribute('data-selected') === 'true') {
- // user clicks on current bubble (should deselect it, but nothing happen if we're in ontology mappings section not the page)
- this.#unSelectBubble(selected_bubble)
- this.#toggleAnimation()
- } else {
- this.#selectBubble(selected_bubble)
- }
- }
-
- #selectBubble (selected_bubble) {
-
- const acronym = selected_bubble.getAttribute('data-acronym')
- let url = '/mappings/count/' + acronym
- selected_bubble.setAttribute('data-selected', 'true')
-
- if (this.#selectionEnabled()) {
- const input = this.selectorTarget.querySelector('input')
- input.value = acronym
- input.dispatchEvent(new Event('input', { bubbles: true }))
-
- const selectValue = Array.from(this.selectorTarget.querySelectorAll('.option'))
- .find(option => option.getAttribute('data-value') === acronym)
-
- if (selectValue) selectValue.click()
- }
-
- this.#fetchMappingsDataAndSetBubblesColor(url)
- }
-
- #unSelectBubble (selected_bubble) {
-
- if (this.#selectionDisabled()) return
-
- selected_bubble.setAttribute('data-selected', 'false')
-
- const selected_circle = selected_bubble.querySelector('circle')
- selected_circle.style.fill = 'var(--primary-color)'
-
- const leafs = this.bubblesTarget.querySelectorAll('.leaf')
- leafs.forEach(leaf => {
- const circle = leaf.querySelector('circle')
- circle.style.fill = 'var(--primary-color)'
- circle.style.opacity = '1'
- leaf.setAttribute('data-enabled', 'true')
- leaf.setAttribute('data-highlighted', 'false')
- })
- }
-
- #showMappingsModal (selected_bubble) {
- const selected_leaf = this.bubblesTarget.querySelector('[data-selected="true"]')
- const acronym = selected_leaf.getAttribute('data-acronym')
- const target_acronym = selected_bubble.getAttribute('data-acronym')
- this.modalTarget.querySelector('a').href = `/mappings/show_mappings?id=${acronym}&target=${target_acronym}`
- this.modalTarget.querySelector('a').click()
- }
-
- #fetchMappingsDataAndSetBubblesColor (url) {
- fetch(url, {
- method: 'GET',
- headers: {
- 'Accept': 'application/json'
- },
- })
- .then(response => {
- if (!response.ok) {
- throw new Error('Network response was not ok')
- }
- return response.json()
- })
- .then(data => {
- const mappings_list = data.map(item => ({
- acronym: item.target_ontology.acronym,
- count: item.count
- }))
-
- this.#setBubblesColors(mappings_list)
-
- this.#toggleAnimation()
- })
- .catch(error => {
- console.error('Error fetching or processing data:', error)
- // Handle errors here
- })
- }
-
- #setBubblesColors (mappings_list) {
- const bubblesContainer = this.bubblesTarget
- const leafs = bubblesContainer.querySelectorAll('.leaf')
- const max_mappings_count = mappings_list.reduce((max, item) => Math.max(max, item.count), -Infinity)
-
- leafs.forEach(leaf => {
- const circle = leaf.querySelector('circle')
- const acronym = leaf.getAttribute('data-acronym')
-
- const matchingMapping = mappings_list.find(item => item.acronym === acronym)
-
- if (matchingMapping) {
- leaf.setAttribute('data-highlighted', 'true')
- circle.style.fill = 'var(--primary-color)'
-
- const opacity = (matchingMapping.count / max_mappings_count + Math.log(matchingMapping.count + 1)) / 10 + 0.3
- circle.style.opacity = `${opacity}`
- } else {
- leaf.setAttribute('data-enabled', 'false')
- circle.style.fill = 'var(--light-color)'
- }
- })
-
- const selected_leaf = bubblesContainer.querySelector('[data-selected="true"]')
- selected_leaf.setAttribute('data-enabled', 'true')
-
- const selected_circle = selected_leaf.querySelector('circle')
- selected_circle.style.fill = 'var(--secondary-color)'
- }
-
-
-
- #centerScroll (frame) {
- frame.scrollTop = frame.scrollHeight / 2 - frame.clientHeight / 2
- frame.scrollLeft = frame.scrollWidth / 2 - frame.clientWidth / 2
- }
-
- #normalizationRatio (ontologies_hash) { // try to find the biggest multiple of 10 inferior to the max mappings value
- const maxValue = Math.max(...Object.values(ontologies_hash))
- let normalization_ratio = 1
- while (maxValue / normalization_ratio > 10) {
- normalization_ratio *= 10
- }
- return normalization_ratio
- }
-
- #toggleAnimation () {
- this.loaderTarget.classList.toggle('d-none')
- this.bubblesTarget.classList.toggle('d-none')
- }
-
- #selectionEnabled () {
- return !this.hasAcronymValue
- }
-
- #selectionDisabled () {
- return !this.#selectionEnabled()
- }
-
- #clickOnSelectedAcronymBubble () {
- setTimeout(() => {
- const currentBubble = this.bubblesTarget.querySelector(`[data-acronym="${this.acronymValue}"]`)
- let clickEvent = new MouseEvent('click', {
- bubbles: true,
- cancelable: true,
- view: window
- })
- currentBubble.dispatchEvent(clickEvent)
- }, 100)
-
- }
-}
\ No newline at end of file
diff --git a/app/javascript/controllers/ontologies_selector_controller.js b/app/javascript/controllers/ontologies_selector_controller.js
deleted file mode 100644
index 32ebd13d5..000000000
--- a/app/javascript/controllers/ontologies_selector_controller.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import {Controller} from "@hotwired/stimulus"
-
-export default class extends Controller {
- static targets = ['submit', 'ontology', 'table', 'exit']
- static values = {
- id: String,
- selectAll: String,
- unselectAll: String
- }
- input(){
- this.submitTarget.click()
- }
- change(event){
- this.submitTarget.click()
- this.#updateTableNumbers(event)
- }
- selectall(event) {
- const selectText = `\n${this.selectAllValue}\n`;
- const unselectText = `\n${this.unselectAllValue}\n`;
- const isChecked = event.target.innerHTML === unselectText;
- const newInnerHTML = isChecked ? selectText : unselectText;
- for (const target of this.ontologyTargets) {
- target.querySelector('input').checked = !isChecked;
- }
- event.target.innerHTML = newInnerHTML;
- }
- apply() {
- const select = document.getElementById(`select_${this.idValue}`);
- const tsControl = document.getElementById(`select_${this.idValue}-ts-control`);
- const values = this.#selectedOntologies(this.ontologyTargets);
- for (const value of values) {
- tsControl.value = value;
- tsControl.dispatchEvent(new Event('input', { bubbles: true }));
- select.parentNode.querySelector(`div[data-value="${value}"]`).click();
- }
- this.exitTarget.click();
- }
- clear() {
- const selectedItems = document.getElementById(`select_${this.idValue}`).parentNode.querySelectorAll('a');
- selectedItems.forEach(item => {
- item.click();
- });
- }
-
- #selectedOntologies(ontologies) {
- return ontologies
- .filter(ontology => ontology.querySelector('input').checked)
- .map(ontology => ontology.querySelector('input').name);
- }
-
- #updateTableNumbers() {
- const navItems = Array.from(this.tableTarget.querySelectorAll('.nav-item'));
- navItems.forEach(item => this.#updateNavItemCount(item));
- }
-
- #updateNavItemCount(navItem) {
- const tabPane = this.tableTarget.querySelector(`.tab-pane${navItem.getAttribute('data-target')}`);
- const inputs = tabPane.querySelectorAll('input');
- const count = Array.from(inputs).filter(input => input.checked).length;
- const itemTitleElement = navItem.querySelector('a');
- let itemTitle = itemTitleElement.innerHTML.trim();
- const regex = /\(\d+\)/;
- if (itemTitle.endsWith(")")) {
- itemTitleElement.innerHTML = itemTitle.replace(regex, `(${count})`);
- } else {
- itemTitleElement.innerHTML = `${itemTitle} (${count})`;
- }
- if (count === 0) {
- itemTitleElement.innerHTML = itemTitle.replace(regex, '').trim();
- }
- }
-}
\ No newline at end of file
diff --git a/app/javascript/controllers/ontology_relations_network_controller.js b/app/javascript/controllers/ontology_relations_network_controller.js
deleted file mode 100644
index 75ea02909..000000000
--- a/app/javascript/controllers/ontology_relations_network_controller.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import {Controller} from "@hotwired/stimulus"
-import { Network, DataSet } from 'vis-network/standalone/esm/vis-network.min.js';
-
-// Connects to data-controller="ontology-relations-network"
-export default class extends Controller {
- static values = {
- data: Array
- }
-
- static targets = ["container"]
-
- connect() {
- this.build()
- }
-
-
- build(){
- this.#buildNetwork(this.dataValue);
- }
- /**
- * Build the VIS network for ontologies relations: http://visjs.org/docs/network/
- * @param ontologyRelationsArray
- */
- #buildNetwork(ontologyRelationsArray) {
- const nodes = new DataSet([])
- // create an array with edges
- const edges = new DataSet();
-
- let propertyCount = 1; // To define nodes IDs
-
- // Hash with nodes id for each ontology URI
- let nodeIds = {};
-
- /* Get the relations that have been selected
- if (jQuery("#selected_relations").val() !== null) {
- selected_relations = jQuery("#selected_relations").val()
- }*/
-
- let selected_relations = [];
- this.relationCheckTargets = Array.from(this.element.querySelectorAll('option'))
- this.relationCheckTargets.forEach((elem) => {
- if (elem.selected) {
- selected_relations.push(elem.value);
- }
- })
-
- ontologyRelationsArray.forEach((relation) => {
- let targetNodeNumber
- let sourceNodeNumber
-
- // If relations have been selected for filtering then we don't show others relations
- if (!selected_relations.includes(relation["relation"])) {
- return
- }
-
- // Don't create a new node if node exist already, just add a new edge
- if ( nodeIds[relation["source"]] != null) {
- sourceNodeNumber = nodeIds[relation["source"]];
- } else {
- sourceNodeNumber = propertyCount;
- // If the node is the source it means it is from the Portal, so we colorate it in green
- nodes.add([
- {id: sourceNodeNumber, label: relation["source"], color: "#5cb85c"}
- ]);
- nodeIds[relation["source"]] = propertyCount;
- propertyCount++;
- }
-
- // Create the target node if don't exist
- if (nodeIds[relation["target"]] != null) {
- targetNodeNumber = nodeIds[relation["target"]];
- } else {
- targetNodeNumber = propertyCount;
- // If target node is an ontology from the portal then node in green
- if (relation["targetInPortal"]) {
- nodes.add([
- {id: targetNodeNumber, label: relation["target"], color: "#5cb85c"}
- ]);
- } else {
- nodes.add([
- {id: targetNodeNumber, label: relation["target"]}
- ]);
- }
- nodeIds[relation["target"]] = propertyCount;
- propertyCount++;
- }
-
- edges.add([
- {
- from: sourceNodeNumber,
- to: targetNodeNumber,
- label: relation["relation"],
- font: {align: 'horizontal'}
- }
- ]);
- })
-
-
-
- // create a network
- const container = this.containerTarget;
- // provide the data in the vis format
-
- const data = {
- nodes: nodes,
- edges: edges
- };
-
- // Get height of div
- const networkHeight = container.clientHeight.toString();
-
- const options = {
- autoResize: true,
- groups: {
- useDefaultGroups: true,
- myGroupId: {
- /*node options*/
- }
- },
- edges: {
- color: {inherit: 'both'},
- smooth: {
- enabled: true,
- type: "dynamic",
- roundness: 0.5
- }
- },
- nodes: {
- shape: "box"
- },
- physics: {
- // http://visjs.org/docs/network/physics.html
- enabled: true,
- // To stabilize faster, increase the minVelocity value
- minVelocity: 1,
- stabilization: {
- enabled: true,
- onlyDynamicEdges: false,
- fit: true
- },
- barnesHut: {
- gravitationalConstant: -1500,
- centralGravity: 0,
- springLength: 300,
- springConstant: 0.01,
- damping: 0.2,
- avoidOverlap: 0.2
- },
- hierarchicalRepulsion: { // not used at the moment
- centralGravity: 0.0,
- springLength: 500,
- springConstant: 0.2,
- damping: 1,
- nodeDistance: 170
- },
- solver: 'barnesHut'
- },
- interaction: {
- zoomView: false,
- navigationButtons: true
- }
- };
-
- // initialize your network!
- const network = new Network(container, data, options);
- network.fit();
- // Add a button click event listener
- var fullscreenButton = document.getElementById('fullscreen-button');
- fullscreenButton.addEventListener('click', function () {
- toggleFullScreen(container);
- });
-
- // Function to toggle full screen mode
- function toggleFullScreen(element) {
- var networkContainer = document.getElementById('networkContainer');
-
- // check to existance of element
- if (networkContainer) {
- var parentElement = networkContainer.parentNode;
-
- // add style background:
- parentElement.style.backgroundColor = 'white';
- }
- networkContainer.parentNode.classList.toggle('active-fullscreen');
- networkContainer.style.height = "100%";
- networkContainer.style.width = "100%";
- }
- }
-}
diff --git a/app/javascript/controllers/recommender_controller.js b/app/javascript/controllers/recommender_controller.js
deleted file mode 100644
index e753a7ace..000000000
--- a/app/javascript/controllers/recommender_controller.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-// Connects to data-controller="recommender"
-export default class extends Controller {
- static targets = ['button', 'input', 'result', 'maxset', 'empty', 'ontologieschoice']
-
- connect(){
- if(document.querySelector('input[name="highlighted_recommendation"]:checked') !== null){
- this.handleHighlightedChange()
- }
-
- let ontologies_choice = this.ontologieschoiceTarget.childNodes[1].childNodes[1]
- if(!ontologies_choice.checked){
- this.togglesets()
- }
- }
- edit(event){
- this.#toggle(this.buttonTarget)
- this.#toggle(event.currentTarget)
- this.#toggle(this.inputTarget)
- this.#toggle(this.resultTarget)
- }
- togglesets(){
- this.#toggle(this.maxsetTarget)
- this.#toggle(this.emptyTarget)
- }
-
- handleHighlightedChange(){
- let recommandations_area = this.resultTarget
- let jsonString = document.querySelector('input[name="highlighted_recommendation"]:checked').value;
- let jsonStringModified = jsonString.replace(/:text/g, '"text"').replace(/:link/g, '"link"').replace(/=>/g, ':');
- let jsonArray = JSON.parse(jsonStringModified);
- var words = recommandations_area.textContent.split(/\s+/);
- for (var i = 0; i < words.length; i++) {
- var word = words[i].replace(/[.,\/#!$%\^&\*;:{}=\-_`~()]/g, '').toLowerCase(); // Remove punctuation and convert to lowercase
- var foundItem = jsonArray.find(item => item.text.toLowerCase() === word);
-
- if (foundItem) {
- // Replace the word with tag
- words[i] = '' + words[i] + '';
- }
- }
- recommandations_area.innerHTML = words.join(' ');
- }
-
- handleInput(event){
- var selectedInputChoice = document.querySelector('input[name="input_type"]:checked').value;
- if (selectedInputChoice === "2"){
- const textarea = event.currentTarget
- const value = textarea.value;
- const lastCharIsSpace = event.data === ' ';
- const formattedValue = lastCharIsSpace ? value.trim() + ', ' : value;
- textarea.value = formattedValue;
- }
- }
-
- #toggle(element){
- element.classList.toggle('d-none')
- }
-}
diff --git a/app/javascript/controllers/sample_text_controller.js b/app/javascript/controllers/sample_text_controller.js
deleted file mode 100644
index dd6f96711..000000000
--- a/app/javascript/controllers/sample_text_controller.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import {Controller} from "@hotwired/stimulus"
-
-// Connects to data-controller="sample-text"
-export default class extends Controller {
- static targets = ['input']
- annotator_recommender(event){
- let button = event.target.closest("[data-sample-text]");
- this.inputTarget.value = button.dataset.sampleText
- }
-}
\ No newline at end of file
diff --git a/app/javascript/controllers/show_filter_count_controller.js b/app/javascript/controllers/show_filter_count_controller.js
deleted file mode 100644
index 21b3d7250..000000000
--- a/app/javascript/controllers/show_filter_count_controller.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import {Controller} from "@hotwired/stimulus"
-
-// Connects to data-controller="show-filter-count"
-
-export default class extends Controller {
- static targets = ["countSpan"]
-
- updateCount() {
- const checkInputs = this.element.querySelectorAll('input:checked')
- this.element.querySelectorAll('turbo-frame').forEach(x => {
- x.setAttribute('busy', 'true')
- })
- const count = checkInputs.length
- this.countSpanTarget.style.display = count === 0 ? "none" : "inline-block"
- this.countSpanTarget.innerHTML = count === 0 ? "" : count
- }
-}
diff --git a/app/javascript/controllers/show_modal_controller.js b/app/javascript/controllers/show_modal_controller.js
deleted file mode 100644
index f539869d8..000000000
--- a/app/javascript/controllers/show_modal_controller.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import {Controller} from "@hotwired/stimulus"
-import {UseModal} from "../mixins/useModal";
-
-// Connects to data-controller="show-modal"
-export default class extends Controller {
- static values = {
- targetModal: {type: String, default: '#application_modal'},
- title: String,
- size: String,
- }
-
-
- connect() {
- this.modal = new UseModal()
- this.boundHide = this.hide.bind(this)
- this.modal.onClose(this.element, this.boundHide)
- }
-
- disconnect() {
- this.modal.onCloseRemoveEvent(this.element, this.boundHide)
- }
-
- show() {
- this.setTitle()
- this.setSize()
- let target = this.targetModalElement
- if (target) {
- this.modal.showModal(target)
- }
- }
-
- hide() {
- let target = this.targetModalElement
- if (target) {
- this.modal.hideModal(target)
- }
-
- }
-
- get targetModalElement() {
- return document.querySelector(this.targetModalValue)
- }
-
- get modalTitle() {
- return document.querySelector(`${this.targetModalValue} .modal-title`)
- }
-
- setTitle() {
- let titleElem = this.modalTitle
- if(titleElem){
- titleElem.innerHTML = this.titleValue
- }
- }
-
- setSize() {
- const target = this.targetModalElement
- const newSize = this.sizeValue
- if (target && newSize){
- const modalContainer = target.firstElementChild
- const classes = modalContainer.classList
- const oldSize = classes.item(classes.length - 1)
- modalContainer.classList.remove(oldSize)
- modalContainer.classList.add(newSize)
- }
- }
-}
diff --git a/app/javascript/controllers/simple_tree_controller.js b/app/javascript/controllers/simple_tree_controller.js
index 858bfde2c..d178b3bb3 100644
--- a/app/javascript/controllers/simple_tree_controller.js
+++ b/app/javascript/controllers/simple_tree_controller.js
@@ -1,63 +1,57 @@
-import { Controller } from '@hotwired/stimulus'
-// Connects to data-controller="simple-tree"
-export default class extends Controller {
-
- static values = {
- autoClick: { type: Boolean, default: false }
- }
-
- connect () {
- setTimeout(() => {
- let activeElem = this.element.querySelector('.tree-link.active');
- if (activeElem) {
- activeElem.scrollIntoView({ block: 'center' });
- window.scrollTo({top: 0,});
- if (this.autoClickValue) {
- activeElem.click();
- }
- }
- this.#onClickTooManyChildrenInit();
- }, 0);
- }
+import {Controller} from "@hotwired/stimulus"
+import {useSimpleTree} from "../mixins/useSimpleTree";
- select (event) {
- this.element.querySelector('a.active')?.classList.toggle('active')
- event.currentTarget.classList.toggle('active')
- this.#afterClick(event.currentTarget)
- }
+export default class extends Controller {
+ connect() {
+ this.simpleTreeCollection = useSimpleTree(this.element,
+ this.#afterClick.bind(this),
+ this.#afterAjaxError.bind(this),
+ this.#beforeAjax.bind(this)
+ )
- toggleChildren (event) {
- event.preventDefault()
- event.target.classList.toggle('fa-chevron-right')
- event.target.classList.toggle('fa-chevron-down')
- event.target.nextElementSibling.nextElementSibling.classList.toggle('hidden')
+ this.#onClickTooManyChildrenInit()
}
- #onClickTooManyChildrenInit () {
- jQuery('.too_many_children_override').live('click', (event) => {
- event.preventDefault()
- let result = jQuery(event.target).closest('ul')
- result.html('
')
+ #onClickTooManyChildrenInit(){
+ jQuery(".too_many_children_override").live('click', (event) => {
+ event.preventDefault();
+ let result = jQuery(event.target).closest("ul");
+ result.html("
");
jQuery.ajax({
url: jQuery(event.target).attr('href'),
context: result,
success: function (data) {
- this.html(data)
- this.simpleTreeCollection.get(0).setTreeNodes(this)
+ this.html(data);
+ this.simpleTreeCollection.get(0).setTreeNodes(this);
},
error: function () {
- this.html(' ")
- this.fairMsgErr = jQuery("
';
- document.body.appendChild(tooltipEl);
- }
-
- // Hide if no tooltip
- if (tooltipModel.opacity === 0) {
- tooltipEl.style.opacity = 0;
- return;
- }
-
- // Set caret Position
- tooltipEl.classList.remove('above', 'below', 'no-transform');
- if (tooltipModel.yAlign) {
- tooltipEl.classList.add(tooltipModel.yAlign);
- } else {
- tooltipEl.classList.add('no-transform');
- }
-
- function getBody(bodyItem) {
- return bodyItem.lines;
- }
- // Set Text
- if (tooltipModel.body) {
- let titleLines = tooltipModel.title || [];
- let bodyLines = tooltipModel.body.map(getBody);
-
- let innerHtml = '';
-
- titleLines.forEach(function(title ,index) {
- innerHtml += '' + title + ' : '+ descriptions[tooltipModel.dataPoints[0].index] + ' ' + body + ' } data - The array of BubbleData objects containing ontology names and mappings.
- * @param {number} width - The width of the SVG container.
- * @param {number} height - The height of the SVG container.
- * @param {number} margin - The margin for the SVG container.
- * @param {HTMLElement} bubblesTarget - The target HTML element to append the SVG container to.
- * @param {number} normalization_ratio - The normalization ratio for bubble size calculation.
- * @param {number} logScaleFactor - The logarithmic scale factor for bubble size calculation.
- */
-
-export function useMappingsDrawBubbles(data, width, height, margin, bubblesTarget, normalization_ratio, logScaleFactor) {
- // Define pack layout
- const pack = d3.pack()
- .size([width - margin, height - margin])
- .padding(3);
-
- // Create hierarchy and sum for bubble sizes
- const root = d3.hierarchy({ children: data })
- .sum(d => calculateBubbleSize(d));
-
- // Create SVG container
- const svg = d3.select(`#${bubblesTarget.id}`)
- .append('svg')
- .attr('width', width)
- .attr('height', height)
- .append('g')
- .attr('transform', `translate(${margin}, ${margin})`)
-
- // Create nodes and bind data
- const node = svg.selectAll('.node')
- .data(pack(root).descendants().slice(1)) // Exclude the root node
- .enter().append('g')
- .attr('class', d => d.children ? 'node mappings-bubble' : 'leaf mappings-bubble')
- .attr('transform', d => `translate(${d.x},${d.y})`)
- .attr('data-action', 'click->mappings#selectBubble')
- .attr('data-acronym', d => d.data.ontology_name)
- .attr('data-enabled', d => 'true');
-
- // Create circles
- const circle = node.append('circle')
- .attr('r', d => d.r)
- .style('fill', 'var(--primary-color)');
-
- // Display ontology names and mappings
- const textOntology = node.append('text')
- .attr('dy', '.35em')
- .style('text-anchor', 'middle')
- .style('font-size', '16px')
- .style('fill', 'white')
- .style('font-weight', '600')
- .text(d => displayOntologyName(d));
-
- const textMappings = node.append('text')
- .attr('dy', '1.5em')
- .style('text-anchor', 'middle')
- .style('font-size', '12px')
- .style('fill', 'white')
- .text(d => displayMappings(d));
-
- // Show tooltips on hover
- circle.on('mouseover', (event, d) => showTooltip(event, d))
- .on('mouseout', () => hideTooltip());
-
- // Function to calculate bubble size
- function calculateBubbleSize(d) {
- return d.ontology_mappings / normalization_ratio + Math.log(d.ontology_mappings + 1) / logScaleFactor;
- }
-
- // Function to display ontology name
- function displayOntologyName(d) {
- return (d.r > d.data.ontology_name.length * 5 && d.r > 20) ? d.data.ontology_name : '';
- }
-
- // Function to display mappings count
- function displayMappings(d) {
- return (d.r > d.data.ontology_name.length * 5 && d.r > 20) ? d.data.ontology_mappings : '';
- }
-
- // Function to show tooltip
- function showTooltip(event, d) {
- if (!(d.r > d.data.ontology_name.length * 5 && d.r > 20)) {
- // Remove existing tooltip
- d3.selectAll('.bubble-tooltip').remove();
-
- // Calculate tooltip position based on mouse coordinates
- const tooltip = d3.select('body')
- .append('div')
- .attr('class', 'bubble-tooltip')
- .style('left', `${event.pageX + 10}px`) // Adjust position relative to mouse pointer
- .style('top', `${event.pageY + 10}px`) // Adjust position relative to mouse pointer
- .html(`${d.data.ontology_name}
${d.data.ontology_mappings}`); - } - } - - // Function to hide tooltip - function hideTooltip() { - // Remove tooltip on mouseout - d3.selectAll('.bubble-tooltip').remove(); - } -} diff --git a/app/javascript/mixins/useModal.js b/app/javascript/mixins/useModal.js deleted file mode 100644 index 2a5c34239..000000000 --- a/app/javascript/mixins/useModal.js +++ /dev/null @@ -1,18 +0,0 @@ -export class UseModal { - - showModal(element) { - $(element).modal('show') - } - - hideModal(element) { - $(element).modal('hide') - } - - onClose(element, callback) { - return $(element).on('hidden.bs.modal', callback) - } - onCloseRemoveEvent(element, callback){ - return element.removeEventListener('hidden.bs.modal', callback) - } -} - diff --git a/app/javascript/mixins/useTomSelect.js b/app/javascript/mixins/useTomSelect.js deleted file mode 100644 index 7b4923d02..000000000 --- a/app/javascript/mixins/useTomSelect.js +++ /dev/null @@ -1,9 +0,0 @@ -import TomSelect from "tom-select" - -export function useTomSelect(element, params, onChange = null) { - const tom = new TomSelect(element,params) - if(onChange){ - tom.on('change',onChange) - } - return tom; -} \ No newline at end of file diff --git a/app/javascript/mixins/useTooltip.js b/app/javascript/mixins/useTooltip.js deleted file mode 100644 index 805978000..000000000 --- a/app/javascript/mixins/useTooltip.js +++ /dev/null @@ -1,13 +0,0 @@ -import tippy from 'tippy.js'; - -export default function useTooltip(elem, params) { - const content = elem.title - elem.removeAttribute('title') - tippy(elem, { - theme: 'light-border', - animation: 'fade', - content: content, - allowHTML: true, - maxWidth: '400', ...params - }) -} \ No newline at end of file diff --git a/app/javascript/mixins/useYasgui.js b/app/javascript/mixins/useYasgui.js deleted file mode 100644 index e13188157..000000000 --- a/app/javascript/mixins/useYasgui.js +++ /dev/null @@ -1,6 +0,0 @@ -import Yasgui from "@triply/yasgui"; - -export const getYasgui = (elem, config) => { - return new Yasgui(elem, config) -} - diff --git a/app/views/concepts/_child_nodes.html.haml b/app/views/concepts/_child_nodes.html.haml index 5479ebcfd..7a2e76c50 100644 --- a/app/views/concepts/_child_nodes.html.haml +++ b/app/views/concepts/_child_nodes.html.haml @@ -1,6 +1,6 @@ - output ="" - for child in @children - - output << tree_link_to_concept(li_id: short_uuid, child: child, ontology_acronym: child.explore.ontology.acronym, active_style: '', node: @concept) + - output << tree_link_to_concept(li_id: short_uuid, child: child, ontology_acronym: child.explore.ontology.acronym, active_style: '') - if child.hasChildren - output << tree_link_to_children(li_id: short_uuid, child: child) - output << "" diff --git a/app/views/concepts/_show.html.haml b/app/views/concepts/_show.html.haml index 2419a1633..f6b67d557 100644 --- a/app/views/concepts/_show.html.haml +++ b/app/views/concepts/_show.html.haml @@ -1,50 +1,39 @@ -= turbo_frame_tag 'concept_show' do - %div.hide-if-loading.fade.show - / When we have an ontology with a flat hierarchy, we initially disable the tabs because we don't have a class to display - - if @concept.id.eql?("bp_fake_root") - %div{:style => "padding: 100px 0; font-size: larger; font-weight: bold; text-align: center;"} - Use the "Jump To" to find a class and display details, visualization, notes, and mappings - - else - .cls-info-container - - %ul.nav.nav-tabs.tabs - %li#details_top.nav-item - %a.nav-link.active.py-1{:href => "#details" , data:{toggle: 'tab', target: '#details_content'}} Details - %li#visualization_top.nav-item - %a.nav-link.py-1{:href => "#visualization", data:{toggle: 'tab', target: '#visualization_content'}} Visualization - %li#notes_top.nav-item - %a.nav-link.py-1{:href => "#notes", data:{toggle: 'tab', target: '#notes_content'}} - Notes - %span#note_count_wrapper - ( - %span#note_count= @notes.length - ) - %li#mappings_top.nav-item - %a.nav-link.py-1{:href => "#mappings", data:{toggle: 'tab', target: '#mappings_content'}} - Class Mappings ( - %span#mapping_count= @mappings.size += render TurboFrameComponent.new(id: 'concept_show', data: { turbo: false }) do + - if @concept.id.eql?("bp_fake_root") + %div{:style => "padding: 100px 0; font-size: larger; font-weight: bold; text-align: center;"} + Use the "Jump To" to find a class and display details, visualization, notes, and mappings + - else + .cls-info-container + %ul.nav.nav-tabs.tabs + %li#details_top.nav-item + %button.nav-link.active.py-1{:href => "#details" , data:{'bs-toggle': 'tab', 'bs-target': '#details_content'}} Details + %li#visualization_top.nav-item + %button.nav-link.py-1{:href => "#visualization", data:{'bs-toggle': 'tab', 'bs-target': '#visualization_content'}} Visualization + %li#notes_top.nav-item + %button.nav-link.py-1{:href => "#notes", data:{'bs-toggle': 'tab', 'bs-target': '#notes_content'}} + Notes + %span#note_count_wrapper + ( + %span#note_count= @notes.length ) - - if @enable_ontolobridge - %li#request_term_top.nav-item - %a.nav-link.py-1{:href => "#request_term", data:{toggle: 'tab', target: '#request_term'}} - New Term Requests - - if $PURL_ENABLED - = link_to("#classPermalinkModal", class: "class-permalink nav-link", title: "Get a permanent link to this class", aria: {label: "Get a permanent link to this class"}, data: {toggle: "modal", current_purl: "#{@current_purl}"}) do - %i{class: "fas fa-link", aria: {hidden: "true"}} - #contents.tab-content - #details_content.tab-pane.active.show - = render :partial =>'/concepts/details' - #visualization_content.tab-pane - = render :partial =>'/concepts/biomixer' - #notes_content.tab-pane - = render :partial =>'/notes/list' - #mappings_content.tab-pane - = render :partial => '/mappings/concept_mappings' - - if @enable_ontolobridge - #request_term_content.tab-pane - = render :partial =>'/concepts/request_term' -%div.show-if-loading.align-self-center.my-auto - loading... + %li#mappings_top.nav-item + %button.nav-link.py-1{:href => "#mappings", data:{'bs-toggle': 'tab', 'bs-target': '#mappings_content'}} + Class Mappings ( + %span#mapping_count= @mappings.size + ) + - if $PURL_ENABLED + = link_to("#classPermalinkModal", class: "class-permalink nav-link", title: "Get a permanent link to this class", aria: {label: "Get a permanent link to this class"}, data: {toggle: "modal", current_purl: "#{@current_purl}"}) do + %i{class: "fas fa-link", aria: {hidden: "true"}} + #contents.tab-content + #details_content.tab-pane.active.show + = render :partial =>'/concepts/details' + #visualization_content.tab-pane + = render :partial =>'/concepts/biomixer' + #notes_content.tab-pane + = render :partial =>'/notes/list' + #mappings_content.tab-pane + = render :partial => '/mappings/concept_mappings' + :javascript jQuery(document).ready(function(){ diff --git a/app/views/layouts/_ontology_viewer.html.haml b/app/views/layouts/_ontology_viewer.html.haml index 6262ec3b8..527dc6a15 100644 --- a/app/views/layouts/_ontology_viewer.html.haml +++ b/app/views/layouts/_ontology_viewer.html.haml @@ -108,7 +108,7 @@ %div.row.pb-4 %div.col %div.card.py-3 - %div + %div{data: {controller: 'ontology-viewer-tabs', 'ontology-viewer-tabs-language-sections-value': ontology_data_sections }} - sections = sections_to_show %div.ontologies-tabs-container{data:{action: 'tab-selected->ontology-viewer-tabs#updateLanguageSelector'}} = render TabsContainerComponent.new(id: 'ontology_viewer', url_parameter: 'p') do |t| diff --git a/app/views/layouts/angular.html.erb b/app/views/layouts/angular.html.erb index 6b6f71f2e..8b4da096e 100644 --- a/app/views/layouts/angular.html.erb +++ b/app/views/layouts/angular.html.erb @@ -33,7 +33,6 @@ <%= stylesheet_link_tag "application" %> - <%=javascript_include_tag "application-esbuild", "data-turbo-track": "reload", type: "module" %> <%=javascript_include_tag "vendor"%> <%=javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.min.js"%> <%=javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1/Chart.min.js"%> diff --git a/app/views/layouts/appliance.html.haml b/app/views/layouts/appliance.html.haml index 397a301bf..ee0de53a7 100644 --- a/app/views/layouts/appliance.html.haml +++ b/app/views/layouts/appliance.html.haml @@ -14,7 +14,6 @@ = stylesheet_link_tag "https://use.fontawesome.com/releases/v5.2.0/css/all.css", integrity: "sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ", crossorigin: "anonymous" = stylesheet_link_tag "application", media: "all" - = javascript_include_tag "application-esbuild", "data-turbo-track": "reload", type: "module" = javascript_include_tag "vendor" = javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.min.js" = javascript_include_tag "//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js" diff --git a/app/views/ontologies/_lazy_load_content.html.haml b/app/views/ontologies/_lazy_load_content.html.haml deleted file mode 100644 index ae7b28ac1..000000000 --- a/app/views/ontologies/_lazy_load_content.html.haml +++ /dev/null @@ -1,4 +0,0 @@ -- if current_section.eql?(section_title) - = yield -- else - = render TurboFrameComponent.new(id: section_title, src: "/ontologies/#{@ontology.acronym}?p=#{section_title}", loading: :lazy) \ No newline at end of file diff --git a/app/views/ontologies/_mappings.html.haml b/app/views/ontologies/_mappings.html.haml index 699558aaa..71f656cf1 100644 --- a/app/views/ontologies/_mappings.html.haml +++ b/app/views/ontologies/_mappings.html.haml @@ -1,3 +1,3 @@ -= turbo_frame_tag 'mappings' do += turbo_frame_tag 'mappings', data: {turbo: false} do #mappings_content = render :partial => 'mappings/count' diff --git a/app/views/ontologies/_metadata.html.haml b/app/views/ontologies/_metadata.html.haml index 5efe86a87..98c106b5a 100644 --- a/app/views/ontologies/_metadata.html.haml +++ b/app/views/ontologies/_metadata.html.haml @@ -1,5 +1,5 @@ -= turbo_frame_tag 'summary' do - %div.ont-metadata += turbo_frame_tag 'summary', data: {turbo: false} do + %div.ont-metadata.py-3 -# Details pane %section.ont-metadata-card.ont-details-card %header.pb-2.fw-bold Details diff --git a/app/views/ontologies/_notes.html.haml b/app/views/ontologies/_notes.html.haml index 11ee81c20..4db993a52 100644 --- a/app/views/ontologies/_notes.html.haml +++ b/app/views/ontologies/_notes.html.haml @@ -1,4 +1,4 @@ -= turbo_frame_tag 'notes' do += turbo_frame_tag 'notes', data: {turbo: false} do %div#notes_content{style:"margin: 1em 0"} %h2{style:"margin-bottom: -0.5em; font-size: x-large; padding: .5em .5em 0; float: left;"} Notes = render :partial => 'notes/ontology_list' diff --git a/app/views/ontologies/_treeview.html.haml b/app/views/ontologies/_treeview.html.haml index 10ccde6cb..cc7b4cac7 100644 --- a/app/views/ontologies/_treeview.html.haml +++ b/app/views/ontologies/_treeview.html.haml @@ -1,9 +1,10 @@ = turbo_frame_tag 'concepts_tree_view' do - #tree_wrapper - %ul.simpleTree{data:{controller: 'simple-tree'}} - %li.root - %ul - = draw_tree(@root, @concept.id) # application_helper::draw_tree + - unless @ontology.flat? + #tree_wrapper.card.p-1 + %ul.simpleTree{data:{controller: 'simple-tree'}} + %li.root + %ul + = draw_tree(@root, @concept.id) :javascript jQuery(document).ready(function () { diff --git a/app/views/ontologies/_widgets.html.haml b/app/views/ontologies/_widgets.html.haml index ddd634b2a..c4c4f8159 100644 --- a/app/views/ontologies/_widgets.html.haml +++ b/app/views/ontologies/_widgets.html.haml @@ -1,4 +1,4 @@ -= turbo_frame_tag 'widgets' do += turbo_frame_tag 'widgets', data: {turbo: false} do - ont_uri = "/ontologies/#{@ontology.acronym}" - get_code_prefix = ont_uri + '?p=widgets#TB_inline&height=400&width=600' diff --git a/app/views/ontologies/properties.html.haml b/app/views/ontologies/properties.html.haml index dc3f796fa..ce3500759 100644 --- a/app/views/ontologies/properties.html.haml +++ b/app/views/ontologies/properties.html.haml @@ -1,5 +1,5 @@ -= turbo_frame_tag 'properties' do - %div.ont-properties{data:{controller: 'container-splitter'}} += render TurboFrameComponent.new(id: 'properties',data: {"turbo-frame-target": "frame"}) do + %div.ont-properties.py-3{data:{controller: 'container-splitter'}} %div#propTree{data:{'container-splitter-target': 'container'}} %div#prop_contents.pl-3{data:{'container-splitter-target': 'container'}} diff --git a/app/views/ontologies/visualize.html.haml b/app/views/ontologies/visualize.html.haml index 9b1b6ebf1..f55661777 100644 --- a/app/views/ontologies/visualize.html.haml +++ b/app/views/ontologies/visualize.html.haml @@ -1,35 +1,27 @@ -= turbo_frame_tag 'classes' do += render TurboFrameComponent.new(id: 'classes', data: {"turbo-frame-target": "frame"}) do - unless @error - @title = "#{@ontology.name} - #{@concept.prefLabel}" - - @new_term_request_ontologies - - @enable_ontolobridge = !$NEW_TERM_REQUEST_ONTOLOGIES.nil? && $NEW_TERM_REQUEST_ONTOLOGIES.include?(@ontology.acronym) %div.tooltip - %div#bd_content.bd_content.explore{data:{controller: 'container-splitter'}} + %div#bd_content.bd_content.explore.py-3{data:{controller: 'container-splitter'}} %div.sidebar.d-flex.flex-column.pr-2{data:{'container-splitter-target': 'container'}} - -# Search box for class tree - %div#qsearch.input-group.pb-2 - %div.input-group-prepend - %span.input-group-text Jump to: - = text_field_tag("search_box", nil, class: "form-control rounded-right", aria: {label: "Jump to:"}, - data: {controller: 'class-search', 'class-search-ontology-acronym-value': @ontology.acronym, - 'class-search-spinner-src-value': asset_path("jquery.simple.tree/spinner.gif")}) + %div#qsearch.input-group.pb-2.pe-1 + %span.input-group-text Jump to: + = text_field_tag("search_box", nil, class: "form-control rounded-end", aria: {label: "Jump to:"}, + data: {controller: 'class-search-auto-complete', 'class-search-auto-complete-ontology-acronym-value': @ontology.acronym, + 'class-search-auto-complete-spinner-src-value': asset_path("jquery.simple.tree/spinner.gif")}) = hidden_field_tag("jump_to_concept_id") - -# Class tree - %div#sd_content.card.p-1 - = turbo_frame_tag 'concepts_tree_view' , src: "/ajax/classes/treeview?ontology=#{@ontology.acronym}&conceptid=#{escape(@concept.id)}" do - = loading_spinner(true) + %div#sd_content.p-1 + = render TurboFrameComponent.new(id: 'concepts_tree_view' , src: "/ajax/classes/treeview?ontology=#{@ontology.acronym}&conceptid=#{escape(@concept.id)}") %div#concept_content.d-flex.flex-column.card.p-1.ml-2{data:{'container-splitter-target': 'container'}} = render partial: 'concepts/show' - - form_for(:search, :url => '', :html=>{:id=>'search_form'}) do |f| + - form_for(:search, :url => '', :html=>{:id=>'search_form'}) do %input{:name => "search[ontologies][]", :type => "hidden", :value => @ontology.acronym}/ = hidden_field :search, :search_type, :value=>"contains" = hidden_field :search, :keyword, :value=>"",:id=>"search_keyword" - else # found an error = ""
- :javascript
-
diff --git a/config/application.rb b/config/application.rb
index 77aa0796f..8a1fe795a 100644
--- a/config/application.rb
+++ b/config/application.rb
@@ -26,7 +26,6 @@ class Application < Rails::Application
config.exceptions_app = self.routes
- config.autoload_paths += %W[#{config.root}/app/lib/kgcl]
config.settings = config_for :settings
diff --git a/config/bioportal_config_env.rb.sample b/config/bioportal_config_env.rb.sample
index 277b97201..746efd10c 100644
--- a/config/bioportal_config_env.rb.sample
+++ b/config/bioportal_config_env.rb.sample
@@ -301,7 +301,7 @@ $FOOTER_LINKS = {
-$UI_THEME = ENV['UI_THEME'] || 'ontoportal'
+$UI_THEME = ENV['UI_THEME'] || 'bioportal'
$HOSTNAME = ENV['API_URL']
if $HOSTNAME
diff --git a/config/initializers/zeitwerk.rb b/config/initializers/zeitwerk.rb
index 5e278416f..a105110d1 100644
--- a/config/initializers/zeitwerk.rb
+++ b/config/initializers/zeitwerk.rb
@@ -1,5 +1,4 @@
# frozen_string_literal: true
-
Rails.autoloaders.each do |autoloader|
autoloader.inflector = Zeitwerk::Inflector.new
autoloader.inflector.inflect(
')
+ #onClickTooManyChildrenInit(){
+ jQuery(".too_many_children_override").live('click', (event) => {
+ event.preventDefault();
+ let result = jQuery(event.target).closest("ul");
+ result.html("");
jQuery.ajax({
url: jQuery(event.target).attr('href'),
context: result,
success: function (data) {
- this.html(data)
- this.simpleTreeCollection.get(0).setTreeNodes(this)
+ this.html(data);
+ this.simpleTreeCollection.get(0).setTreeNodes(this);
},
error: function () {
- this.html('Problem getting children. Try again
')
+ this.html("Problem getting children. Try again
");
}
- })
- })
+ });
+ });
+ }
+
+ #afterClick(node) {
+ const page_name = $(node.context).attr("data-bp-ont-page-name")
+ const conf = jQuery(document).data().bp.ont_viewer
+ const concept_id = jQuery(node).children("a").attr("id")
+ History.pushState({
+ p: "classes",
+ conceptid: concept_id
+ }, page_name + " | " + conf.org_site,
+ '?p=classes&conceptid=' + concept_id)
+ }
+
+ #afterAjaxError(node) {
+ this.simpleTreeCollection[0].option.animate = false;
+ this.simpleTreeCollection.get(0).nodeToggle(node.parent()[0]);
+ if (node.parent().children(".expansion_error").length === 0) {
+ node.parent().append("Error, please try again");
+ }
+ this.simpleTreeCollection[0].option.animate = true;
}
- #afterClick (node) {
- this.element.dispatchEvent(new CustomEvent('clicked', {
- detail: {
- node: node,
- data: { ...node.dataset }
- }, bubbles: true
- }))
+ #beforeAjax(node) {
+ node.parent().children(".expansion_error").remove();
}
-}
+}
\ No newline at end of file
diff --git a/app/javascript/controllers/skos_collection_colors_controller.js b/app/javascript/controllers/skos_collection_colors_controller.js
deleted file mode 100644
index 58baddf4d..000000000
--- a/app/javascript/controllers/skos_collection_colors_controller.js
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-
-// Connects to data-controller="skos-collection-colors"
-export default class extends Controller {
-
- static values = {
- collectionsColorSelectTarget: String
- }
- static targets = ['collection']
-
- connect () {
- this.allCollections = this.#collectionsChoices()
- this.selected = []
- }
-
- updateCollectionTags (event) {
- this.selected = Object.entries(event.detail.data)[0][1]
- this.collectionTargets.forEach((collectionElem) => {
- this.#updateColorsTags(collectionElem)
- })
- }
-
- #updateColorsTags (collectionElem) {
- let collections = this.#getElemCollections(collectionElem)
- let activeCollections = this.#getMatchedCollections(collectionElem, collections, this.selected)
-
- this.#removeColors(collectionElem)
- this.#addColorsTags(collectionElem, this.#getCollectionColors(activeCollections))
- }
-
- collectionTargetConnected (collectionElem) {
-
- if (this.selected.length > 0) {
- this.#updateColorsTags(collectionElem)
- }
- }
-
- #removeColors (collectionElem) {
- const childList = collectionElem.children
- if (childList && childList.length > 0) {
- collectionElem.removeChild(collectionElem.lastElementChild)
- }
- }
-
- #collectionsChoices () {
- const options = document.getElementById(this.collectionsColorSelectTargetValue)
- const out = {}
- if (options) {
- Array.from(options.options).forEach(s => {
- if (s.value !== '') {
- out[s.value] = s.dataset.color
- }
- })
- }
- return out
- }
-
- #getMatchedCollections (elem, collections, selected) {
- collections = [...new Set(collections.concat(this.#getElemActiveCollections(elem)))]
- return selected.filter(c => collections.includes(c))
- }
-
- #getCollectionColors (collectionsIds) {
- return Object.entries(this.allCollections).filter(([key]) => collectionsIds.includes(key)).map(x => x[1])
- }
-
- #getElemCollections (elem) {
- return JSON.parse(elem.dataset.collectionsValue)
- }
-
- #getElemActiveCollections (elem) {
- return JSON.parse(elem.dataset.activeCollectionsValue)
- }
-
- #addColorsTags (elem, colors) {
- const colorsContainer = document.createElement('span')
- colors.forEach(c => this.#elemAddColorTag(colorsContainer, c))
- elem.appendChild(colorsContainer)
- }
-
- #elemAddColorTag (elem, color) {
- const span = document.createElement('span')
- span.style.backgroundColor = color
- span.style.height = '10px'
- span.style.width = '10px'
- span.style.borderRadius = '50%'
- span.style.display = 'inline-block'
- span.className += 'mx-1'
- elem.appendChild(span)
- }
-}
diff --git a/app/javascript/controllers/sparql_controller.js b/app/javascript/controllers/sparql_controller.js
deleted file mode 100644
index 11a6879b2..000000000
--- a/app/javascript/controllers/sparql_controller.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-import { getYasgui } from '../mixins/useYasgui'
-
-// Connects to data-controller="sparql"
-export default class extends Controller {
- static values = {
- proxy: String,
- username: String,
- apikey: String,
- graph: String,
- }
- connect () {
- localStorage.removeItem('yagui__config');
- this.yasgui = getYasgui(this.element,
- {
- corsProxy: this.proxyValue,
- copyEndpointOnNewTab: true,
- requestConfig: {
- endpoint: this.#proxyUrl(),
- acceptHeaderGraph: false,
- acceptHeaderUpdate: false,
- namedGraphs: [this.graphValue],
- }
- })
-
- }
-
- #proxyUrl(){
- return `${this.proxyValue}?apikey=${this.apikeyValue}&username=${this.usernameValue}`
- }
-}
diff --git a/app/javascript/controllers/text_truncate_controller.js b/app/javascript/controllers/text_truncate_controller.js
deleted file mode 100644
index b3c235e83..000000000
--- a/app/javascript/controllers/text_truncate_controller.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import ReadMore from "stimulus-read-more";
-
-// Connects to data-controller="text-truncate"
-export default class extends ReadMore {
- static targets = ['button']
-
- connect() {
- super.connect()
- if (!this.#isTextClamped()) {
- this.#hideButton()
- }
- }
-
- #isTextClamped() {
- return this.contentTarget.scrollHeight > this.contentTarget.clientHeight
- }
-
- #hideButton() {
- this.buttonTarget.style.display = 'none'
- }
-}
diff --git a/app/javascript/controllers/tooltip_controller.js b/app/javascript/controllers/tooltip_controller.js
deleted file mode 100644
index 60fd3d7e9..000000000
--- a/app/javascript/controllers/tooltip_controller.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Controller} from "@hotwired/stimulus"
-import useTooltip from "../mixins/useTooltip";
-
-// Connects to data-controller="tooltip"
-export default class extends Controller {
-
- static values = {
- position: {type: String, default: 'top'},
- interactive: {type: Boolean, default: false}
- }
-
- connect() {
- if (this.element.title && this.element.title !== '') {
- useTooltip(this.element, {interactive: this.interactiveValue, placement: this.positionValue})
- }
-
- }
-
-}
diff --git a/app/javascript/controllers/topnav_responsiveness_controller.js b/app/javascript/controllers/topnav_responsiveness_controller.js
deleted file mode 100644
index 218919ff8..000000000
--- a/app/javascript/controllers/topnav_responsiveness_controller.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-// Connects to data-controller="topnav-responsiveness"
-export default class extends Controller {
- static targets = ['navMenu']
-
- connect() {
- let checkbox = this.navMenuTarget
- let divs = document.querySelectorAll('.top-nav, .top-nav-ul, .nav-items, .nav-ul-li, .nav-input, .nav-a, .nav-language, .supportMenuDropdownLink');
- checkbox.addEventListener('change', function() {
- if (this.checked) {
- divs.forEach(function(div) {
- div.classList.add('show-responsive');
- });
- } else {
- divs.forEach(function(div) {
- div.classList.remove('show-responsive');
- });
- }
- });
- }
-}
diff --git a/app/javascript/mixins/cookie.js b/app/javascript/mixins/cookie.js
deleted file mode 100644
index 5e2b5bf0d..000000000
--- a/app/javascript/mixins/cookie.js
+++ /dev/null
@@ -1,8 +0,0 @@
-export const getCookie = (name) => {
- const cookieValue = document.cookie.match('(^|[^;]+)\\s*' + name + '\\s*=\\s*([^;]+)');
- return cookieValue ? cookieValue.pop() : '';
-}
-
-export const setCookie = (name, value, days) => {
- document.cookie = `${name}=${value};max-age=${days * 24 * 60 * 60}`;
-}
\ No newline at end of file
diff --git a/app/javascript/mixins/useChosen.js b/app/javascript/mixins/useChosen.js
deleted file mode 100644
index 5f2c6c541..000000000
--- a/app/javascript/mixins/useChosen.js
+++ /dev/null
@@ -1,8 +0,0 @@
-export function useChosen(element, params, onChange = null) {
- const chosen = $(element).chosen(params)
- if(onChange){
- chosen.change(onChange)
- }
-
- return chosen;
-}
\ No newline at end of file
diff --git a/app/javascript/mixins/useFairScore.js b/app/javascript/mixins/useFairScore.js
deleted file mode 100644
index 02b12f95b..000000000
--- a/app/javascript/mixins/useFairScore.js
+++ /dev/null
@@ -1,631 +0,0 @@
-function round(val , base = 1){
- return Math.floor( val * 100 * base) / 100
-}
-
-function getObtainedNotObtainedNA(scoresIn, portalMax , max , normalize = true){
- const delimiter = (val) => (normalize ? val : 1)
- const notObtained = portalMax.map((x,i) => {
- return round((x - scoresIn[i]) / delimiter(max[i]) ,(normalize ? 100 : 1))
- })
- const na = max.map((x,i) => {
- return round((x - portalMax[i]) / delimiter(max[i]), (normalize ? 100 : 1))
- })
-
- const scores = scoresIn.map((x, i ) => {
- return round(x / delimiter(max[i]), (normalize ? 100 : 1))
- })
- return {scores , notObtained , na}
-}
-
-function printScore(score, normalizedScore){
- return score +" "+'('+normalizedScore+"%)"
-}
-
-
-class FairScoreChartContainer{
- constructor(fairChartsContainerId , charts) {
- this.fairChartsContainer = jQuery("#"+fairChartsContainerId)
- this.fairAverageScoreSpan = jQuery("#fair-score-average")
- this.fairMinScoreSpan = jQuery("#fair-score-min")
-
- this.fairMaxScoreSpan = jQuery("#fair-score-max")
-
-
- this.fairMedianScoreSpan = jQuery("#fair-score-median")
-
-
- this.requestLink = jQuery("#fairness-service-url")
- this.requestHrefBase = (this.requestLink != null ?this.requestLink.attr("href") : "")
-
- this.fairSpinner = jQuery(" We could not collect the data from the fairness service
")
- this.fairMsgErr.hide()
- this.fairChartsContainer.before(this.fairSpinner)
- this.fairChartsContainer.before(this.fairMsgErr)
- this.charts = charts
- }
-
-
- ajaxCall(ontologies){
- return new Promise( (resolve ,reject) => {
- $.get( "/ajax/fair_score/json/?ontologies="+ontologies, (data) => {
- if(data) {
- resolve(data)
- }else {
- reject("error")
- }
- }).fail(function(err) {
- reject("error")
- })
- })
- }
- getFairScoreData(ontologies) {
- if(this.fairChartsContainer){
- this.hideMsgError()
- this.showLoader();
- this.#updateLink(ontologies)
- this.ajaxCall(ontologies).then(data => {
- this.hideLoader()
- this.charts.forEach( x => x.setFairScoreData(data))
- this.#fillScoreSpans(data)
- }).catch(err => {
- this.hideLoader()
- this.showMsgError()
- })
- }
-
-
- }
-
- showMsgError(){
- this.fairChartsContainer.hide()
- this.fairMsgErr.show()
- }
-
- hideMsgError(){
- this.fairMsgErr.hide()
- this.fairChartsContainer.show()
- }
- showLoader(){
- this.fairChartsContainer.hide()
- this.fairSpinner.show()
- }
- hideLoader(){
- this.fairSpinner.hide()
- this.fairChartsContainer.show()
- }
-
- #updateLink(ontologies){
- if(this.requestLink){
- this.requestLink.attr("href" , this.requestHrefBase + "&ontologies=" + ontologies
- + (ontologies==="all" || ontologies.includes(",") ? "&combined": ""))
-
- }
- }
- #fillScoreSpans(data){
-
- if(this.fairAverageScoreSpan){
- this.fairAverageScoreSpan.html(printScore(data.score,data.normalizedScore))
- }
-
- if(data.resourceCount > 1){
- this.#showScoreLabel(this.fairMinScoreSpan, data.minScore, data.maxCredits)
- this.#showScoreLabel(this.fairMaxScoreSpan, data.maxScore, data.maxCredits)
- this.#showScoreLabel(this.fairMedianScoreSpan, data.medianScore, data.maxCredits)
-
- }else {
- this.#hideScoreLabel((this.fairMinScoreSpan))
- this.#hideScoreLabel((this.fairMaxScoreSpan))
- this.#hideScoreLabel((this.fairMedianScoreSpan))
- }
-
-
- }
-
- #showScoreLabel(elem, score , maxCredits){
- if(elem){
- elem.parent().parent().show()
- elem.html(printScore(score,round(score/maxCredits , 100)))
- }
-
- }
-
- #hideScoreLabel(elem){
- if(elem)
- elem.parent().parent().hide()
- }
-}
-
-class FairScoreChart{
- constructor(fairCanvasId , dataField) {
- this.dataField = dataField
- this.fairScoreChartCanvas = jQuery("#"+fairCanvasId)
- this.chart= null
- }
-
- setFairScoreData(data){
- if(this.fairScoreChartCanvas){
- Object.entries(data[this.dataField]).forEach( ([key, value]) => this.fairScoreChartCanvas.data(key , value))
- this.fairScoreChartCanvas.data("resourceCount" , data["resourceCount"])
- if(this.chart === null)
- this.chart = this.initChart()
- else {
- this.chart.data.datasets = this.getFairScoreDataSet()
- this.chart.update()
- }
- }
-
- }
-
- getFairScoreDataSet(){
- return []
- }
-
- initChart(){
- return new Chart(this.fairScoreChartCanvas , {})
- }
-
-}
-
-class FairScorePrincipleBar extends FairScoreChart{
-
- constructor(fairCanvasId) {
- super(fairCanvasId , 'principles');
- }
- initChart() {
- const labels = this.fairScoreChartCanvas.data('labels')
- const data = {
- labels: labels,
- datasets: this.getFairScoreDataSet()
- };
- const config = {
- type: 'horizontalBar',
- data: data,
- options: {
- title: {
- display: false,
- text: 'FAIRness Scores'
- },
- elements: {
- bar: {
- borderWidth: 2,
- }
- },
- indexAxis: 'y',
- legend: {
- display: true
- },
- scales: {
- xAxes: [{
- stacked: true,
- ticks: {
- beginAtZero: true
- }
- }],
- yAxes: [{
- stacked: true,
- ticks: {
- beginAtZero: true
- }
- }]
- },
- tooltips: {
- callbacks: {
- label: function (tooltipItem, data) {
- let score =jQuery(this._chart.canvas).data("scores")[tooltipItem.index]
- let maxScore =jQuery(this._chart.canvas).data("maxCredits")[tooltipItem.index]
- let portalMaxScore =jQuery(this._chart.canvas).data("portalMaxCredits")[tooltipItem.index]
-
- let normalizedScore = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index]
- let na = maxScore - portalMaxScore
- let notObtained = portalMaxScore - score
- return printScore([score, notObtained, na][tooltipItem.datasetIndex], normalizedScore)
- },
-
- }
- }
- }
- }
-
- return new Chart(this.fairScoreChartCanvas, config);
- }
- getFairScoreDataSet(){
- const maxCredits = this.fairScoreChartCanvas.data('maxCredits')
- const portalMaxCredits = this.fairScoreChartCanvas.data('portalMaxCredits')
- const {scores, notObtained , na } = getObtainedNotObtainedNA( this.fairScoreChartCanvas.data('scores') , portalMaxCredits , maxCredits )
- return [
- {
- label: 'Obtained score',
- data: scores,
- fill: true,
- backgroundColor: 'rgba(102, 187, 106, 0.2)',
- borderColor: 'rgba(102, 187, 106, 1)',
- pointBorderColor: 'rgba(102, 187, 106, 1)',
- pointBackgroundColor: 'rgba(102, 187, 106, 1)'
- },
- {
- label: 'Not obtained score',
- data: notObtained,
- fill: true,
- backgroundColor: 'rgba(251, 192, 45, 0.2)',
- borderColor: 'rgba(251, 192, 45, 1)',
- pointBorderColor: 'rgba(251, 192, 45, 1)',
- pointBackgroundColor: 'rgba(251, 192, 45, 1)'
- },
- {
- label: 'Not yet supported',
- data: na,
- fill: true,
- backgroundColor: 'rgba(176, 190, 197, 0.2)',
- borderColor: 'rgba(176, 190, 197, 1)',
- pointBorderColor: 'rgba(176, 190, 197, 1)',
- pointBackgroundColor: 'rgba(176, 190, 197, 1)'
- }
- ]
- }
-}
-
-class FairScoreCriteriaRadar extends FairScoreChart{
-
- constructor(fairCanvasId) {
- super( fairCanvasId , 'criteria');
- }
-
- customTooltips(){
- return function (tooltipModel) {
- // Tooltip Element
- let tooltipEl = document.getElementById('chartjs-tooltip');
- let canvas = jQuery(this._chart.canvas)
- let descriptions = canvas.data("descriptions")
- // Create element on first render
- if (!tooltipEl) {
- tooltipEl = document.createElement('div');
- tooltipEl.id = 'chartjs-tooltip';
- tooltipEl.innerHTML = '';
-
- titleLines.forEach(function(title ,index) {
- innerHtml += '
';
-
- let tableRoot = tooltipEl.querySelector('div');
- tableRoot.innerHTML = innerHtml;
- }
-
- // `this` will be the overall tooltip
- let position = this._chart.canvas.getBoundingClientRect()
- let topOffset = tooltipModel.caretY - (tooltipEl.clientHeight / 2)
-
-
- if (topOffset <= 0)
- topOffset = 0
- else if( (topOffset + tooltipEl.clientHeight) >= position.height)
- topOffset = position.height - tooltipEl.clientHeight
-
- // Display, position, and set styles for font
- tooltipEl.style.opacity = 1;
- tooltipEl.style.position = 'absolute';
- tooltipEl.style.top = topOffset +'px';
- //tooltipEl.style.fontFamily = tooltipModel._bodyFontFamily;
- tooltipEl.style.fontSize = tooltipModel.bodyFontSize + 'px';
- tooltipEl.style.fontStyle = tooltipModel._bodyFontStyle;
- tooltipEl.style.padding = tooltipModel.yPadding + 'px ' + tooltipModel.xPadding + 'px';
- tooltipEl.style.pointerEvents = 'none';
- }
- }
- initChart() {
- const labels = this.fairScoreChartCanvas.data('labels')
- const data = {
- labels: labels,
- datasets: this.getFairScoreDataSet()
- };
- const config = {
- type: 'horizontalBar',
- data: data,
- options: {
- title: {
- display: false,
- text: 'FAIRness Scores'
- },
- elements: {
- bar: {
- borderWidth: 2,
- }
- },
- indexAxis: 'y',
- legend: {
- display: true
- },
- scales: {
- xAxes: [{
- stacked: true,
- ticks: {
- beginAtZero: true,
-
- }
- }],
- yAxes: [{
- stacked: true,
- ticks: {
- beginAtZero: true,
-
- }
- }]
- },
- tooltips: {
- enabled: false,
- mode: 'index',
- position: 'nearest',
- intersect: false,
- custom: this.customTooltips(),
- callbacks: {
- label: function (tooltipItem, data) {
- const canvas = jQuery(this._chart.canvas)
- const max = canvas.data('maxCredits')
- const scores = canvas.data('scores')
- const portalMax = canvas.data("portalMaxCredits")
-
- const label = data.datasets[tooltipItem.datasetIndex].label
- const score = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index]
- const normalizedScore =Object.values(getObtainedNotObtainedNA(scores ,portalMax , max , false))[tooltipItem.datasetIndex][tooltipItem.index]
-
- return label +': '+ printScore(score, normalizedScore)
-
- }
- }
- }
-
- }
- }
-
- return new Chart(this.fairScoreChartCanvas, config);
- }
- getFairScoreDataSet(){
- const maxCredits = this.fairScoreChartCanvas.data('maxCredits')
- const portalMaxCredits = this.fairScoreChartCanvas.data('portalMaxCredits')
- const {scores , notObtained , na } = getObtainedNotObtainedNA(this.fairScoreChartCanvas.data('scores'), portalMaxCredits ,maxCredits , true)
- return [
- {
- label: 'Obtained score',
- data: scores ,
- fill: true,
- backgroundColor: 'rgba(102, 187, 106, 0.2)',
- borderColor: 'rgba(102, 187, 106, 1)',
- pointBorderColor: 'rgba(102, 187, 106, 1)',
- pointBackgroundColor: 'rgba(102, 187, 106, 1)'
- },
- {
- label: 'Not obtained score',
- data: notObtained,
- fill: true,
- backgroundColor: 'rgba(251, 192, 45, 0.2)',
- borderColor: 'rgba(251, 192, 45, 1)',
- pointBorderColor: 'rgba(251, 192, 45, 1)',
- pointBackgroundColor: 'rgba(251, 192, 45, 1)',
- },
- {
- label: 'Not yet supported',
- data: na,
- fill: true,
- backgroundColor: 'rgba(176, 190, 197, 0.2)',
- borderColor: 'rgba(176, 190, 197, 1)',
- pointBorderColor: 'rgba(176, 190, 197, 1)',
- pointBackgroundColor: 'rgba(176, 190, 197, 1)'
- }
- ]
- }
- setFairScoreData(data) {
- super.setFairScoreData(data);
- if(this.chart){
- this.showFirstToolTip()
- }
- }
-
- showFirstToolTip(){
- let meta = this.chart.getDatasetMeta(0),
- rect = this.chart.canvas.getBoundingClientRect(),
- point = meta.data[0].getCenterPoint(),
- evt = new MouseEvent('mousemove', {
- clientX: rect.left + point.x,
- clientY: rect.top + point.y
- }),
- node = this.chart.canvas;
- node.dispatchEvent(evt);
- }
-}
-
-export {round, getObtainedNotObtainedNA, FairScoreChartContainer, FairScoreChart, FairScorePrincipleBar, FairScoreCriteriaRadar, FairScoreCriteriaBar}
-
diff --git a/app/javascript/mixins/useHighLight.js b/app/javascript/mixins/useHighLight.js
deleted file mode 100644
index 7b34116f7..000000000
--- a/app/javascript/mixins/useHighLight.js
+++ /dev/null
@@ -1,88 +0,0 @@
-import hljs from 'highlight.js/lib/core'
-import xml from 'highlight.js/lib/languages/xml'
-import json from 'highlight.js/lib/languages/json'
-
-class HighLighter {
- constructor (highlighter, format) {
- switch (format) {
- case 'xml':
- highlighter.registerLanguage('xml', xml)
- break
- case 'json':
- highlighter.registerLanguage('json', json)
- break
- case 'triples':
- case 'ntriples':
- highlighter.registerLanguage('ntriples', function (hljs) {
- return {
- case_insensitive: true,
- contains: [
- {
- className: 'subject',
- begin: /^<[^>]+>/,
- },
- {
- className: 'predicate',
- begin: /<[^>]+>/,
- },
- {
- className: 'object',
- begin: /\s([^\s]+)\s\./,
- },
- hljs.COMMENT('^#', '$')
- ]
- }
- })
- break
- case 'turtle':
- highlighter.registerLanguage('turtle', function (hljs) {
- let URL_PATTERN = /(?:<[^>]*>)|(?:https?:\/\/[^\s]+)/
-
- return {
- case_insensitive: true,
- contains: [
- {
- className: 'custom-prefixes',
- begin: '@prefix',
- relevance: 10
- },
- {
- className: 'meta',
- begin: /@base/,
- end: /[\r\n]|$/,
- relevance: 10
- },
- {
- className: 'variable',
- begin: /\?[\w\d]+/
- },
- {
- className: 'custom-symbol',
- begin: /@?[A-Za-z_][A-Za-z0-9_]*(?= *:)/,
- relevance: 10
- },
- {
- className: 'custom-concepts',
- begin: /:\s*(\w+)/,
- relevance: 10
- },
- {
- className: 'string',
- begin: URL_PATTERN
- }
- ]
- }
- })
- break
- }
- this.highlighter = highlighter
- }
-
- highlight (text, format) {
- return this.highlighter.highlight(text, { language: format }).value
- }
-}
-
-export function useHighLighter (format) {
- return new HighLighter(hljs, format)
-}
\ No newline at end of file
diff --git a/app/javascript/mixins/useMappingsBubbles.js b/app/javascript/mixins/useMappingsBubbles.js
deleted file mode 100644
index 60c5a3683..000000000
--- a/app/javascript/mixins/useMappingsBubbles.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import * as d3 from 'd3'
-
-class BubbleData {
- constructor(ontology_name, ontology_mappings) {
- this.ontology_name = ontology_name;
- this.ontology_mappings = ontology_mappings;
- }
-}
-
-/**
- * Draws bubbles using D3.js based on the provided data.
- * @param {Array' + title + ' : '+ descriptions[tooltipModel.dataPoints[0].index] + '
'; - }); - - innerHtml += ""
- bodyLines.forEach(function(body, i) {
- let colors = tooltipModel.labelColors[i];
- let style = 'background:' + colors.backgroundColor;
- style += '; border-color:' + colors.borderColor;
- style += '; border-width: 2px';
- style += '; width: 100%';
- innerHtml += '' + body + '';
- });
-
- innerHtml+='
- '
-
-
- for (const [key, value] of Object.entries(questions[tooltipModel.dataPoints[0].index])) {
- let count = (value.state ? (value.state.success + value.state.average) : (value.score === value.maxCredits ? 1: 0) )
- innerHtml+=`
- - ${printScore(count,round((count / resourceCount) * 100))} - responded successfully to: ${key}: - "${value.question}" ` - } - innerHtml += '
${d.data.ontology_mappings}`); - } - } - - // Function to hide tooltip - function hideTooltip() { - // Remove tooltip on mouseout - d3.selectAll('.bubble-tooltip').remove(); - } -} diff --git a/app/javascript/mixins/useModal.js b/app/javascript/mixins/useModal.js deleted file mode 100644 index 2a5c34239..000000000 --- a/app/javascript/mixins/useModal.js +++ /dev/null @@ -1,18 +0,0 @@ -export class UseModal { - - showModal(element) { - $(element).modal('show') - } - - hideModal(element) { - $(element).modal('hide') - } - - onClose(element, callback) { - return $(element).on('hidden.bs.modal', callback) - } - onCloseRemoveEvent(element, callback){ - return element.removeEventListener('hidden.bs.modal', callback) - } -} - diff --git a/app/javascript/mixins/useTomSelect.js b/app/javascript/mixins/useTomSelect.js deleted file mode 100644 index 7b4923d02..000000000 --- a/app/javascript/mixins/useTomSelect.js +++ /dev/null @@ -1,9 +0,0 @@ -import TomSelect from "tom-select" - -export function useTomSelect(element, params, onChange = null) { - const tom = new TomSelect(element,params) - if(onChange){ - tom.on('change',onChange) - } - return tom; -} \ No newline at end of file diff --git a/app/javascript/mixins/useTooltip.js b/app/javascript/mixins/useTooltip.js deleted file mode 100644 index 805978000..000000000 --- a/app/javascript/mixins/useTooltip.js +++ /dev/null @@ -1,13 +0,0 @@ -import tippy from 'tippy.js'; - -export default function useTooltip(elem, params) { - const content = elem.title - elem.removeAttribute('title') - tippy(elem, { - theme: 'light-border', - animation: 'fade', - content: content, - allowHTML: true, - maxWidth: '400', ...params - }) -} \ No newline at end of file diff --git a/app/javascript/mixins/useYasgui.js b/app/javascript/mixins/useYasgui.js deleted file mode 100644 index e13188157..000000000 --- a/app/javascript/mixins/useYasgui.js +++ /dev/null @@ -1,6 +0,0 @@ -import Yasgui from "@triply/yasgui"; - -export const getYasgui = (elem, config) => { - return new Yasgui(elem, config) -} - diff --git a/app/views/concepts/_child_nodes.html.haml b/app/views/concepts/_child_nodes.html.haml index 5479ebcfd..7a2e76c50 100644 --- a/app/views/concepts/_child_nodes.html.haml +++ b/app/views/concepts/_child_nodes.html.haml @@ -1,6 +1,6 @@ - output ="" - for child in @children - - output << tree_link_to_concept(li_id: short_uuid, child: child, ontology_acronym: child.explore.ontology.acronym, active_style: '', node: @concept) + - output << tree_link_to_concept(li_id: short_uuid, child: child, ontology_acronym: child.explore.ontology.acronym, active_style: '') - if child.hasChildren - output << tree_link_to_children(li_id: short_uuid, child: child) - output << "" diff --git a/app/views/concepts/_show.html.haml b/app/views/concepts/_show.html.haml index 2419a1633..f6b67d557 100644 --- a/app/views/concepts/_show.html.haml +++ b/app/views/concepts/_show.html.haml @@ -1,50 +1,39 @@ -= turbo_frame_tag 'concept_show' do - %div.hide-if-loading.fade.show - / When we have an ontology with a flat hierarchy, we initially disable the tabs because we don't have a class to display - - if @concept.id.eql?("bp_fake_root") - %div{:style => "padding: 100px 0; font-size: larger; font-weight: bold; text-align: center;"} - Use the "Jump To" to find a class and display details, visualization, notes, and mappings - - else - .cls-info-container - - %ul.nav.nav-tabs.tabs - %li#details_top.nav-item - %a.nav-link.active.py-1{:href => "#details" , data:{toggle: 'tab', target: '#details_content'}} Details - %li#visualization_top.nav-item - %a.nav-link.py-1{:href => "#visualization", data:{toggle: 'tab', target: '#visualization_content'}} Visualization - %li#notes_top.nav-item - %a.nav-link.py-1{:href => "#notes", data:{toggle: 'tab', target: '#notes_content'}} - Notes - %span#note_count_wrapper - ( - %span#note_count= @notes.length - ) - %li#mappings_top.nav-item - %a.nav-link.py-1{:href => "#mappings", data:{toggle: 'tab', target: '#mappings_content'}} - Class Mappings ( - %span#mapping_count= @mappings.size += render TurboFrameComponent.new(id: 'concept_show', data: { turbo: false }) do + - if @concept.id.eql?("bp_fake_root") + %div{:style => "padding: 100px 0; font-size: larger; font-weight: bold; text-align: center;"} + Use the "Jump To" to find a class and display details, visualization, notes, and mappings + - else + .cls-info-container + %ul.nav.nav-tabs.tabs + %li#details_top.nav-item + %button.nav-link.active.py-1{:href => "#details" , data:{'bs-toggle': 'tab', 'bs-target': '#details_content'}} Details + %li#visualization_top.nav-item + %button.nav-link.py-1{:href => "#visualization", data:{'bs-toggle': 'tab', 'bs-target': '#visualization_content'}} Visualization + %li#notes_top.nav-item + %button.nav-link.py-1{:href => "#notes", data:{'bs-toggle': 'tab', 'bs-target': '#notes_content'}} + Notes + %span#note_count_wrapper + ( + %span#note_count= @notes.length ) - - if @enable_ontolobridge - %li#request_term_top.nav-item - %a.nav-link.py-1{:href => "#request_term", data:{toggle: 'tab', target: '#request_term'}} - New Term Requests - - if $PURL_ENABLED - = link_to("#classPermalinkModal", class: "class-permalink nav-link", title: "Get a permanent link to this class", aria: {label: "Get a permanent link to this class"}, data: {toggle: "modal", current_purl: "#{@current_purl}"}) do - %i{class: "fas fa-link", aria: {hidden: "true"}} - #contents.tab-content - #details_content.tab-pane.active.show - = render :partial =>'/concepts/details' - #visualization_content.tab-pane - = render :partial =>'/concepts/biomixer' - #notes_content.tab-pane - = render :partial =>'/notes/list' - #mappings_content.tab-pane - = render :partial => '/mappings/concept_mappings' - - if @enable_ontolobridge - #request_term_content.tab-pane - = render :partial =>'/concepts/request_term' -%div.show-if-loading.align-self-center.my-auto - loading... + %li#mappings_top.nav-item + %button.nav-link.py-1{:href => "#mappings", data:{'bs-toggle': 'tab', 'bs-target': '#mappings_content'}} + Class Mappings ( + %span#mapping_count= @mappings.size + ) + - if $PURL_ENABLED + = link_to("#classPermalinkModal", class: "class-permalink nav-link", title: "Get a permanent link to this class", aria: {label: "Get a permanent link to this class"}, data: {toggle: "modal", current_purl: "#{@current_purl}"}) do + %i{class: "fas fa-link", aria: {hidden: "true"}} + #contents.tab-content + #details_content.tab-pane.active.show + = render :partial =>'/concepts/details' + #visualization_content.tab-pane + = render :partial =>'/concepts/biomixer' + #notes_content.tab-pane + = render :partial =>'/notes/list' + #mappings_content.tab-pane + = render :partial => '/mappings/concept_mappings' + :javascript jQuery(document).ready(function(){ diff --git a/app/views/layouts/_ontology_viewer.html.haml b/app/views/layouts/_ontology_viewer.html.haml index 6262ec3b8..527dc6a15 100644 --- a/app/views/layouts/_ontology_viewer.html.haml +++ b/app/views/layouts/_ontology_viewer.html.haml @@ -108,7 +108,7 @@ %div.row.pb-4 %div.col %div.card.py-3 - %div + %div{data: {controller: 'ontology-viewer-tabs', 'ontology-viewer-tabs-language-sections-value': ontology_data_sections }} - sections = sections_to_show %div.ontologies-tabs-container{data:{action: 'tab-selected->ontology-viewer-tabs#updateLanguageSelector'}} = render TabsContainerComponent.new(id: 'ontology_viewer', url_parameter: 'p') do |t| diff --git a/app/views/layouts/angular.html.erb b/app/views/layouts/angular.html.erb index 6b6f71f2e..8b4da096e 100644 --- a/app/views/layouts/angular.html.erb +++ b/app/views/layouts/angular.html.erb @@ -33,7 +33,6 @@ <%= stylesheet_link_tag "application" %> - <%=javascript_include_tag "application-esbuild", "data-turbo-track": "reload", type: "module" %> <%=javascript_include_tag "vendor"%> <%=javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.min.js"%> <%=javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1/Chart.min.js"%> diff --git a/app/views/layouts/appliance.html.haml b/app/views/layouts/appliance.html.haml index 397a301bf..ee0de53a7 100644 --- a/app/views/layouts/appliance.html.haml +++ b/app/views/layouts/appliance.html.haml @@ -14,7 +14,6 @@ = stylesheet_link_tag "https://use.fontawesome.com/releases/v5.2.0/css/all.css", integrity: "sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ", crossorigin: "anonymous" = stylesheet_link_tag "application", media: "all" - = javascript_include_tag "application-esbuild", "data-turbo-track": "reload", type: "module" = javascript_include_tag "vendor" = javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.min.js" = javascript_include_tag "//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js" diff --git a/app/views/ontologies/_lazy_load_content.html.haml b/app/views/ontologies/_lazy_load_content.html.haml deleted file mode 100644 index ae7b28ac1..000000000 --- a/app/views/ontologies/_lazy_load_content.html.haml +++ /dev/null @@ -1,4 +0,0 @@ -- if current_section.eql?(section_title) - = yield -- else - = render TurboFrameComponent.new(id: section_title, src: "/ontologies/#{@ontology.acronym}?p=#{section_title}", loading: :lazy) \ No newline at end of file diff --git a/app/views/ontologies/_mappings.html.haml b/app/views/ontologies/_mappings.html.haml index 699558aaa..71f656cf1 100644 --- a/app/views/ontologies/_mappings.html.haml +++ b/app/views/ontologies/_mappings.html.haml @@ -1,3 +1,3 @@ -= turbo_frame_tag 'mappings' do += turbo_frame_tag 'mappings', data: {turbo: false} do #mappings_content = render :partial => 'mappings/count' diff --git a/app/views/ontologies/_metadata.html.haml b/app/views/ontologies/_metadata.html.haml index 5efe86a87..98c106b5a 100644 --- a/app/views/ontologies/_metadata.html.haml +++ b/app/views/ontologies/_metadata.html.haml @@ -1,5 +1,5 @@ -= turbo_frame_tag 'summary' do - %div.ont-metadata += turbo_frame_tag 'summary', data: {turbo: false} do + %div.ont-metadata.py-3 -# Details pane %section.ont-metadata-card.ont-details-card %header.pb-2.fw-bold Details diff --git a/app/views/ontologies/_notes.html.haml b/app/views/ontologies/_notes.html.haml index 11ee81c20..4db993a52 100644 --- a/app/views/ontologies/_notes.html.haml +++ b/app/views/ontologies/_notes.html.haml @@ -1,4 +1,4 @@ -= turbo_frame_tag 'notes' do += turbo_frame_tag 'notes', data: {turbo: false} do %div#notes_content{style:"margin: 1em 0"} %h2{style:"margin-bottom: -0.5em; font-size: x-large; padding: .5em .5em 0; float: left;"} Notes = render :partial => 'notes/ontology_list' diff --git a/app/views/ontologies/_treeview.html.haml b/app/views/ontologies/_treeview.html.haml index 10ccde6cb..cc7b4cac7 100644 --- a/app/views/ontologies/_treeview.html.haml +++ b/app/views/ontologies/_treeview.html.haml @@ -1,9 +1,10 @@ = turbo_frame_tag 'concepts_tree_view' do - #tree_wrapper - %ul.simpleTree{data:{controller: 'simple-tree'}} - %li.root - %ul - = draw_tree(@root, @concept.id) # application_helper::draw_tree + - unless @ontology.flat? + #tree_wrapper.card.p-1 + %ul.simpleTree{data:{controller: 'simple-tree'}} + %li.root + %ul + = draw_tree(@root, @concept.id) :javascript jQuery(document).ready(function () { diff --git a/app/views/ontologies/_widgets.html.haml b/app/views/ontologies/_widgets.html.haml index ddd634b2a..c4c4f8159 100644 --- a/app/views/ontologies/_widgets.html.haml +++ b/app/views/ontologies/_widgets.html.haml @@ -1,4 +1,4 @@ -= turbo_frame_tag 'widgets' do += turbo_frame_tag 'widgets', data: {turbo: false} do - ont_uri = "/ontologies/#{@ontology.acronym}" - get_code_prefix = ont_uri + '?p=widgets#TB_inline&height=400&width=600' diff --git a/app/views/ontologies/properties.html.haml b/app/views/ontologies/properties.html.haml index dc3f796fa..ce3500759 100644 --- a/app/views/ontologies/properties.html.haml +++ b/app/views/ontologies/properties.html.haml @@ -1,5 +1,5 @@ -= turbo_frame_tag 'properties' do - %div.ont-properties{data:{controller: 'container-splitter'}} += render TurboFrameComponent.new(id: 'properties',data: {"turbo-frame-target": "frame"}) do + %div.ont-properties.py-3{data:{controller: 'container-splitter'}} %div#propTree{data:{'container-splitter-target': 'container'}} %div#prop_contents.pl-3{data:{'container-splitter-target': 'container'}} diff --git a/app/views/ontologies/visualize.html.haml b/app/views/ontologies/visualize.html.haml index 9b1b6ebf1..f55661777 100644 --- a/app/views/ontologies/visualize.html.haml +++ b/app/views/ontologies/visualize.html.haml @@ -1,35 +1,27 @@ -= turbo_frame_tag 'classes' do += render TurboFrameComponent.new(id: 'classes', data: {"turbo-frame-target": "frame"}) do - unless @error - @title = "#{@ontology.name} - #{@concept.prefLabel}" - - @new_term_request_ontologies - - @enable_ontolobridge = !$NEW_TERM_REQUEST_ONTOLOGIES.nil? && $NEW_TERM_REQUEST_ONTOLOGIES.include?(@ontology.acronym) %div.tooltip - %div#bd_content.bd_content.explore{data:{controller: 'container-splitter'}} + %div#bd_content.bd_content.explore.py-3{data:{controller: 'container-splitter'}} %div.sidebar.d-flex.flex-column.pr-2{data:{'container-splitter-target': 'container'}} - -# Search box for class tree - %div#qsearch.input-group.pb-2 - %div.input-group-prepend - %span.input-group-text Jump to: - = text_field_tag("search_box", nil, class: "form-control rounded-right", aria: {label: "Jump to:"}, - data: {controller: 'class-search', 'class-search-ontology-acronym-value': @ontology.acronym, - 'class-search-spinner-src-value': asset_path("jquery.simple.tree/spinner.gif")}) + %div#qsearch.input-group.pb-2.pe-1 + %span.input-group-text Jump to: + = text_field_tag("search_box", nil, class: "form-control rounded-end", aria: {label: "Jump to:"}, + data: {controller: 'class-search-auto-complete', 'class-search-auto-complete-ontology-acronym-value': @ontology.acronym, + 'class-search-auto-complete-spinner-src-value': asset_path("jquery.simple.tree/spinner.gif")}) = hidden_field_tag("jump_to_concept_id") - -# Class tree - %div#sd_content.card.p-1 - = turbo_frame_tag 'concepts_tree_view' , src: "/ajax/classes/treeview?ontology=#{@ontology.acronym}&conceptid=#{escape(@concept.id)}" do - = loading_spinner(true) + %div#sd_content.p-1 + = render TurboFrameComponent.new(id: 'concepts_tree_view' , src: "/ajax/classes/treeview?ontology=#{@ontology.acronym}&conceptid=#{escape(@concept.id)}") %div#concept_content.d-flex.flex-column.card.p-1.ml-2{data:{'container-splitter-target': 'container'}} = render partial: 'concepts/show' - - form_for(:search, :url => '', :html=>{:id=>'search_form'}) do |f| + - form_for(:search, :url => '', :html=>{:id=>'search_form'}) do %input{:name => "search[ontologies][]", :type => "hidden", :value => @ontology.acronym}/ = hidden_field :search, :search_type, :value=>"contains" = hidden_field :search, :keyword, :value=>"",:id=>"search_keyword" - else # found an error = "