glib-web 0.5.12 → 0.5.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 811686b2291bc31023b9d5980a6cb54cc2a97a26
-  data.tar.gz: 8f6ed8e3d277ca3c29190bcfe07d99c687c9e90c
+SHA256:
+  metadata.gz: 481c51fde9d25ee4f8b4470c126f26c957c04209acdb37b1a52db6faecba9f4e
+  data.tar.gz: d2258e2069c804b9ad232bb157c657260352bdf3eabab1342562040f165c1ffa
 SHA512:
-  metadata.gz: 79af3fc3c2d8bb48ce3913735bcaac0722a515a588cba5373c80dd41f9cdef0963fcf64f58c28c84ccd81c0fe0e158d83c4476dec7b9b9bc7703952770b8cb26
-  data.tar.gz: 9738ce65f40301d15622da0617cb94795fdf90ceacb1e32066cfaa372ba7f7b1b45eb1e7b1494c6a25d2d68b43637f28cc96e46c2621aab80cbea827930e889e
+  metadata.gz: cc9c9bb53e07b9ef3031167aa3f72d901e2b07098ee4a90f285969c2fc1ee548d966c2947a165fd3c519f8d0cbad13cebc3c7e70498d90cbdc4db220c3a4ad92
+  data.tar.gz: 9b5fc5e2d30f03fe433425f3d4594eb0acfb3bb48774a73e161feae7bca2ea87cae450a291a32a29fd1b4acfcfdf057752be9e0c04386b570bb59ea925a24fec

data/app/controllers/concerns/glib/json/traversal.rb

@@ -76,8 +76,9 @@ module Glib::Json::Traversal
       # Table/List
       if (sections = view['sections']).is_a? Array
         sections.each do |section|
-          # Table
+          traverse_vertical_content section['header'], block
           traverse_multiple section['rows'], block
+          traverse_vertical_content section['footer'], block
         end
       end
     end

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

@@ -66,6 +66,16 @@ module Glib
           string :token
           action :onSave
         end
+
+        class Restart < Action
+        end
+      end
+
+      module Devices
+        class GetPushToken < Action
+          action :onGet
+          string :paramNameForToken
+        end
       end
 
       module Analytics

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

@@ -7,7 +7,11 @@ module Glib
         end
 
         class AbstractTemplate < JsonUiElement
-          # hash :padding
+          # def contextButtons(block)
+          #   json.contextButtons do
+          #     block.call page.menu_builder
+          #   end
+          # end
 
           def editButtons(block)
             json.editButtons do
@@ -22,12 +26,13 @@ module Glib
           end
         end
 
-        class Thumbnail < AbstractTemplate
+        class Standard < AbstractTemplate
           string :title
           string :subtitle
           string :subsubtitle
           string :imageUrl
           action :onClick
+          action :onLongPress
           icon :icon
           bool :avatar
 
@@ -36,10 +41,19 @@ module Glib
           # views :accessoryViews
         end
 
-        class Featured < Thumbnail
+        class Featured < Standard
         end
 
-        class Custom < Thumbnail
+        class Thumbnail < Standard
+        end
+
+        class CommentOutgoing < Standard
+        end
+
+        class CommentIncoming < Standard
+        end
+
+        class Custom < Standard
           string :template
 
           # TODO: Experimental

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

@@ -45,6 +45,12 @@ module Glib
         @__json_ui_section.action_builder
       end
 
+      def json_ui_action_payload(&block)
+        dataJson = Jbuilder.new
+        block&.call Page.new(dataJson, self).action_builder
+        dataJson.attributes!
+      end
+
       class Page
         attr_reader :json, :context, :view_builder, :action_builder, :menu_builder
         attr_reader :list_section_builder, :table_section_builder, :drawer_content_builder, :split_content_builder

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

@@ -157,6 +157,7 @@ class Glib::JsonUi::ViewBuilder
     class DynamicGroup < AbstractField
       string :titlePrefix
       panels_builder :content, :template
+      hash :groupFieldProperties
 
       # NOTE: Consider using sub-panel instead (e.g. groupTemplate)
       # views :groupTemplateViews

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

