glib-web 0.1.2 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: df566013ce3acc240e942fce9afae6dbb6b5c035
-  data.tar.gz: 9ce0f54f02cf936abf1d49bfeff57800033fbaa6
+  metadata.gz: 1c9296a445e5e0d74a2b3c801fe2fc02d2534c97
+  data.tar.gz: e2670acc3fb614affb71939f1d33609f7cd53e17
 SHA512:
-  metadata.gz: 51be02308f500ae5a18143cb5259e3ec0aeb453ff45f3445d7b0e78bba4aeced0a90f15acdba7fa2033656a41adf98126c8b785c14c3d06efd7133ebf9ce7b72
-  data.tar.gz: 65fcd88b64d919f03994a0f81c70a269581d75fe68e2900f64656b8cdd3187dbaffe5a7b5b689ffa569d1f4b9e63f898041f4b782e01b1f5415eb2fd5bddf98a
+  metadata.gz: aeeb6f7c4b82cded13854c5ed44e80836257d29c98b06b223f00947fa77692a3191c50a07ffe0c56e1bedd7aa5656ec241398ec46a78aa8c6651c6bbb0baf051
+  data.tar.gz: 7d176519ccc425f4bf889e73e41ad068bf93c7366902a9f3230f2fbe5ed8655d6dabc53193220abf34f4553bff59f63b89192d434a115d95aa660e898f7e4642

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

@@ -50,6 +50,63 @@ module Glib
 
       private
 
+      def self.date propName
+        define_method(propName) do |value|
+          if (value = value&.to_s)
+            if !Rails.env.production?
+              # TODO: Use regex to validate date
+            end
+  
+            json.set! propName, value 
+          end
+        end
+      end
+
+      def self.date_time propName
+        define_method(propName) do |value|
+          if (value = value&.to_s)
+            if !Rails.env.production?
+              # TODO: Use regex to validate datetime
+            end
+  
+            json.set! propName, value 
+          end
+        end
+      end
+
+      def self.color propName
+        define_method(propName) do |value| 
+          if (value = value&.to_s)
+            if !Rails.env.production?
+              if !value.match /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i
+                raise "Invalid color: #{value}"
+              end
+            end
+  
+            json.set! propName, value 
+          end
+        end
+      end
+
+      def self.length propName
+        define_method(propName) do |value|
+          if value
+            if !Rails.env.production?
+              case value
+              when 'matchParent'
+              when 'wrapContent'
+              else
+                if !value.is_a? Integer
+                  raise "Invalid length: #{value}"
+                end
+              end
+            end
+  
+            json.set! propName, value 
+          end
+        end
+      end
+
       def self.string propName
         define_method(propName) do |value| 
           json.set! propName, value&.to_s
@@ -106,6 +163,12 @@ module Glib
         end
       end
 
+      def self.singleton_array singletonName, arrayName
+        define_method(singletonName) do |value|
+          json.set! arrayName, [value]
+        end
+      end
+
       def created
         # To be overridden
       end

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

@@ -50,6 +50,10 @@ module Glib
       end
 
       module Windows
+        class Close < Action
+          action :onClose
+        end
+
         class CloseAll < Action
           action :onClose
         end
@@ -61,6 +65,10 @@ module Glib
         class OpenWeb < Action
           string :url
         end
+        
+        class Reload < Action
+          string :url
+        end
       end
 
       # Consider deprecating this. See Data

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

@@ -27,6 +27,9 @@ module Glib
         end
       end
 
+      # class Sections < AbstractBuilder
+      # end
+
       class Section < AbstractBuilder
         def initialize json, page, template
           super json, page

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

@@ -32,9 +32,15 @@ class Glib::JsonUi::ViewBuilder
       bool :readOnly
     end
 
+    class Number < Text
+    end
+
     class Email < Text
     end
 
+    class Url < Text
+    end
+
     class Password < Text
     end
 
