glib-web 0.10.8 → 0.11.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 23de874348dde798e5ec0f017f769efd605c8747b15c99a75ba9ad2353d20673
-  data.tar.gz: 88d00f3b59edf17ceaa71c8d5713159bae1015668f5a0f2e380fc76390d9b7ba
+  metadata.gz: a0ad96fd8e7f59b3203f94cc7e183479f70203ace059a962df88e6b659e75427
+  data.tar.gz: e4f06add5a2eb5bc62d0654409519aca7d177a018edbddd0fbac8fea086d303b
 SHA512:
-  metadata.gz: f10fd44428ad6c865020b86c8b48b8e724ef7782ecaad5c7abb341c2faad0a2bb421862dddc8e121f32cfbe122e7352d53e8d267721909b29564bced6c6730b9
-  data.tar.gz: '09bc9d77703e5ffd6007163f8491eeec1d136c0656d045aff80cbf205c0483096dbf75b509c3850b1b4dda2bb1473eec43c473941f4d88a320b16d34422061d5'
+  metadata.gz: 7d0293ad9ce0952aba5bf741eae32c23c536f21ea1e73315fbfe556dd80bb7094f112b42a926a98106fc4bb1c3c849f0b66a413ce9a8766d959f8d30041e0c05
+  data.tar.gz: 836c1e141247c1073e9528dbb09e63d47c0198f910845ad9f03a0b50823aaf6b02b6ee4fdc0b3b17820f1cedd72ad4252d3a4316a6ff48077c560f1a1f4a15f2

data/app/helpers/glib/dynamic_images_helper.rb

@@ -1,7 +1,15 @@
 module Glib
   module DynamicImagesHelper
     # NOTE: The bucket should probably be set as a parameter for json_libs
-    def glib_dynamic_image_url(blob_key, width: 100, height: 100, fit: 'clip', bucket: Rails.application.config.try(:aws_s3_bucket), signature_key: nil)
+    def glib_dynamic_image_url(blob_key,
+        width: 100,
+        height: 100,
+        fit: 'clip',
+        https: true,
+        host: 'imageserver-demo.herokuapp.com',
+        port: nil,
+        bucket: Rails.application.config.try(:aws_s3_bucket),
+        signature_key: nil)
       return unless blob_key.present?
 
       full_params_hash = {
@@ -24,8 +32,10 @@ module Glib
         request_params_hash = request_params_hash.merge(signature: signature)
       end
 
-      uri = URI::HTTPS.build(
-        host: 'imageserver-demo.herokuapp.com',
+      request_builder = https ? URI::HTTPS : URI::HTTP
+      uri = request_builder.build(
+        host: host,
+        port: port,
         path: "/image/#{bucket}/#{blob_key}",
         query: request_params_hash.to_param
       )

data/app/helpers/glib/enum_helper.rb

@@ -1,7 +1,9 @@
 module Glib
   module EnumHelper
     def glib_enum_options(clazz, enum_field, keys = nil)
-      keys ||= clazz.send("#{enum_field}s").keys
+      # keys ||= clazz.send("#{enum_field}s").keys
+
+      keys ||= clazz.send(enum_field.to_s.pluralize).keys
       keys.map { |i| { text: clazz.glib_enum_humanize(enum_field, i), value: i } }
     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/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

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

@@ -48,8 +48,10 @@ json_ui_page json do |page|
 
     scroll.label text: "\n"
     scroll.h1 text: 'Click action'
-    scroll.panels_vertical width: 100, height: 100, backgroundColor: '#b3bac2', onClick: ->(action) do
-      action.dialogs_alert message: 'Perform action'
+    scroll.panels_vertical width: 100, height: 100, backgroundColor: '#b3bac2', align: 'center', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'home/blank')
+    end, childViews: ->(panel) do
+      panel.label text: 'Click me'
     end
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.10.8
+  version: 0.11.1
 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