glib-web 0.11.8 → 0.11.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7cd15bf3fd097051be173b2902213156338df3950b115ff0aa99849d88359aa2
-  data.tar.gz: 3a6cf180833d226aa5f06e0fb7fa7672b6b89b4d6baa2936a180a1f8b5d260af
+  metadata.gz: 85abe76e3d1977c064f2e86fdbb94762e1876847a81fca85846c7081f6ccb863
+  data.tar.gz: '0192085bf3a998491f3090afc395a953d31d4c66d8199e6754fd9f0e1c71c430'
 SHA512:
-  metadata.gz: a04352865668b8bfa4a84365f553a8c4ecc19bfb148511072d2c3cb722c6db10eed605dcd0318c20e2a52bb1c180a5322c42a7ba97d4b069b4e2b2d8a1816ca8
-  data.tar.gz: 100274a1840bd282bec052edc043d1b57c70237b0ebc16c1c4bbb74aef9b175cb1f87162e8cbe6b493eb275b71258af74a8ab2ff7320bac99110a255ef9bf189
+  metadata.gz: 030c770a4d216aa32c5ca2f01d662112de29646adbe92777bdf4eed1e3b027896c4bbf9fe201780190c9d964f1c0a500cb7f3aaded8d337565b7ad249dc96d00
+  data.tar.gz: 191d5d6e515722fdf0bb53f84c4c689dba91c5fb4112c850d9b6540ab5b3e376b8c7eda433a80e2b577efd74c838459cbe900cca27590557473b4a952942c09c

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,12 @@ class Glib::JsonUi::ActionBuilder
       bool :showClose
     end
 
+    class Reload < Action
+      panels_builder :content, :body
+      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

@@ -54,24 +54,8 @@ section.rows builder: ->(template) do
     end
   end
 
-  markdown = '## Emphasis' + "\n" +
-    '**This is bold text**' + "\n" +
-    "\n" +
-    '*This is italic text*' + "\n" +
-    "\n" +
-    '~~Strikethrough~~' + "\n"
   template.thumbnail title: 'dialogs/show', onClick: ->(action) do
-    action.dialogs_show 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.right childViews: ->(right) do
-            right.button text: 'OK', onClick: ->(subaction) { subaction.dialogs_close }
-          end
-        end
-      end
-    end
+    render 'json_ui/garage/actions/dialogs_show', json: json, action: action, dialog_mode: :show
   end
 
   template.thumbnail title: 'dialogs/open', onClick: ->(action) do

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

@@ -0,0 +1,28 @@
+markdown = '## Emphasis' + "\n" +
+  '**This is bold text**' + "\n" +
+  "\n" +
+  '*This is italic text*' + "\n" +
+  "\n" +
+  '~~Strikethrough~~' + "\n"
+
+action.send "dialogs_#{dialog_mode}", 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_reload')
+          end
+        end
+      end
+
+      split.right childViews: ->(right) do
+        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
+end

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

@@ -9,8 +9,15 @@ 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
+        case params[:mode]
+        when 'dialog'
+          horizontal.button styleClass: 'link', text: 'cancel', onClick: ->(action) { action.dialogs_close }
+        when 'dialog_reload'
+          horizontal.button styleClass: 'link', text: 'back', onClick: ->(action) do
+            render 'json_ui/garage/actions/dialogs_show', json: json, action: action, dialog_mode: :reload
+          end
+        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.11
 platform: ruby
 authors:
 - ''
@@ -129,6 +129,7 @@ files:
 - app/views/json_ui/garage/_nav_menu.json.jbuilder
 - app/views/json_ui/garage/actions/_commands.json.jbuilder
 - app/views/json_ui/garage/actions/_dialogs.json.jbuilder
+- app/views/json_ui/garage/actions/_dialogs_show.json.jbuilder
 - app/views/json_ui/garage/actions/_http.json.jbuilder
 - app/views/json_ui/garage/actions/_panels.json.jbuilder
 - app/views/json_ui/garage/actions/_reload.json.jbuilder
@@ -201,6 +202,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 +214,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