@@ -164,6 +164,19 @@ class Glib::JsonUi::ViewBuilder
       hash :md
       hash :sm
       hash :xs
+
+      hash :xlOnly
+      hash :lgOnly
+      hash :mdOnly
+      hash :smOnly
+      hash :xsOnly
+
+      hash :xlAndDown
+      hash :lgAndDown
+      hash :mdAndDown
+      hash :smAndDown
+      hash :xsAndDown
+
       views :childViews
     end
 

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

@@ -1,6 +1,5 @@
 
 if local_assigns[:top_nav] || json_ui_app_is_web?
-
   page.leftDrawer content: ->(drawer) do
     drawer.header childViews: ->(header) do
       header.button text: 'App', styleClasses: ['link', 'logo'], onClick: ->(action) do

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

@@ -5,14 +5,20 @@ end
 
 section.rows builder: ->(template) do
   template.thumbnail title: 'http/post', onClick: ->(action) do
-    action.http_post url: json_ui_garage_url(path: 'forms/basic_post'), formData: { 'user[name]' => 'New Joe' }
+    action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
+      subaction.http_post url: json_ui_garage_url(path: 'forms/basic_post'), formData: { 'user[name]' => 'New Joe' }
+    end
   end
 
   template.thumbnail title: 'http/patch', onClick: ->(action) do
-    action.http_patch url: json_ui_garage_url(path: 'forms/basic_post'), formData: { 'user[name]' => 'Edit Joe' }
+    action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
+      subaction.http_patch url: json_ui_garage_url(path: 'forms/basic_post'), formData: { 'user[name]' => 'Edit Joe' }
+    end
   end
 
   template.thumbnail title: 'http/delete', onClick: ->(action) do
-    action.http_delete url: json_ui_garage_url(path: 'forms/basic_post'), formData: { 'user[name]' => 'Delete Joe' }
+    action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
+      subaction.http_delete url: json_ui_garage_url(path: 'forms/basic_post'), formData: { 'user[name]' => 'Delete Joe' }
+    end
   end
 end

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

@@ -12,7 +12,6 @@ section.rows builder: ->(template) do
       menu.button text: 'Option2', onClick: ->(subaction) do
         subaction.dialogs_alert message: 'Option 2'
       end
-      menu.button text: 'Cancel'
     end
   end
 

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

@@ -7,23 +7,38 @@ json_ui_page json do |page|
     form.h2 text: 'Dynamic Group'
     form.spacer height: 6
 
-    value = [
-      {
-        'question': 'Punctuality',
-        'type': 'rating',
-        'enabled': '1'
-      },
-      {
-        'question': 'Quality of work',
-        'type': 'rating'
-      },
-      {
-        'question': 'Satisfied?',
-        'type': 'yes_no'
-      }
-    ]
+    # value = [
+    #   {
+    #     'question': 'Punctuality',
+    #     'type': 'rating'
+    #   },
+    #   {
+    #     'question': 'Quality of work',
+    #     'type': 'rating',
+    #     'enabled': '1'
+    #   },
+    #   {
+    #     'question': 'Satisfied?',
+    #     'type': 'yes_no'
+    #   }
+    # ]
 
-    form.fields_dynamicGroup width: 'matchParent', name: 'user[evaluation]', value: value, titlePrefix: 'Entry', content: ->(group) do
+    properties = [
+      [
+        { name: 'question', value: 'Punctuality' },
+        { name: 'type', value: 'rating' },
+      ],
+      [
+        { name: 'question', value: 'Quality of work' },
+        { name: 'type', value: 'rating' },
+        { name: 'enabled', value: '1', styleClasses: ['success'] },
+      ],
+      [
+        { name: 'question', value: 'Satisfied?' },
+        { name: 'type', value: 'yes_no' },
+      ]
+    ]
+    form.fields_dynamicGroup width: 'matchParent', name: 'user[evaluation]', groupFieldProperties: properties, titlePrefix: 'Entry', content: ->(group) do
       group.template padding: { left: 32 }, childViews: ->(template) do
         template.spacer height: 10
         template.fields_text width: 'matchParent', name: 'question', label: 'Question', placeholder: 'Question'

