glib-web 0.5.70 → 0.5.71

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 99d03ebce03502f7228044916317092b1eeec1ccf3afef80b5656670d8b16670
-  data.tar.gz: 4894a1d838a75f4b3dfc0923ccfb84b60e9725166fe8788cc691d2cebac76c8d
+  metadata.gz: 63c05f4665c6948216e6fd40af4b8fcc4cfddccec4ab4bda3b8edfd65b3219ce
+  data.tar.gz: b2efc86bb633920c6430482c743139af1c44efeaef12252237a4be0d75556794
 SHA512:
-  metadata.gz: 0411150d0ae416d166601b33cc559ef70d48fba54dcff7c41f65b7130a70670ea380926595ab58b8836427585ae83d644f0d522266d78c583ba7588a5806cfc1
-  data.tar.gz: b46db8a3639f13adea47595af60d291db87b4c217f324844d27c89222d79ef3de8bf4905f279f8c42c4ca34af0d56dea90dc96d98056c6987547cb7f3018c616
+  metadata.gz: cc286a18d408ed083904a16cd4c41d85237802f52fd6bbf83be58419687787816327fedac8d471212dbc39d94a65d86d118a045f14de84fbe2ea5677514d3320
+  data.tar.gz: 49c84b472a6c1a2a4d5d87e8a9143b9f873f558de7ee25756ba1ea85e7ea579cda30eaa42b24b3bb7a7867d09e2aee836cdc9e84fef904888b383c7a83d339b2

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

@@ -171,6 +171,14 @@ module Glib
         action :onClick
       end
 
+      class Switch < View
+        string :text, cache: true
+        bool :enabled
+
+        action :onEnabled
+        action :onDisabled
+      end
+
       class Hr < View
         color :color
       end

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

@@ -128,7 +128,7 @@ class Glib::JsonUi::ViewBuilder
         @value = value if value != Glib::Value::DEFAULT
       end
 
-      # Where possible, use value instead of this
+      # TODO: Remove (deprecated). Where possible, use value instead of this
       bool :checked
     end
 
@@ -152,6 +152,7 @@ class Glib::JsonUi::ViewBuilder
       hash :append
     end
 
+    # TODO: Remove (deprecated)
     class Autocomplete < AbstractField
       array :options
       # bool :readOnly

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

@@ -238,6 +238,10 @@ class Glib::JsonUi::ViewBuilder
       end
     end
 
+    class Web < View
+      string :url
+    end
+
     class Ul < View
       views :childViews
 

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

@@ -30,12 +30,14 @@ page.form \
     name: 'user[employer]',
     checkValue: 1,
     label: 'I am an employer (no default value)'
-  form.fields_check \
-    name: 'user[enabled]',
-    checkValue: true,
-    label: 'Enable',
-    styleClass: 'switch',
-    value: 'true'
+
+  # Use `switch` component instead.
+  # form.fields_check \
+  #   name: 'user[enabled]',
+  #   styleClass: 'switch',
+  #   checkValue: true,
+  #   label: 'Enable',
+  #   value: 'true'
 
   form.spacer height: 20
   form.h2 text: 'Date/Time'

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

@@ -71,8 +71,9 @@ page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', p
   form.fields_select name: 'user[nil_default]', width: 'matchParent', label: 'Nil Default', options: languages.map { |k, v| { value: k, text: v } }
   form.fields_select name: 'user[mixed_default][]', width: 'matchParent', label: 'Mixed Default', options: languages.map { |k, v| { value: k, text: v } }, value: ['', 'specified', nil], multiple: true
 
+  # TODO: Remove
   form.spacer height: 20
-  form.h2 text: 'Autocomplete (select with manual entry)'
+  form.h2 text: 'Autocomplete (select with manual entry) -- DEPRECATED: Confusing UX, promote bad backend design'
   form.spacer height: 6
   skills = ['Singing', 'Dancing', 'Fighting']
   form.fields_autocomplete name: 'user[skill]', width: 'matchParent', label: 'Skill', options: skills, value: 'Singing'

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

@@ -4,6 +4,12 @@ json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
 
   page.list firstSection: ->(section) do
+    section.header padding: glib_json_padding_list, childViews: ->(header) do
+      header.label text: 'The List panel is useful for displaying a large number of items that are uniform, which is especially important in mobile apps because the rows can be reused for efficiency.'
+      header.spacer height: 6
+      header.label text: 'So, following the mobile-first paradigm, do not ever display large numbers of items using other components.'
+    end
+
     section.rows builder: ->(template) do
       template.thumbnail icon: 'list', title: 'Templating', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'lists/templating')

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

