glib-web 0.2.14 → 0.2.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9af143aaa548fc1fcad92cf73e2b8be4787f593f
-  data.tar.gz: b77e3a12b92a6275f214e0aa4a9d5feceea3821c
+  metadata.gz: 59b75aa6c868bd135ec30d6dbee76230273552a2
+  data.tar.gz: 97a6c118d67b7b30e5bef02d37cb72268291f145
 SHA512:
-  metadata.gz: df7e7304cf6047e287cbd798a64f62fc9492c2fccda3ae36d90f2fcbbf2b3b9e9867def3c8a54447f3d73eb77a539e258860a60e1ee5e7944efb2d3e64be36f7
-  data.tar.gz: 86f0d9133fcab5dbfcbd13b8e8b53d4b49ee0e439161615e6f6da12ed4cd25237a5aae4ec4e31567deeb26d8dfb6bdcb14af92c0633a2724b03b4dc64e1bc698
+  metadata.gz: 6a5b1aebfce1d89720cec4e13f91123fc1cc1345e0891deb5c9f9e8451ccff48823a71056e0d3dc17ad427162c39904e97b5b0db4218ec6af03448fe80c30354
+  data.tar.gz: d736bdf4eaa401c6ffacd9782093bb251d127c013838b3d501d9ba35f36b861b2218ad9fb5b943a8c84b1ef0b32250280099ea4201820cd8154f591b3a4baabd

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

@@ -44,11 +44,11 @@ module Glib
           action :onClose
         end
       
-        class Confirm < Action
-          string :message
-          action :onConfirm
-          action :onCancel
-        end
+        # class Confirm < Action
+        #   string :message
+        #   action :onConfirm
+        #   action :onCancel
+        # end
       
         class Options < Action
           string :message
@@ -64,6 +64,7 @@ module Glib
           string :url, cache: true
         end
         
+        # TODO: Deprecate
         # Consider renaming to ShowSnackbar
         class Snackbar < Action
           string :message
@@ -73,6 +74,43 @@ module Glib
         end
       
       end
+      
+      module Snackbars
+        class Alert < Action
+          string :message
+          action :onClose
+
+          string :verticalPosition
+          string :horizontalPosition
+          singleton_array :styleClass, :styleClasses
+        end
+        
+        # class Confirm < Action
+        #   string :message
+        #   action :onConfirm
+        #   action :onCancel
+          
+        #   string :verticalPosition
+        #   string :horizontalPosition
+        #   singleton_array :styleClass, :styleClasses
+        # end
+        
+        class Options < Action
+          string :message
+          
+          string :verticalPosition
+          string :horizontalPosition
+          singleton_array :styleClass, :styleClasses
+
+          def buttons(block)
+            json.buttons do
+              block.call page.menu_builder
+            end
+          end
+          
+        end
+      
+      end
 
       module Forms
         class Submit < Action

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

@@ -83,6 +83,11 @@ module Glib
         action :onClick
       end
 
+      # class Banner < View
+      #   icon :icon
+      #   string :text
+      # end
+      
       class Button < View
         icon :icon, cache: true
         string :text, cache: true

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

@@ -0,0 +1,24 @@
+class Glib::JsonUi::ViewBuilder
+  module Banners
+    
+    class Alert < View
+      icon :icon
+      string :message
+      singleton_array :styleClass, :styleClasses
+    end
+
+    # TODO: Implement
+    class Options < View
+      icon :icon
+      string :message
+      singleton_array :styleClass, :styleClasses
+      
+      def buttons(block)
+        json.buttons do
+          block.call page.menu_builder
+        end
+      end
+    end
+
+  end
+end

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

@@ -61,6 +61,7 @@ class Glib::JsonUi::ViewBuilder
 
     class Check < Text
       string :uncheckValue
+      bool :checked
     end
 
     # This doesn't use camel case because some terms have become single words (e.g. snackbar) 

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

@@ -11,9 +11,19 @@ json_ui_page json do |page|
 
       section.rows builder: ->(template) do
         template.thumbnail title: 'dialogs/alert', onClick: ->(action) do
-          action.dialogs_alert message: 'This is an alert'
+          action.dialogs_alert message: 'This is an alert dialog', onClose: ->(action) do
+            action.dialogs_snackbar message: 'Closed'
+          end
         end
 
+        # template.thumbnail title: 'dialogs/confirm (Experimental)', onClick: ->(action) do
+        #   action.dialogs_confirm message: 'This is a confirm dialog', onCancel: ->(action) do
+        #     action.dialogs_snackbar message: 'Canceled'
+        #   end, onConfirm: ->(action) do
+        #     action.dialogs_snackbar message: 'Confirmed'
+        #   end
+        # end
+
         template.thumbnail title: 'dialogs/option', onClick: ->(action) do
           action.dialogs_options message: 'Select one', buttons: ->(menu) do
             menu.button text: 'Option1', onClick: ->(action) do