data/app/views/json_ui/garage/lists/{_infinite_scroll_section.json.jbuilder → _autoload_section.json.jbuilder}

@@ -10,11 +10,13 @@
 #   end
 # end
 
-section = json_ui_section json
+# section = json_ui_section json
+
+section = page.list_section_builder
 section.rows builder: ->(row) do
   batch_count = 30
   batch_count.times do |i|
-    index = page * batch_count + i
+    index = page_index * batch_count + i
     row.thumbnail title: "Item #{index}"
   end
 end

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

@@ -0,0 +1,32 @@
+
+page_index = params[:page].to_i
+next_page = {
+  url: json_ui_garage_url(path: 'lists/autoload_all', page: page_index + 1, section_only: 'v1'),
+  autoload: 'all'
+}
+
+page = json_ui_page json
+
+if params[:section_only].present?
+  sleep 1
+
+  json.nextPage next_page if page_index < 3
+  json.sections do
+    json.child! do
+      render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index
+    end
+  end
+else
+  json.title 'Lists'
+
+  render "#{@path_prefix}/nav_menu", json: json, page: page
+
+  page.list nextPage: next_page, firstSection: ->(section) do
+    render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index
+  end, onScrollToBottom: ->(action) do
+    action.snackbars_alert message: 'Scrolled to Bottom'
+  end, onScrollToTop: ->(action) do
+    action.snackbars_alert message: 'Scrolled to Top'
+  end
+
+end

data/app/views/json_ui/garage/lists/{infinite_scroll.json.jbuilder → autoload_as_needed.json.jbuilder}

@@ -1,34 +1,31 @@
 
 page_index = params[:page].to_i
 next_page = {
-  url: json_ui_garage_url(path: 'lists/infinite_scroll', page: page_index + 1, section_only: 'v1'),
-  # TODO: rename, e.g. autoloadAsNeeded vs autoloadAll
-  autoLoad: true
+  url: json_ui_garage_url(path: 'lists/autoload_as_needed', page: page_index + 1, section_only: 'v1'),
+  autoload: 'asNeeded'
 }
 
+page = json_ui_page json
+
 # TODO: Cater
 # - for SEO: one URL for a standalone page and one URL for pagination only
 # - for generic approach, e.g. excluding nav_menu when there is no change
 if params[:section_only].present?
-  json.nextPage next_page
+  sleep 1
+
+  json.nextPage next_page if page_index < 3
   json.sections do
     json.child! do
-      render 'json_ui/garage/lists/infinite_scroll_section', json: json, page: page_index
+      render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index
     end
   end
 else
   json.title 'Lists'
 
-  # options = { nextPage: nextPage }
-  # json_body_with_list json, nil, nil, options do
-  #   render 'json_ui/garage/lists/infinite_scroll_section', json: json, page: page
-  # end
-
-  page = json_ui_page json
   render "#{@path_prefix}/nav_menu", json: json, page: page
 
   page.list nextPage: next_page, firstSection: ->(section) do
-    render 'json_ui/garage/lists/infinite_scroll_section', json: json, page: page_index
+    render 'json_ui/garage/lists/autoload_section', page: page, page_index: page_index
   end, onScrollToBottom: ->(action) do
     action.snackbars_alert message: 'Scrolled to Bottom'
   end, onScrollToTop: ->(action) do

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