@@ -49,6 +55,10 @@ class Glib::JsonUi::ViewBuilder
       bool :readOnly
     end
 
+    class RichText < Text
+      array :images
+    end
+
     class Country < AbstractField
       hash :region
     end
@@ -63,17 +73,69 @@ class Glib::JsonUi::ViewBuilder
       views :childViews
     end
 
+    # TODO: Support array props
     class Radio < View
       string :label
       string :value
     end
 
+    # TODO: Use the array props above to implement `value` property
     class File < Text
-      string :accepts
-      string :s3_direct_upload_url
-      string :file_size_limit_alert_text
-      string :value
-      int :file_size_limit
+      # string :value
+      
+      # def value(value)
+      #   # @value = value if value != Glib::Value::DEFAULT
+      # end
+      
+      # def prop(prop)
+      #   super
+
+      #   @value ||= form.field_value(prop)
+
+      #   # if (form = page.current_form)
+      #   #   @name ||= form.field_name(prop)
+      #   #   @value ||= form.field_value(prop)
+      #   # end
+      # end
+
+      hash :accepts
+      string :directUploadUrl
+      # int :file_size_limit
+      # string :file_size_limit_alert_text
+
+      
+      def blob(active_storage_blob)
+        value(active_storage_blob.signed_id)
+        fileUrl(active_storage_blob.key)
+
+        # Avoid returning active_storage_blob.filename for privacy reason
+        fileTitle(active_storage_blob.created_at)
+      end
+
+      # Rename
+      def fileTitle(file_title)
+        json.fileTitle file_title
+      end
+      
+      def fileUrl(file_url)
+        json.fileUrl file_url
+      end
+    end
+
+    class Date < AbstractField
+      date :min
+      date :max
+    end
+
+    # This doesn't use camel case to be consistent with the html input equivalent
+    class Datetime < AbstractField
+      date_time :min
+      date_time :max
+    end
+    
+    class LatLong < AbstractField
+      hash :latitudeField
+      hash :longitudeField
     end
 
   end

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

@@ -82,6 +82,16 @@ class Glib::JsonUi::ViewBuilder
           block.call page.list_section_builder
         end
       end
+      
+      def sections(blocks)
+        json.sections do
+          blocks.each do |block|
+            json.child! do
+              block.call page.list_section_builder
+            end
+          end
+        end
+      end
     end
 
     class Table < View

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

@@ -10,9 +10,9 @@ module Glib
       end
 
       class View < JsonUiElement
-        string :width
-        string :height
-        string :backgroundColor
+        length :width
+        length :height
+        color :backgroundColor
         hash :padding
       end
 
@@ -42,6 +42,7 @@ module Glib
         string :text
         action :onClick
         array :styleClasses
+        singleton_array :styleClass, :styleClasses
       end
 
       class Fab < View
@@ -66,8 +67,12 @@ module Glib
         string :dataUrl
       end
       
+      class Calendar < View
+        string :dataUrl
+      end
+      
       class TabBar < View
-        string :color
+        color :color
         
         def tabButtons(block)
           json.tabButtons do

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

@@ -3,12 +3,17 @@
 page.leftDrawer content: ->(drawer) do
   drawer.header childViews: ->(header) do
     header.h1 text: 'App', onClick: ->(action) do
-      action.windows_open url: json_ui_garage_url
+      # action.windows_open url: json_ui_garage_url
+      action.windows_open url: root_url
     end
   end
 
   drawer.rows builder: ->(menu) do
 
+    menu.button text: 'Menu', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url
+    end
+
     menu.button text: 'Pages', onClick: ->(action) do
       action.windows_open url: json_ui_garage_url(path: 'pages/index')
     end

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

@@ -3,41 +3,53 @@ json.title 'Actions'
 json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page  
 