@@ -30,13 +40,47 @@ json_ui_page json do |page|
           action.dialogs_open url: json_ui_garage_url(path: 'forms/basic')
         end
 
-        template.thumbnail title: 'dialogs/snackbar', onClick: ->(action) do
+        template.thumbnail title: 'dialogs/snackbar (Legacy)', onClick: ->(action) do
           action.dialogs_snackbar message: 'This is a default snackbar'
         end
 
-        template.thumbnail title: 'dialogs/snackbar with styling', onClick: ->(action) do
-          action.dialogs_snackbar message: 'This is a styled snackbar', verticalPosition: 'top', styleClass: 'success'
+      end
+    end, ->(section) do
+      section.header padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(header) do
+        header.h3 text: 'Snackbars'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'snackbars/alert', onClick: ->(action) do
+          action.snackbars_alert message: 'This is an alert snackbar', onClose: ->(action) do
+            action.dialogs_alert message: 'Closed'
+          end
         end
+        
+        # template.thumbnail title: 'snackbars/confirm (Experimental)', onClick: ->(action) do
+        #   action.snackbars_confirm message: 'This is a confirm dialog', onCancel: ->(action) do
+        #     action.dialogs_alert message: 'Canceled'
+        #   end, onConfirm: ->(action) do
+        #     action.dialogs_alert message: 'Confirmed'
+        #   end
+        # end
+        
+        template.thumbnail title: 'snackbars/options', onClick: ->(action) do
+          action.snackbars_options message: 'Select one', buttons: ->(menu) do
+            menu.button text: 'Option1', onClick: ->(action) do
+              action.dialogs_alert message: 'Option 1'
+            end
+            menu.button text: 'Option2', onClick: ->(action) do
+              action.dialogs_alert message: 'Option 2'
+            end
+            menu.button text: 'Cancel'
+          end
+        end
+
+        template.thumbnail title: 'snackbars with styling', onClick: ->(action) do
+          action.snackbars_alert message: 'This is a styled snackbar', verticalPosition: 'top', styleClass: 'success'
+        end
+
       end
     end, ->(section) do
       section.header padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(header) do

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

@@ -16,7 +16,8 @@ json_ui_page json do |page|
       value: 'eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4',
       fileUrl: 'https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100',
       fileTitle: '1 month ago'
-    form.fields_file name: 'user[photo][]', width: 'matchParent', label: 'Photo', accepts: rules2, directUploadUrl: rails_direct_uploads_url
+    form.fields_file name: 'user[photo][]', width: 'matchParent', label: 'Photo', accepts: rules2, directUploadUrl: rails_direct_uploads_url,
+      styleClass: 'avatar'
     form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
   end)
 end

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

@@ -9,16 +9,13 @@ json_ui_page json do |page|
     form.h2 text: 'Basic select fields'
     form.spacer height: 6
     languages = {
-      'zh-HK' => 'Hong Kong',
-      'zh-TW' => 'Taiwan',
-      'zh-CN' => 'China',
-      'ja-JP' => 'Japan',
-      'ko-KR' => 'Korea',
-      'ru-RU' => 'Russian',
-      'en-PH' => 'Philippines'
+      'brisbane' => 'Brisbane',
+      'canberra' => 'Canberra',
+      'melbourne' => 'Melbourne',
+      'sydney' => 'Sydney',
     }
-    form.fields_select name: 'user[primary_language]', width: 'matchParent', label: 'Primary Language', options: languages.map { |k, v| { value: k, text: v } }, value: 'ja-JP'
-    form.fields_select name: 'user[preferred_languages][]', width: 'matchParent', label: 'Preferred Languages', options: languages.map { |k, v| { value: k, text: v } }, value: ['ja-JP', 'ko-KR'], multiple: true
+    form.fields_select name: 'user[city]', width: 'matchParent', label: 'Primary Language', options: languages.map { |k, v| { value: k, text: v } }, value: 'canberra'
+    form.fields_select name: 'user[cities][]', width: 'matchParent', label: 'Preferred Languages', options: languages.map { |k, v| { value: k, text: v } }, value: ['melbourne', 'sydney'], multiple: true
 
     form.spacer height: 20
     form.h2 text: 'Select fields with manual entry'
@@ -32,7 +29,24 @@ json_ui_page json do |page|
     form.spacer height: 6
     form.label text: 'Applicable to select fields with many options'
     form.spacer height: 6
