add note inputs

ontoportal-lirmm · Feb 20, 2025 · 1c7eeee · 1c7eeee
1 parent 0780616
commit 1c7eeee
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/app/assets/stylesheets/notes.scss b/app/assets/stylesheets/notes.scss
@@ -6,6 +6,7 @@
     min-width: 35%;
     border: 1px solid #DFDFDF;
     border-radius: 5px;
+    height: fit-content;
   }
   .right-column{
     width: 100%;
@@ -110,6 +111,13 @@
     color: #888888;
     cursor: pointer;
   }
+  .note-inputs{
+    margin: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+  }
 
 }
 
diff --git a/app/views/notes/_notes.html.haml b/app/views/notes/_notes.html.haml
@@ -3,11 +3,23 @@
     = render TabsContainerComponent.new do |c|
       - c.item(title: 'Comment', selected: true)
       - c.item_content do
-        first tab
+        .note-inputs
+          = render Input::TextInputComponent.new(name: "name", placeholder: "Subject")
+          = render Input::TextInputComponent.new(name: "name", placeholder: "Related object (class, property ...)")
+          = render Input::TextAreaComponent.new(name: "name", placeholder: "Leave a comment ...", rows: 6)
+          = render Buttons::RegularButtonComponent.new(id:'add-comment', value: "Add comment", variant: "secondary", size: "slim")
 
       - c.item(title: 'Proposale')
       - c.item_content do
-        second tab
+        .note-inputs
+          = render Input::SelectComponent.new(id: "proposal-type", name: 'proposal-type', value: ['New class', 'New relationship', 'Change property value'], selected: 'New class')
+          = render Input::TextInputComponent.new(name: "name", placeholder: "Class id")
+          = render Input::TextInputComponent.new(name: "name", placeholder: "Label")
+          = render Input::TextInputComponent.new(name: "name", placeholder: "Synonyms")
+          = render Input::TextInputComponent.new(name: "name", placeholder: "Definition")
+          = render Input::TextInputComponent.new(name: "name", placeholder: "Parent")
+          = render Input::TextAreaComponent.new(name: "name", placeholder: "Comment", rows: 6)
+          = render Buttons::RegularButtonComponent.new(id:'add-comment', value: "Add proposal", variant: "secondary", size: "slim")
   .right-column
     - if @notes.nil? || @notes.empty?
       empty state here
@@ -39,7 +51,7 @@
                   = inline_svg_tag 'icons/arrow.svg'
               .replies
                 = inline_svg_tag 'icons/reply.svg'
-                Replies              
+                Replies
 
           .note-right-column
             - note.relatedClass.each do |cls|