-  page.list firstSection: ->(section) do
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'dialogs/alert', onClick: ->(action) do
-        action.dialogs_alert message: 'This is an alert'
+  page.list sections: [->(section) do
+      section.header padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(header) do
+        header.h3 text: 'Dialogs'
       end
 
-      # template.thumbnail title: 'dialogs/confirm (TODO)', onClick: ->(action) do
-      #   action.dialogs_confirm message: 'Confirm?', onConfirm: ->(action) do
-      #     action.dialogs_alert message: 'Good'
-      #   end, onCancel: ->(action) do
-      #     action.dialogs_alert message: 'Bad'
-      #   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
-            action.dialogs_alert message: 'Option 1'
-          end
-          menu.button text: 'Option2', onClick: ->(action) do
-            action.dialogs_alert message: 'Option 2'
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'dialogs/alert', onClick: ->(action) do
+          action.dialogs_alert message: 'This is an alert'
+        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
+              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
-          menu.button text: 'Cancel'
         end
-      end
 
-      template.thumbnail title: 'dialogs/open', onClick: ->(action) do
-        action.dialogs_open url: json_ui_garage_url(path: 'forms/basic')
-      end
+        template.thumbnail title: 'dialogs/open', onClick: ->(action) do
+          action.dialogs_open url: json_ui_garage_url(path: 'forms/basic')
+        end
+
+        template.thumbnail title: 'dialogs/snackbar', onClick: ->(action) do
+          action.dialogs_snackbar message: 'This is a snackbar'
+        end
 
-      template.thumbnail title: 'dialogs/snackbar', onClick: ->(action) do
-        action.dialogs_snackbar message: 'This is a snackbar'
+      end
+    end, ->(section) do
+      section.header padding: { top: 12, bottom: 12, left: 16, right: 16 }, childViews: ->(header) do
+        header.h3 text: 'Windows'
       end
 
-    end
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'windows/reload', onClick: ->(action) do
+          action.windows_reload
+        end
 
-  end
+        template.thumbnail title: 'windows/close', onClick: ->(action) do
+          action.windows_close onClose: ->(subaction) do
+            subaction.dialogs_alert message: 'Previous window closed'
+          end
+        end
+      end
+    end
+  ]
 end

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

@@ -5,7 +5,6 @@ json_ui_page json do |page|
   
   page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
     form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
-    form.fields_email name: 'user[email]', width: 'matchParent', label: 'Email'
     form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password'
     
     form.fields_radioGroup name: 'user[gender]', childViews: ->(group) do

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

@@ -1,10 +1,11 @@
-name, email, password, gender, employer = params.require(:user).values_at(:name, :email, :password, :gender, :employer)
+
+name, _ = params.require(:user).values_at(:name)
 json.onResponse do
-  if name.present? && email.present? && password.present?
+  if name.present?
     json.action 'dialogs/alert-v1'
-    json.message "Submitted information: #{name}, #{email}, #{password}, #{gender}, #{employer}"
+    json.message "Submitted information: #{params.require(:user).values.join(", ")}"
   else
     json.action 'dialogs/alert-v1'
-    json.message 'Please enter all required information'
+    json.message 'Please enter name'
   end
 end

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

@@ -10,11 +10,18 @@ json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page
   
   page.form options.merge(childViews: ->(form) do
-    form.fields_file name: 'user[photo]', width: 'matchParent', label: 'Photo', accepts: "image/*", s3_direct_upload_url: rails_direct_uploads_path, file_size_limit: 5000, file_size_limit_alert_text: 'Too big!', value: 'VALUE_OF_THE_PREVIOUS_IMAGE_WHICH_IS_USEFUL_WHEN_UPDATING_EXISTING_MODEL'
+    rules1 = { fileType: "image/*", maxFileSize: 5000 }
+    rules2 = { fileType: "image/*", maxFileSize: 1, fileTypeErrorText: 'Invalid!', maxFileSizeErrorText: 'Too big!' }
+    form.fields_file name: 'user[photo][]', width: 'matchParent', label: 'Photo', accepts: rules1, directUploadUrl: rails_direct_uploads_path, 
+      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_path
     form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
   end)
 end
 