-    # TODO
+    
+    languages = {
+      "ar" => 'Arabic',
+      "zh" => "Chinese",
+      "nl" => "Dutch",
+      "en" => "English",
+      "fr" => "French",
+      "de" => "German",
+      "hi" => "Hindi",
+      "it" => "Italian",
+      "ja" => "Japanese",
+      "ko" => "Korean",
+      "pt" => "Portuguese",
+      "ru" => "Russian",
+      "es" => "Spanish",
+    }
+    form.fields_select name: 'user[language]', width: 'matchParent', label: 'Primary Language', options: languages.map { |k, v| { value: k, text: v } }, value: 'nl'
+    form.fields_select name: 'user[languages][]', width: 'matchParent', label: 'Primary Language', options: languages.map { |k, v| { value: k, text: v } }, value: ['fr', 'de'], multiple: true
 
     form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
 

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

@@ -71,23 +71,24 @@ json_ui_page json do |page|
     scroll.h2 text: 'Grid-like layout'
     scroll.spacer height: 6
     scroll.panels_responsive childViews: ->(horizontal) do
-      horizontal.panels_column lg: 4, padding: glib_json_padding_body, childViews: ->(column) do
-        column.panels_vertical styleClass: 'card', width: 'matchParent', childViews: ->(column) do
+      gap = { top: 12, left: 10, right: 10, bottom: 12 }
+      horizontal.panels_column lg: 4, padding: gap, childViews: ->(column) do
+        column.panels_vertical styleClass: 'card', width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
           column.button text: '1'
         end
       end
-      horizontal.panels_column lg: 4, padding: glib_json_padding_body, childViews: ->(column) do
-        column.panels_vertical styleClass: 'card', width: 'matchParent', childViews: ->(column) do
+      horizontal.panels_column lg: 4, padding: gap, childViews: ->(column) do
+        column.panels_vertical styleClass: 'card', width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
           column.button text: '2'
         end
       end
-      horizontal.panels_column lg: 4, padding: glib_json_padding_body, childViews: ->(column) do
-        column.panels_vertical styleClass: 'card', width: 'matchParent', childViews: ->(column) do
+      horizontal.panels_column lg: 4, padding: gap, childViews: ->(column) do
+        column.panels_vertical styleClass: 'card', width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
           column.button text: '3'
         end
       end
-      horizontal.panels_column lg: 4, padding: glib_json_padding_body, childViews: ->(column) do
-        column.panels_vertical styleClass: 'card', width: 'matchParent', childViews: ->(column) do
+      horizontal.panels_column lg: 4, padding: gap, childViews: ->(column) do
+        column.panels_vertical styleClass: 'card', width: 'matchParent', padding: glib_json_padding_body, childViews: ->(column) do
           column.button text: '4'
         end
       end

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

@@ -0,0 +1,19 @@
+json.title 'Views'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+  
+  page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
+    
+    scroll.spacer height: 20
+    scroll.h2 text: 'Alert banner'
+    scroll.spacer height: 6
+    scroll.banners_alert width: 'matchParent', icon: 'info', message: 'This is an alert banner'
+  
+    scroll.spacer height: 20
+    scroll.h2 text: 'Alert banner with styling'
+    scroll.spacer height: 6
+    scroll.banners_alert width: 'matchParent', icon: 'info', message: 'This is an alert banner', styleClass: 'success'
+  
+  end
+end

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

@@ -23,6 +23,9 @@ json_ui_page json do |page|
       template.thumbnail title: 'Links', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'views/links')
       end
+      template.thumbnail title: 'Banners', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'views/banners')
+      end
     end
 
   end

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

@@ -20,8 +20,8 @@ json_ui_page json do |page|
     
     scroll.spacer height: 20
     scroll.hr width: 'matchParent'
-    scroll.spacer height: 20
 
+    scroll.spacer height: 20
     scroll.h2 text: 'Paragraph'
     scroll.spacer height: 6
     scroll.p text: 'Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC,'\
@@ -33,9 +33,15 @@ json_ui_page json do |page|
       '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 text: 'pending'
   
+    scroll.spacer height: 20
+    scroll.h2 text: 'Banner'
+    scroll.spacer height: 6
+    scroll.banners_alert icon: 'info', message: 'This is an alert banner'
+  
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.2.14
+  version: 0.2.15
 platform: ruby
 authors:
 - ''
@@ -44,6 +44,7 @@ files:
 - app/helpers/glib/json_ui/styling_helper.rb
 - app/helpers/glib/json_ui/table_builders.rb
 - app/helpers/glib/json_ui/view_builder.rb
+- app/helpers/glib/json_ui/view_builder/banners.rb
 - app/helpers/glib/json_ui/view_builder/fields.rb
 - app/helpers/glib/json_ui/view_builder/panels.rb
 - app/views/app/views/json_ui/vue/renderer.html.erb
@@ -92,6 +93,7 @@ files:
 - app/views/json_ui/garage/panels/split.json.jbuilder
 - app/views/json_ui/garage/panels/table.json.jbuilder
 - app/views/json_ui/garage/panels/vertical.json.jbuilder
+- 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/carousels.json.jbuilder
 - app/views/json_ui/garage/views/charts.json.jbuilder