@@ -0,0 +1,96 @@
+json.title 'Lists'
+
+liked = params[:liked] == 'true'
+
+page = json_ui_page json
+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 }, childViews: ->(header) do
+    header.h3 text: 'Chat with John Doe'
+  end
+
+  section.rows builder: ->(template) do
+    # template.thumbnail title: "windows/reload (timestamp: #{DateTime.current.to_i}) -- #{liked}", onClick: ->(action) do
+    #   action.windows_reload
+    # end, onLongPress: ->(action) do
+    #   action.sheets_select message: "Context Menu (#{DateTime.current.to_i})", buttons: ->(menu) do
+    #     if liked
+    #       menu.button text: 'Cancel 👍', onClick: ->(subaction) do
+    #         subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat', liked: false)
+    #       end
+    #     else
+    #       menu.button text: 'Give 👍', onClick: ->(subaction) do
+    #         subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat', liked: true)
+    #       end
+    #     end
+    #   end
+    # end
+
+    template.commentOutgoing subtitle: 'Hey!', subsubtitle: l(10.minutes.ago, format: :short), imageUrl: glib_json_image_standard_url, chips: ->(menu) do
+      menu.button text: '😊 2', styleClass: 'info'
+    end
+
+    template.commentOutgoing subtitle: 'How are you?', subsubtitle: l(DateTime.current, format: :short)
+
+    template.commentIncoming title: 'John Doe', subtitle: 'Very well', subsubtitle: l(7.minutes.ago, format: :short), imageUrl: glib_json_image_standard_url, chips: ->(menu) do
+      menu.button text: "👍 #{liked ? 2 : 1}"
+    end, onLongPress: ->(action) do
+      action.sheets_select message: 'Context Menu', buttons: ->(menu) do
+        if liked
+          menu.button text: 'Cancel 👍', onClick: ->(subaction) do
+            subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat_ui', liked: false)
+          end
+        else
+          menu.button text: 'Give 👍', onClick: ->(subaction) do
+            subaction.windows_reload url: json_ui_garage_url(path: 'lists/chat_ui', liked: true)
+          end
+        end
+      end
+    end
+  end
+end
+
+page.footer padding: { top: 12, left: 16, right: 16, bottom: 12 }, childViews: ->(footer) do
+  # json.ws({
+  #   "socket" => {
+  #     "endpoint" => "/socket/websocket",
+  #     "params" => {
+  #       vsn: '2.0.0',
+  #       token: 'TOKEN'
+  #     }
+  #   },
+  #   # "topic" => "room:30",
+  #   # "event" => "comments_updated",
+  #   "topic" => "links",
+  #   "events" => ["new_link_added"],
+  #   "header" => {
+  #     "user_id" => 2,
+  #     "prev_item_id" => nil,
+  #     "last_item_id" => nil
+  #   }
+  # })
+
+  footer.panels_form width: 'matchParent', url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, paramNameForFormData: 'formData', onSubmit: ->(action) do
+    json.action "ws/push"
+    json.topic "links"
+    json.event "new_link"
+    json.payload({
+      "club_id": "2",
+      "room_id": "30",
+      "user_id": "2"
+        #  title: "TITLE",
+        #  url: "URL"
+    })
+
+  end, childViews: ->(form) do
+    form.fields_text name: 'message[body]', width: 'matchParent', label: 'Message'
+
+    form.panels_split width: 'matchParent', content: ->(split) do
+      split.right childViews: ->(right) do
+        right.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+      end
+    end
+  end
+
+end

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

@@ -2,7 +2,7 @@ json.title 'Lists'
 
 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: 'Click menu (web) or swipe left (Android/iOS)', editButtons: ->(menu) do
@@ -13,6 +13,30 @@ json_ui_page json do |page|
           action.dialogs_alert message: 'Perform action'
         end
       end
+
+      template.thumbnail title: 'Long press to get an alert', onLongPress: ->(action) do
+        action.dialogs_alert message: 'This is an alert'
+      end
+
+      template.thumbnail title: 'Long press to see menu', onLongPress: ->(action) do
+        action.sheets_select message: 'Context Menu', buttons: ->(menu) do
+          menu.button icon: 'edit', text: 'Edit', onClick: ->(subaction) do
+            subaction.dialogs_alert message: 'Perform action'
+          end
+          menu.button icon: 'delete', text: 'Delete', onClick: ->(subaction) do
+            subaction.dialogs_alert message: 'Perform action'
+          end
+        end
+      end
+
+      # template.thumbnail title: 'Long press to see menu', contextButtons: ->(menu) do
+      #   menu.button text: 'Edit', onClick: ->(action) do
+      #     action.dialogs_alert message: 'Perform action'
+      #   end
+      #   menu.button text: 'Delete', onClick: ->(action) do
+      #     action.dialogs_alert message: 'Perform action'
+      #   end
+      # end
     end
 
   end