glib-web 0.11.8 → 0.11.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7cd15bf3fd097051be173b2902213156338df3950b115ff0aa99849d88359aa2
-  data.tar.gz: 3a6cf180833d226aa5f06e0fb7fa7672b6b89b4d6baa2936a180a1f8b5d260af
+  metadata.gz: 9b101f8560396e7f8f7eb2bed21767dabca54753d886f4ddeb285e5d5c5a2650
+  data.tar.gz: eb691036c279090986d67035e7e71e49b014d7ec8042acfe8e3816cb0011736c
 SHA512:
-  metadata.gz: a04352865668b8bfa4a84365f553a8c4ecc19bfb148511072d2c3cb722c6db10eed605dcd0318c20e2a52bb1c180a5322c42a7ba97d4b069b4e2b2d8a1816ca8
-  data.tar.gz: 100274a1840bd282bec052edc043d1b57c70237b0ebc16c1c4bbb74aef9b175cb1f87162e8cbe6b493eb275b71258af74a8ab2ff7320bac99110a255ef9bf189
+  metadata.gz: a3a007875e8305e326bd288c3883c26c64930084684b8020218893640abb3094bbcc4d0a5e85e471d607f63a81810bb0eeff45e69163c3e047bec5f3afc6918c
+  data.tar.gz: a987e2bb2b60798edd4c1485f290a29552457fb6f81f2e9175c739c5fe0fb0364251ff27093c811368d99f969984b6d93de3d30317d7a0596d9b1c9ef68d7f90

data/app/helpers/glib/json_ui/action_builder/dialogs.rb

@@ -6,11 +6,11 @@ class Glib::JsonUi::ActionBuilder
       action :onClose
     end
 
-    class Show < Action
-      string :body
-      action :onLoad
-      action :onClose
-    end
+    # class Show < Action
+    #   string :body
+    #   action :onLoad
+    #   action :onClose
+    # end
 
     # Deprecated in favour of `sheets/select`
     class Options < Action
@@ -25,6 +25,7 @@ class Glib::JsonUi::ActionBuilder
 
     class Show < Action
       panels_builder :content, :body
+      bool :showClose
 
       # Future plan
       # panels_builder :content, :body, :footer
@@ -35,6 +36,11 @@ class Glib::JsonUi::ActionBuilder
       bool :showClose
     end
 
+    class Reload < Action
+      string :url, cache: true
+      bool :showClose
+    end
+
     class Close < Action
       action :onClose
     end

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

@@ -200,6 +200,7 @@ class Glib::JsonUi::ViewBuilder
       # string :name
       # string :value
       views :childViews
+      bool :row
 
       # Override
       def value(value)
@@ -215,6 +216,9 @@ class Glib::JsonUi::ViewBuilder
     class Radio < View
       string :label
       string :value
+      action :onClick
+      string :offIcon
+      string :onIcon
     end
 
     class File < Text

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

@@ -144,6 +144,16 @@ class Glib::JsonUi::ViewBuilder
       end
     end
 
+    class Timeline < View
+      color :completedColor
+      color :uncompletedColor
+      singleton_array :styleClass, :styleClasses
+      string :uncompletedIcon
+      string :completedIcon
+      array :items
+      views :childViews
+    end
+
     class Table < View
       hash :nextPage
       hash :export

data/app/views/json_ui/garage/actions/_dialogs.json.jbuilder

@@ -61,13 +61,23 @@ section.rows builder: ->(template) do
     "\n" +
     '~~Strikethrough~~' + "\n"
   template.thumbnail title: 'dialogs/show', onClick: ->(action) do
-    action.dialogs_show content: ->(dialog) do
+    action.dialogs_show showClose: true, content: ->(dialog) do
       dialog.body padding: glib_json_padding_body, childViews: ->(body) do
         body.markdown text: markdown
 
         body.panels_split width: 'matchParent', content: ->(split) do
+          split.left childViews: ->(left) do
+            left.panels_horizontal height: 'matchParent', align: 'middle', childViews: ->(horizontal) do
+              horizontal.label text: 'Open current', onClick: ->(subaction) do
+                subaction.dialogs_reload url: json_ui_garage_url(path: 'forms/basic', mode: 'dialog')
+              end
+            end
+          end
+
           split.right childViews: ->(right) do
-            right.button text: 'OK', onClick: ->(subaction) { subaction.dialogs_close }
+            right.button text: 'Open New', onClick: ->(subaction) do
+              subaction.dialogs_open url: json_ui_garage_url(path: 'forms/basic', mode: 'dialog')
+            end
           end
         end
       end

data/app/views/json_ui/garage/forms/basic.json.jbuilder

@@ -9,8 +9,10 @@ page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', pad
 
   form.panels_split width: 'matchParent', content: ->(split) do
     split.left childViews: ->(left) do
-      if params[:mode] == 'dialog'
-        left.button styleClass: 'link', text: 'cancel', onClick: ->(action) { action.dialogs_close }
+      left.panels_horizontal height: 'matchParent', align: 'middle', childViews: ->(horizontal) do
+        if params[:mode] == 'dialog'
+          horizontal.button styleClass: 'link', text: 'cancel', onClick: ->(action) { action.dialogs_close }
+        end
       end
     end
     split.right childViews: ->(right) do

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

