hide turbo frame error message when context changed (#369)

ontoportal-lirmm · Oct 31, 2023 · 42c9c4d · 42c9c4d
1 parent 7606205
commit 42c9c4d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/app/assets/stylesheets/components/alert.scss b/app/assets/stylesheets/components/alert.scss
@@ -24,7 +24,7 @@
 .alert-message{
     font-size: 16px;
     margin: 0 10px;
-    text-align: center;
+    width: 100%;
 }
 
 

diff --git a/app/javascript/controllers/turbo_frame_error_controller.js b/app/javascript/controllers/turbo_frame_error_controller.js
@@ -34,18 +34,13 @@ export default class extends Turbo_frame_controller {
     Array.from(styles).forEach(e => el.removeChild(e))
 
     let body = el.querySelector('h1')
-    let div = document.createElement('div')
-    div.className ="text-center"
-    div.innerHTML = (body ? body.innerText : el.innerHTML)
-    this.errorMessageTarget.firstElementChild.appendChild(div)
+    this.errorMessageTarget.firstElementChild.querySelector('.alert-message').innerHTML =  (body ? body.innerText : el.innerHTML)
     $(this.errorMessageTarget).show()
   }
 
   #hideError(){
-    let child =this.errorMessageTarget.firstElementChild
     let count = this.errorMessageTarget.firstElementChild.childElementCount
-    if(count === 2) {
-      child.removeChild(child.lastElementChild)
+    if(count !== 0) {
       $(this.errorMessageTarget).hide()
     }
   }