+
 # json_body_with_form json, nil, nil, options do
 #   json.child! do
 #     json.view 'fields/file-v1'

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

@@ -17,6 +17,15 @@ json_ui_page json do |page|
       template.thumbnail title: 'File Upload', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'forms/file_upload')
       end
+      template.thumbnail title: 'Pickers', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/pickers')
+      end
+      template.thumbnail title: 'Text Validation', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/text_validation')
+      end
+      template.thumbnail title: 'Others', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/others')
+      end
     end
 
   end

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

@@ -0,0 +1,40 @@
+json.title 'Forms'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+  
+  page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+    form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+
+    # images = [
+    #   { 
+    #     value: "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4",
+    #     fileUrl: "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
+    #   }
+    # ]
+    # form.fields_richText name: 'user[bio]', width: 'matchParent', label: 'Content', images: images, value: '<p>Test {{image1}}</p>'
+
+    json.child! do
+      json.view 'fields/richText-v1'
+      json.width 'matchParent'
+      json.label 'Content'
+      json.name 'user[bio]'
+      json.value '<p>Test {{image1}}</p>'
+
+      json.images do
+        json.child! do
+          json.value "eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--193dc0d939b9558fc4973fafbba91d989cbb04d4"
+          # json.fileTitle "hita i hanom hg.jpg"
+          json.fileUrl "https://imageserver-demo.herokuapp.com/image/itinerarybuilder-demo/o6CKzNt67PWnkPdUEnWMt7pr?h=100&w=100"
+        end
+      end
+      
+      json.imageUploader do
+        json.accepts(fileType: "image/*", maxFileSize: 5000)
+        json.directUploadUrl rails_direct_uploads_url
+      end
+    end
+
+    form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+  end
+end

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

@@ -0,0 +1,40 @@
+json.title 'Forms'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+  
+  page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+    # TODO: Implement vuejs component, e.g. https://vuetifyjs.com/en/components/date-pickers#date-pickers-in-dialog-and-menu
+    form.fields_date name: 'user[date]', width: 'matchParent', label: 'Date', min: '1990-01-01', max: '2030-01-01', value: '2010-01-01'
+    
+    # TODO: Implement vuejs component, e.g. using a combination of:
+    # - https://vuetifyjs.com/en/components/date-pickers#date-pickers-in-dialog-and-menu
+    # - https://vuetifyjs.com/en/components/time-pickers
+    form.fields_datetime name: 'user[date_time]', width: 'matchParent', label: 'Date Time', min: '2018-06-07T00:00', max: '2018-06-14T00:00', value: '2018-06-12T19:30'
+
+    form.fields_latLong name: 'user[address]', width: 'matchParent', label: 'Type an address', value: 'Sydney Harbour Bridge',
+      latitudeField: { name: 'user[latitude]', label: 'Lat', value: -33.8523063, readOnly: true },
+      longitudeField: { name: 'user[longitude]', label: 'Long', value: 151.21078710000006, readOnly: true }
+
+    # json.child! do
+    #   json.view 'fields/latLong-v1'
+    #   json.name 'user[address]'
+    #   json.value 'Sydney Harbour Bridge'
+    #   json.label 'Type an address'
+    #   json.latitudeField do
+    #     json.name 'user[latitude]'
+    #     json.label 'Lat'
+    #     json.value -33.8523063
+    #     json.readOnly true
+    #   end
+    #   json.longitudeField do
+    #     json.name 'user[longitude]'
+    #     json.label 'Long'
+    #     json.value 151.21078710000006
+    #     json.readOnly true
+    #   end
+    # end
+
+    form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+  end
+end

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

@@ -0,0 +1,15 @@
+json.title 'Forms'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+  
+  page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: { top: 12, left: 20, right: 20, bottom: 12 }, childViews: ->(form) do
+    # TODO: Turn on html5 validation
+    form.fields_email name: 'user[email]', width: 'matchParent', label: 'Email'
+    form.fields_email name: 'user[url]', width: 'matchParent', label: 'URL'
+
+    form.panels_split width: 'matchParent', rightViews: ->(split) do
+      split.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+    end
+  end
+end

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