@@ -82,7 +82,6 @@ json_ui_page json do |page|
         template.thumbnail title: 'Column', subtitle: 'Adds control over layout inside a responsive panel', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'panels/responsive')
         end
-
       end
     end, ->(section) do
       section.header padding: glib_json_padding_list, childViews: ->(header) do
@@ -93,6 +92,9 @@ json_ui_page json do |page|
         template.thumbnail title: 'Custom', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'panels/custom')
         end
+        template.thumbnail title: 'Web', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'panels/web')
+        end
 
       end
     end, ->(section) do

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

@@ -0,0 +1,15 @@
+json.title 'Panels'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+page.header padding: glib_json_padding_body, backgroundColor: '#b3bac2', childViews: ->(header) do
+  header.h1 text: 'Web View'
+end
+
+page.body height: 'matchParent', padding: glib_json_padding_body, childViews: ->(body) do
+  body.panels_web \
+    width: 'matchParent',
+    height: 'matchParent',
+    url: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf'
+end

data/app/views/json_ui/garage/views/controls.json.jbuilder

@@ -0,0 +1,37 @@
+json.title 'Views'
+
+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: 'Button'
+  scroll.spacer height: 6
+  scroll.button text: 'Click me', onClick: ->(action) do
+    action.dialogs_alert message: 'Perform action'
+  end
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'Chip'
+  scroll.spacer height: 6
+  scroll.chip styleClass: 'success', text: 'pending'
+  scroll.spacer height: 6
+  scroll.chip text: 'Skills', onClick: ->(action) do
+    action.dialogs_alert message: 'Perform action'
+  end
+
+  scroll.spacer height: 20
+  scroll.h2 text: 'Switch'
+  scroll.spacer height: 6
+  scroll.switch \
+    text: 'Email notification',
+    onEnabled: ->(action) do
+      action.dialogs_alert message: 'Enabled'
+    end
+  scroll.switch \
+    enabled: true,
+    text: 'Push notification',
+    onDisabled: ->(action) do
+      action.dialogs_alert message: 'Disabled'
+    end
+
+end

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

@@ -13,6 +13,9 @@ json_ui_page json do |page|
         template.thumbnail title: 'Texts', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'views/texts')
         end
+        template.thumbnail title: 'Controls', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'views/controls')
+        end
         template.thumbnail title: 'Images', onClick: ->(action) do
           action.windows_open url: json_ui_garage_url(path: 'views/images')
         end

data/app/views/json_ui/garage/views/texts.json.jbuilder

@@ -32,13 +32,4 @@ page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
     ' comes from a line in section 1.10.32.' + "\n\n" +
     'The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum"'\
     ' by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.'
-
-  scroll.spacer height: 20
-  scroll.h2 text: 'Chip'
-  scroll.spacer height: 6
-  scroll.chip styleClass: 'success', text: 'pending'
-  scroll.spacer height: 6
-  scroll.chip text: 'Skills', onClick: ->(action) do
-    action.dialogs_alert message: 'Perform action'
-  end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.5.70
+  version: 0.5.71
 platform: ruby
 authors:
 - ''
@@ -198,6 +198,7 @@ files:
 - app/views/json_ui/garage/panels/responsive.json.jbuilder
 - app/views/json_ui/garage/panels/split.json.jbuilder
 - app/views/json_ui/garage/panels/vertical.json.jbuilder
+- app/views/json_ui/garage/panels/web.json.jbuilder
 - app/views/json_ui/garage/services/dynamic_text.json.jbuilder
 - app/views/json_ui/garage/services/image.json.jbuilder
 - app/views/json_ui/garage/services/index.json.jbuilder
@@ -212,6 +213,7 @@ files:
 - app/views/json_ui/garage/views/banners.json.jbuilder
 - app/views/json_ui/garage/views/calendar_data.json.jbuilder
 - app/views/json_ui/garage/views/charts.json.jbuilder
+- app/views/json_ui/garage/views/controls.json.jbuilder
 - app/views/json_ui/garage/views/icon_names.json.jbuilder
 - app/views/json_ui/garage/views/icons.json.jbuilder
 - app/views/json_ui/garage/views/images.json.jbuilder