@@ -0,0 +1,24 @@
+progress = params[:progress]&.to_i&.between?(0, 5) ? params[:progress].to_i : 0
+
+tview.panels_responsive \
+  width: 400,
+  childViews: ->(res) do
+    res.panels_column sm: { cols: 11 }, childViews: ->(subcolumn) do
+      subcolumn.panels_column sm: { cols: 2, padding: { right: 10 } }, childViews: ->(inner_column) do
+        inner_column.spacer height: 10
+        inner_column.progressBar value: progress/5.to_f, height: 5, styleClass: 'no-text'
+        inner_column.spacer height: 10
+      end
+      subcolumn.panels_column sm: { cols: 9 }, childViews: ->(inner_column) do
+        inner_column.h4 \
+          text: "Progress #{progress}/5"
+      end
+      subcolumn.p text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
+    end
+    res.panels_column sm: { cols: 1 }, childViews: ->(subcolumn) do
+      subcolumn.icon name: 'add', size: 50
+    end
+  end, onClick: ->(action) do
+    action.windows_reload url: json_ui_garage_url(path: 'panels/timeline', progress: progress + 1)
+  end
+tview.spacer height: 12

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

@@ -30,6 +30,9 @@ json_ui_page json do |page|
         template.thumbnail title: 'Unordered List', subtitle: 'Bullet points similar to HTML\'s <ul> tag', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'panels/ul')
         end
+        template.thumbnail title: 'Timeline', subtitle: 'Timeline component with responsive panel as the childviews', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/timeline')
+        end
       end
     end, ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do

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

@@ -0,0 +1,70 @@
+json.title 'Timeline Panels'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+  scroll.h2 text: 'Basic timeline'
+  scroll.spacer height: 8
+
+  timeline_items = [
+      { name: :submitted, label: 'Order submitted' },
+      { name: :finding, label: 'Finding you a driver' },
+      { name: :driver_assigned, label: 'Driver found, picking you up..' },
+      { name: :otw, label: 'On the way' },
+      { name: :arrived, label: 'Arrived' }
+    ]
+
+  # Defining active or completed item
+  active_name = :driver_assigned
+  timeline_items.each_with_index do |h, i|
+    if h[:name] == active_name
+      h[:active] = true
+      break
+    else
+      h[:completed] = true
+    end
+  end
+
+  scroll.panels_timeline items: timeline_items
+  scroll.spacer height: 32
+
+  custom_completed_item = {
+    name: :custom,
+    label: 'Completed item with a custom icon',
+    completed: true,
+    uncompletedIcon: 'place',
+    completedIcon: 'place'
+  }
+  custom_uncompleted_item = {
+    name: :custom,
+    label: 'Uncompleted item with a custom icon',
+    uncompletedIcon: 'flag',
+    completedIcon: 'flag'
+  }
+  scroll.h2 text: 'Timeline with outlined dots, custom icons and custom colors'
+  scroll.spacer height: 8
+  scroll.panels_timeline \
+    items: [custom_completed_item] + timeline_items + [custom_uncompleted_item],
+    completedColor: '#4BB543',
+    uncompletedColor: '#FFA500',
+    styleClasses: ['outlined'],
+    completedIcon: 'check',
+    uncompletedIcon: 'hourglass_empty'
+  scroll.spacer height: 32
+
+  scroll.h2 text: 'Timeline with childViews'
+  scroll.panels_timeline \
+    items: timeline_items,
+    childViews: ->(tview) do
+      tview.spacer height: 16
+      render 'json_ui/garage/panels/timeline_content', tview: tview
+      tview.spacer height: 16
+
+      tview.button text: 'Reset', onClick: ->(action) do
+        action.windows_reload url: json_ui_garage_url(path: 'panels/timeline')
+      end
+      tview.spacer height: 16
+    end
+  scroll.spacer height: 32
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.11.8
+  version: 0.11.9
 platform: ruby
 authors:
 - ''
@@ -201,6 +201,7 @@ files:
 - app/views/json_ui/garage/pages/tab_bar.json.jbuilder
 - app/views/json_ui/garage/panels/_hover_views_content.json.jbuilder
 - app/views/json_ui/garage/panels/_styled.json.jbuilder
+- app/views/json_ui/garage/panels/_timeline_content.json.jbuilder
 - app/views/json_ui/garage/panels/card.json.jbuilder
 - app/views/json_ui/garage/panels/carousel.json.jbuilder
 - app/views/json_ui/garage/panels/custom.json.jbuilder
@@ -212,6 +213,7 @@ files:
 - app/views/json_ui/garage/panels/outlined.json.jbuilder
 - app/views/json_ui/garage/panels/responsive.json.jbuilder
 - app/views/json_ui/garage/panels/split.json.jbuilder
+- app/views/json_ui/garage/panels/timeline.json.jbuilder
 - app/views/json_ui/garage/panels/ul.json.jbuilder
 - app/views/json_ui/garage/panels/vertical.json.jbuilder
 - app/views/json_ui/garage/panels/web.json.jbuilder