glib-web 0.10.7 → 0.11.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 70e0e354a117db0f43c758fa03658f3a61d4e448bd60c2dfc0f36c2d5d3b285e
-  data.tar.gz: d249de3f86d3360f25eeaee8a79c5ad24b6c97a17a3f2441e419daa048f39393
+  metadata.gz: b752fcae7cc608d5890e82e1d8684ef0c00bcb825d4048384c39a8436b1a0960
+  data.tar.gz: 27b120d2754f94a98733ade53e81208631fd30d0ee78c8122c295fe5fb171e55
 SHA512:
-  metadata.gz: c7b77e90c5d9c7512922340fcf0b6dc6c85618f955273eca2588cc18995066c2df0cebed894a8590f624b4ee6b542d0993e99c888b11392710514361df2c8dcb
-  data.tar.gz: c65055fde230fe9d21d6a7fab294082ab965c76abc28a2f80dfa1cbbd9ff9e6884fc527baa1f5965f3054f977f213804c138304bdd2dd57cabbd3e740df1c22d
+  metadata.gz: 4d1970741807a9de81b871d4d88c3d7ffd20de6cf1a52f54e8e8d8c9de3fb121bf039c55b319218d08735b747f415bde933ec36fb9201f51d2bc6d075f5acec1
+  data.tar.gz: bf8e5cb1620b44914a692ea142733ce1eab9eab8207f1392e10ee37b9efe616cc88cef5b854a771c7654363ee94d88225a61602784ff4cde902756a1b24858e4

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.7
+  version: 0.11.0
 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