@@ -1,4 +1,4 @@
-json.title 'Home'
+json.title 'Menu'
 
 json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page

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

@@ -4,8 +4,8 @@ json_ui_page json do |page|
   render "#{@path_prefix}/nav_menu", json: json, page: page
   
   page.list firstSection: ->(section) do
-    section.header(padding: { top: 12, left: 16, right: 16, bottom: 12 }) do |header|
-      header.label text: 'Section Header'
+    section.header padding: { top: 12, left: 16, right: 16, bottom: 12 }, childViews: ->(header) do
+      header.h3 text: 'Section Header'
     end
 
     section.rows builder: ->(template) do

data/app/views/json_ui/garage/pages/tab_bar.json.jbuilder

@@ -8,47 +8,21 @@ json_ui_page json do |page|
       
       ['FIRST', 'SECOND', 'THIRD'].each_with_index do |text, index|
         menu.button text: text, disabled: params[:tab].to_i == index, onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'pages/tab_bar', tab: index)
+          # action.windows_open url: json_ui_garage_url(path: 'pages/tab_bar', tab: index)
+          action.windows_reload url: json_ui_garage_url(path: 'pages/tab_bar', tab: index)
         end
       end
     end
-
-    # json.child! do
-    #   json.view 'tabBar-v1'
-    #   json.width 'matchParent'
-    #   json.backgroundColor '#ffca05'
-    #   json.color '#7f561b'
-    #   json.tabButtons do
-    #     json.child! do
-    #       json.text 'FIRST'
-    #       json.selected params[:tab] == 0
-    #       json.onClick do
-    #         json.action 'windows/open-v1'
-    #         json.url json_ui_garage_url(path: 'pages/tab_bar', tab: 0)
-    #       end
-    #     end
-    #     json.child! do
-    #       json.text 'SECOND'
-    #       json.selected params[:tab] == 1
-    #       json.onClick do
-    #         json.action 'windows/open-v1'
-    #         json.url json_ui_garage_url(path: 'pages/tab_bar', tab: 1)
-    #       end
-    #     end
-    #     json.child! do
-    #       json.text 'THIRD'
-    #       json.selected params[:tab] == 2
-    #       json.onClick do
-    #         json.action 'windows/open-v1'
-    #         json.url json_ui_garage_url(path: 'pages/tab_bar', tab: 2)
-    #       end
-    #     end
-    #   end
-    # end
   end
 
   page.scroll padding: {top: 12, left: 20, right: 20, bottom: 12}, childViews: ->(scroll) do
-    scroll.label text: "Tab index #{params[:tab]} selected"
+    scroll.label text: "Tab index #{params[:tab].to_i} selected"
+
+    scroll.br height: 10
+
+    100.times do |i|
+      scroll.label text: "Line #{i + 1}"
+    end
   end
 
 end

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

@@ -6,6 +6,13 @@ json_ui_page json do |page|
   page.scroll padding: {top: 20, left: 20, right: 20, bottom: 20}, childViews: ->(scroll) do
     scroll.h1 text: 'Map'
     scroll.br height: 6
-    scroll.map latitude: 13.4837, longitude: 144.7917, zoom: 11, width: 'matchParent', height: 250, dataUrl: json_ui_garage_url(path: 'views/map_data')
+    scroll.map width: 'matchParent', latitude: 13.4837, longitude: 144.7917, zoom: 11, height: 250, dataUrl: json_ui_garage_url(path: 'views/map_data')
+
+    # TODO: Implement in vuejs
+    scroll.br height: 20
+    scroll.h1 text: 'Calendar'
+    scroll.br height: 6
+    scroll.calendar width: 'matchParent', height: 500, dataUrl: json_ui_garage_url(path: 'views/calendar_data')
+
   end
 end

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

