glib-web 4.4.1 → 4.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 324be9293b997d23666ea14d20515bb5e8aef6e7fa962f4cf1ccba6ade3d6d1e
-  data.tar.gz: 0b4a0e7f36dfb0e6cbac8f83dbc904451d1c59e02d212b5a6c2af4bda8e8c092
+  metadata.gz: 7da379749ad7926e906360b7b5c9745f2b045d356a6243c288d604f6771ffdef
+  data.tar.gz: 232afbb6f1375f6051d479b9484078c8db4cf7542fa7d97978b1294220bb0c6d
 SHA512:
-  metadata.gz: 752f7e4b42626d97625f169b933a9e44eb6d968a54c3adfc0945434e785a2d0ef03daf7708cd63f36cb28c6f6e235d3eb5e0cc491abd9ad10da3e377fcdeabd4
-  data.tar.gz: 7b9d408aeff03b974f026a26c96128569d0976f2d5bd4745cebaa0c3877a652fc335dc03e62b2ab3949c7dbff53a922b8462243b2f4a1bcc83df19b29409c515
+  metadata.gz: 4c95fec35e27845b1dd69eae972056a6b65afdc8b26a50c3fb0732ca3bdbddc32d21c829bde0a7cf69e91d19de9c95b6842ca36d210c0ed217e0661edd396819
+  data.tar.gz: ab56beeee17a57e7fd37bb670a7135504694c003f52f033611c56faf325903623e25f6733e49755160c6f40ce7423412e9a58b42bd1a92e60280c42ba81a1073

data/app/helpers/glib/json_ui/list_builders.rb

@@ -84,9 +84,10 @@ module Glib
         class Standard < JsonUiElement
           string :id
           string :title
+          string :subtitle
           action :onClick
           hash :dropData
-          hash :icon, required: [:name], optional: [:color]
+          hash :icon, required: [:name], optional: [:color, :size]
           array :rows
         end
       end

data/app/helpers/glib/json_ui/table_builders.rb

@@ -21,6 +21,7 @@ module Glib
           action :onClick
           array :colSpans
           array :colStyles
+          hash :dragData
         end
       end
 

data/app/helpers/glib/json_ui/view_builder/fields.rb

@@ -197,6 +197,17 @@ class Glib::JsonUi::ViewBuilder
       hash :append, optional: [:icon]
 
       panels_builder :accessory, :header, :footer
+
+      def searchable(value)
+        @searchable = value
+      end
+
+      def created
+        super
+
+        @searchable = @searchable.nil? ? true : @searchable
+        json.set! 'searchable', @searchable
+      end
     end
 
     class ChipGroup < AbstractField

data/app/helpers/glib/json_ui/view_builder/panels.rb

@@ -428,7 +428,8 @@ class Glib::JsonUi::ViewBuilder
       include Glib::JsonUi::Upload
 
       string :selected
-      action :onDrop
+      action :onDropFile
+      action :onDropView
 
       def sections(blocks)
         json.sections do

data/app/views/json_ui/garage/panels/tree.json.jbuilder

@@ -1,5 +1,14 @@
 json.title 'Panels'
 
+onDropFile = ->(action) do
+  action.files_upload directUploadUrl: glib_direct_uploads_url, onFinished: ->(saction) do
+    saction.http_post url: json_ui_garage_url(path: 'forms/generic_post_all')
+  end
+end
+onDropView = ->(action) do
+  action.http_post url: json_ui_garage_url(path: 'forms/generic_post_all')
+end
+
 json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page
 
@@ -7,64 +16,91 @@ json_ui_page json do |page|
     scroll.h2 text: 'Standard'
     scroll.spacer height: 4
 
-    scroll.panels_tree selected: params[:selected] || 'arabian-1.mp3', width: 300, sections: [
-      ->(section) do
-        section.header childViews: ->(header) do
-          header.h2 text: 'Music 🎶'
-        end
+    scroll.panels_column md: { cols: 4 }, childViews: ->(col) do
+    scroll.panels_tree \
+      onDropFile: onDropFile,
+      onDropView: onDropView,
+      selected: params[:selected] || 'arabian-1.mp3',
+      width: 300,
+      sections: [
+        ->(section) do
+          section.header childViews: ->(header) do
+            header.h2 text: 'Music 🎶'
+          end
 
-        section.rows builder: ->(template) do
-          template.standard id: 'pop', title: 'Pop', rows: ['pop-1.mp3', 'pop-2.mp3', 'pop-3.mp3']
-          template.standard id: 'arab', title: 'Arabian', rows: ['arabian-1.mp3', 'arabian-2.mp3', 'arabian-3.mp3']
-          template.standard id: 'phonk', title: 'Phonk', rows: ['phonk1.mp3', 'phonk-2.mp3', { id: 'hard-phonk', title: 'Hard Phonk', rows: ['hard-phonk-1.mp3', 'hard-phonk-2.mp3'] }]
-        end
-      end,
-      ->(section) do
-        section.header childViews: ->(header) do
-          header.h2 text: 'onClick windows/reload'
-        end
+          section.rows builder: ->(template) do
+            template.standard \
+              id: 'pop',
+              title: 'Pop',
+              icon: { name: 'folder', size: 24, color: '#6e6e6e' },
+              onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'pop') },
+              subtitle: params['selected'] == 'pop' ? 'Pop music is a genre of popular music that originated in its modern' : nil,
+              rows: ['pop-1.mp3', 'pop-2.mp3', 'pop-3.mp3']
+            template.standard \
+              id: 'arab',
+              title: 'Arabian',
+              icon: { name: 'folder', size: 24, color: '#6e6e6e' },
+              onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'arab') },
+              subtitle: params['selected'] == 'arab' ? 'Arabic music is the music of the Arab world' : nil,
+              rows: ['arabian-1.mp3', 'arabian-2.mp3', 'arabian-3.mp3']
+            template.standard \
+              id: 'phonk',
+              title: 'Phonk',
+              onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'phonk') },
+              icon: { name: 'folder', size: 24, color: '#6e6e6e' },
+              subtitle: params['selected'] == 'phonk' ? 'Phonk is a subgenre of hip hop and trap music' : nil,
+              rows: ['phonk1.mp3', 'phonk-2.mp3', { id: 'hard-phonk', title: 'Hard Phonk', rows: ['hard-phonk-1.mp3', 'hard-phonk-2.mp3'] }]
+          end
+        end,
+        ->(section) do
+          section.header childViews: ->(header) do
+            header.h2 text: 'Video 📹'
+          end
 