@@ -0,0 +1,29 @@
+
+json.events do
+  json.child! do
+    json.date '2018-12-30'
+    json.text 'Birthday'
+    json.onClick do
+      json.action 'dialogs/alert-v1'
+      json.message 'At home'
+    end
+  end
+
+  json.child! do
+    json.date '2018-12-31'
+    json.text 'Conference'
+    json.onClick do
+      json.action 'dialogs/alert-v1'
+      json.message 'In Perth'
+    end
+  end
+  
+  json.child! do
+    json.date '2019-01-01'
+    json.text 'Hackathon'
+    json.onClick do
+      json.action 'dialogs/alert-v1'
+      json.message 'At Town Hall'
+    end
+  end
+end

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

@@ -0,0 +1,46 @@
+json.title 'Views'
+
+json_ui_page json do |page|
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+  
+  page.scroll padding: {top: 20, left: 20, right: 20, bottom: 20}, childViews: ->(scroll) do
+    scroll.h1 text: 'Line Chart'
+
+    json.child! do
+      json.view 'charts/line-v1'
+      json.dataSeries do
+        json.child! do
+          json.title 'Line 1'
+
+          points = {
+            'Sat, 10 Nov 2018' => 1,
+            'Sun, 11 Nov 2018' => 7,
+            'Mon, 12 Nov 2018' => 2,
+            'Tue, 13 Nov 2018' => 0,
+            'Wed, 14 Nov 2018' => 1,
+            'Thu, 15 Nov 2018' => 1,
+            'Fri, 16 Nov 2018' => 5,
+          }
+          json.dataPoints points
+        end
+        
+        json.child! do
+          json.title 'Line 2'
+
+          points = {
+            'Sat, 10 Nov 2018' => 5,
+            'Sun, 11 Nov 2018' => 3,
+            'Mon, 12 Nov 2018' => 8,
+            'Tue, 13 Nov 2018' => 5,
+            'Wed, 14 Nov 2018' => 3,
+            'Thu, 15 Nov 2018' => 5,
+            'Fri, 16 Nov 2018' => 1,
+          }
+          json.dataPoints points
+        end
+
+      end
+
+    end
+  end
+end

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

@@ -11,9 +11,12 @@ json_ui_page json do |page|
       template.thumbnail title: 'Images', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'views/images')
       end
-      template.thumbnail title: 'Carousel', onClick: ->(action) do
+      template.thumbnail title: 'Carousels', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'views/carousels')
       end
+      template.thumbnail title: 'Charts', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'views/charts')
+      end
     end
 
   end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.2.0
 platform: ruby
 authors:
 - ''
@@ -54,8 +54,11 @@ files:
 - app/views/json_ui/garage/forms/floating_submit.json.jbuilder
 - app/views/json_ui/garage/forms/generic_post.json.jbuilder
 - app/views/json_ui/garage/forms/index.json.jbuilder
+- app/views/json_ui/garage/forms/others.json.jbuilder
+- app/views/json_ui/garage/forms/pickers.json.jbuilder
 - app/views/json_ui/garage/forms/submit_indicator.json.jbuilder
 - app/views/json_ui/garage/forms/submit_indicator_post.json.jbuilder
+- app/views/json_ui/garage/forms/text_validation.json.jbuilder
 - app/views/json_ui/garage/home/index.json.jbuilder
 - app/views/json_ui/garage/lists/_infinite_scroll_section.json.jbuilder
 - app/views/json_ui/garage/lists/index.json.jbuilder
@@ -72,7 +75,9 @@ files:
 - app/views/json_ui/garage/panels/split.json.jbuilder
 - app/views/json_ui/garage/panels/vertical.json.jbuilder
 - app/views/json_ui/garage/views/basic.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
 - app/views/json_ui/garage/views/images.json.jbuilder
 - app/views/json_ui/garage/views/index.json.jbuilder
 - app/views/json_ui/garage/views/map_data.json.jbuilder