-        section.rows builder: ->(template) do
-          template.standard title: 'funny-video.mp4', id: 'fun', onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'fun') }
-          template.standard title: 'animal-planet.mp4', id: 'animal', onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'animal') }
-          template.standard title: 'wedding.mp4', id: 'wedding', onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'wedding') }
+          section.rows builder: ->(template) do
+            template.standard title: 'funny-video.mp4', id: 'fun',  onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'fun') }
+            template.standard title: 'animal-planet.mp4', id: 'animal',  onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'animal') }
+            template.standard title: 'wedding.mp4', id: 'wedding',  onClick: ->(action) { action.windows_reload url: json_ui_garage_current_url(selected: 'wedding') }
+          end
         end
-      end
-    ]
-
-    scroll.spacer height: 8
-    scroll.h2 text: 'Standard with drop functionality'
-    scroll.spacer height: 4
-
-    objects = [
-      { id: 'folder', name: 'folder', icon: { name: 'folder', color: '#6e6e6e' }, rows: ['subfolder1', 'subfolder2'], dropData: { key: 'folder' } },
-      { id: 'folder1', name: 'folder1', icon: { name: 'folder', color: '#6e6e6e' }, rows: ['subfolder1', 'subfolder2'] },
-      { id: 'folder2', name: 'folder2', icon: { name: 'folder', color: '#6e6e6e' }, rows: ['subfolder1', 'subfolder2'] },
-    ]
+      ]
+  end
 
     scroll.panels_column md: { cols: 6 }, childViews: ->(col) do
-      col.panels_tree \
-        selected: 'folder2',
-        width: 300,
-        onDrop: ->(action) do
-          action.files_upload directUploadUrl: glib_direct_uploads_url, onFinished: ->(saction) do
-            saction.http_post url: json_ui_garage_url(path: 'forms/generic_post_all')
+      col.h2 text: 'Drag me to folder!'
+      col.spacer height: 16
+      col.panels_table width: 'matchParent', sections: [
+        ->(section) do
+          section.header cellViews: ->(header) do
+            header.label text: 'Name'
+            header.label text: 'Size'
+            header.label text: 'Last modified'
           end
-        end,
-        sections: [
-          ->(section) do
-            section.header childViews: ->(header) do
-              header.h2 text: 'Folder'
+
+          section.rows builder: ->(row) do
+            row.default dragData: { music: 'dads-fav-song.mp3' }, cellViews: ->(cell) do
+              cell.label text: 'dads-fav-song.mp3'
+              cell.label text: '3mb'
+              cell.label text: '2024/06/22'
             end
 
-            section.rows objects: objects, builder: ->(row, item, index) do
-              row.standard id: item[:id], title: item[:name], rows: item[:rows], dropData: item[:dropData], icon: item[:icon]
+            row.default dragData: { music: '1-hours-sound-of-rain-asmr.mp3' }, cellViews: ->(cell) do
+              cell.label text: '1-hours-sound-of-rain-asmr.mp3'
+              cell.label text: '15mb'
+              cell.label text: '2024/02/12'
             end
+
+            row.default dragData: { music: 'i-dont-know-the-name.mp3' }, cellViews: ->(cell) do
+              cell.label text: 'i-dont-know-the-name.mp3'
+              cell.label text: '10mb'
+              cell.label text: '2024/01/4'
+            end
+
           end
-        ]
-    end
+        end
+      ]
 
-    scroll.panels_column md: { cols: 4 }, childViews: ->(col) do
+      col.spacer height: 8
       col.panels_ul childViews: ->(li) do
         li.label text: '🍌 Banana', dragData: { item: 'banana'  }
         li.label text: '💣 Bomb', dragData: { item: 'bomb'  }

data/app/views/json_ui/garage/test_page/form.json.jbuilder

@@ -88,7 +88,7 @@ page.body childViews: ->(body) do
           end
         end
         form.hr width: 'matchParent'
-        form.panels_vertical width: 'matchParent', id: 'ver', childViews: ->(ver) do
+        form.panels_responsive width: 'matchParent', id: 'ver', childViews: ->(ver) do
           form.fields_text width: 'matchParent', name: 'user[text]', id: 'text', value: 'John Doe', validation: validation.merge(format: { regex: /Doe\z/, message: 'Must end with Doe' })
         end
         form.panels_vertical width: 'matchParent', id: 'ver1', displayed: false, childViews: ->(ver) do

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 4.4.1
+  version: 4.6.0
 platform: ruby
 authors:
 - ''
@@ -380,8 +380,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.6
+rubygems_version: 3.4.6
 signing_key: 
 specification_version: 4
 summary: ''