glib-web 0.5.13 → 0.5.19

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

@@ -0,0 +1,112 @@
+json.title 'Lists'
+
+liked = params[:liked] == 'true'
+
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
+
+json.ws({
+  "socket" => {
+    "endpoint" => "/socket/websocket",
+    "params" => {
+      vsn: '2.0.0',
+      token: 'TOKEN'
+    }
+  },
+  "topic" => "rooms",
+  "events" => [],
+  # "events" => ["new_link_added"],
+  # "header" => {
+  #   "user_id" => 2,
+  #   "prev_item_id" => nil,
+  #   "last_item_id" => nil
+  # }
+})
+
+list_ws = { topic: 'rooms', events: ['comments_updated'] }
+page.list ws: list_ws, 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 "rooms"
+    json.event "create_comment"
+    json.payload({
+      "room_id": "30",
+      "user_id": "2"
+    })
+
+  end, childViews: ->(form) do
+    form.fields_text name: 'user[message]', 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

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

@@ -1,14 +1,12 @@
 json.title 'Lists'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
 
-  # page.body height: 'matchParent', padding: glib_json_padding_body, childViews: ->(body) do
-  page.body childViews: ->(body) do
-    body.fab icon: 'add', onClick: ->(action) { action.dialogs_alert message: 'Perform action' }
+page.body childViews: ->(body) do
+  body.fab icon: 'add', onClick: ->(action) { action.dialogs_alert message: 'Perform action' }
 
-    body.panels_list width: 'matchParent', firstSection: ->(section) do
-      render 'json_ui/garage/lists/infinite_scroll_section', json: json, page: 0
-    end
+  body.panels_list width: 'matchParent', firstSection: ->(section) do
+    render 'json_ui/garage/lists/autoload_section', page: page, page_index: 0
   end
 end

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

@@ -11,12 +11,18 @@ json_ui_page json do |page|
       template.thumbnail title: 'Edit Actions', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'lists/edit_actions')
       end
-      template.thumbnail title: 'Infinite Scroll', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'lists/infinite_scroll')
-      end
       template.thumbnail title: 'FAB (Floating Action Button)', onClick: ->(action) do
         action.windows_open url: json_ui_garage_url(path: 'lists/fab')
       end
+      template.thumbnail title: 'Chat UI', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/chat_ui')
+      end
+      template.thumbnail title: 'Autoload as Needed', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/autoload_as_needed')
+      end
+      template.thumbnail title: 'Autoload All', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/autoload_all')
+      end
     end
 
   end

data/app/views/json_ui/garage/notifications/android_post.json.jbuilder

@@ -0,0 +1,48 @@
+
+if (server_key = ENV['FCM_SERVER_KEY'])
+  if defined? FCM
+    # Introduce delay so that we have time to place the app to background
+    # before receiving push notification.
+    sleep 2
+
+    fcm = FCM.new(server_key)
+    registration_ids = [params[:token]] # An array of one or more client registration tokens
+
+    payload = json_ui_action_payload do |action|
+      action.dialogs_alert message: 'Opened'
+    end
+
+    # See https://firebase.google.com/docs/reference/fcm/rest/v1/projects.messages for all available options.
+    options = {
+      notification: {
+        title: params[:title],
+        body: 'Message from server'
+        # title: 'Offer from Ajisen Ramen',
+        # body: 'Free side order of Gyoza'
+      },
+      data: {
+        channelId: 'default',
+        notificationId: 1,
+        openUrl: json_ui_garage_url(path: 'home/blank'),
+        onOpen: payload
+        # openUrl: 'http://10.0.2.2:3000/offers.json?_render=v1',
+      }
+    }
+    response = fcm.send(registration_ids, options)
+
+    body = JSON.parse(response[:body])
+    if (errors = body['results'].map { |i| i['error'] }.compact).any?
+      message = errors.join(', ')
+    else
+      message = 'Sent'
+    end
+  else
+    message = 'FCM gem needed'
+  end
+else
+  message = 'Env var needed: GCM_SERVER_KEY'
+end
+
+json_ui_response json do |action|
+  action.snackbars_alert message: message
+end

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

@@ -11,6 +11,20 @@ page.list firstSection: ->(section) do
       end
     end
 
+    template.thumbnail title: 'Send Android Notification', onClick: ->(action) do
+      action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
+        # subaction.devices_getPushToken paramNameForToken: 'formData[token]', onGet: ->(subsubaction) do
+        #   formData = {
+        #     title: 'Title from formData'
+        #   }
+        #   subsubaction.http_post url: json_ui_garage_url(path: 'notifications/android_post'), formData: formData
+        # end
+
+        post_url = json_ui_garage_url(path: 'notifications/android_post', title: 'Title from formData')
+        subaction.devices_getPushToken postUrl: post_url, paramNameForToken: 'token'
+      end
+    end
+
     template.thumbnail title: 'WebSocket Real-time Update', onClick: ->(action) do
       action.windows_open url: json_ui_garage_url(path: 'notifications/web_socket')
     end

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

@@ -4,30 +4,18 @@ page = json_ui_page json
 
 render "#{@path_prefix}/nav_menu", json: json, page: page
 
-page.navBar backgroundColor: '#a8c4e3', rightButtons: ->(menu) do
-  menu.button icon: 'search', onClick: ->(action) do 
+page.navBar backgroundColor: '#a8c4e3', color: '#ffffff', rightButtons: ->(menu) do
+  menu.button icon: 'search', onClick: ->(action) do
     action.dialogs_alert message: 'Perform some action'
   end
-  menu.button icon: { name: 'star', badge: { text: '1', backgroundColor: '#ff0000' } }, onClick: ->(action) do 
+  menu.button icon: { name: 'star', badge: { text: '1', backgroundColor: '#ff0000' } }, onClick: ->(action) do
     action.dialogs_alert message: 'Perform some action'
   end
-  menu.button icon: { name: 'map', badge: '2' }, onClick: ->(action) do 
+  menu.button icon: { name: 'map', badge: '2' }, onClick: ->(action) do
     action.dialogs_alert message: 'Perform some action'
   end
 end
 
-# page.rightNavButtons do |menu|
-#   menu.button icon: 'search', onClick: ->(action) do 
-#     action.dialogs_alert message: 'Perform some action'
-#   end
-#   menu.button icon: { name: 'star', badge: { text: '1', backgroundColor: '#ff0000' } }, onClick: ->(action) do 
-#     action.dialogs_alert message: 'Perform some action'
-#   end
-#   menu.button icon: { name: 'map', badge: '2' }, onClick: ->(action) do 
-#     action.dialogs_alert message: 'Perform some action'
-#   end
-# end
-
 page.scroll padding: glib_json_padding_body, childViews: ->(scroll) do
   scroll.label text: 'See the right menu buttons on the nav bar'
 end

data/app/views/json_ui/garage/tables/_autoload_section.json.jbuilder

@@ -2,10 +2,14 @@ batch_count = 30
 items = (1..batch_count)
 section = page.table_section_builder
 section.rows objects: items, builder: ->(row, item, index) do
-  row.default cellViews: ->(cell) do
+  row.default colStyles: [{ width: 36 }, {}, {}, {}, { width: 36 }], cellViews: ->(cell) do
+    cell.label text: ''
+
     column_indexes.each do |i|
-      cell.label text: "Data #{page_index * batch_count + item}"
+      cell.label text: "Data #{page_index * batch_count + item}-#{i}"
     end
+
+    cell.label text: ''
   end, onClick: ->(action) do
     action.windows_open url: json_ui_garage_url(path: 'home/blank')
   end

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

@@ -10,6 +10,8 @@ column_indexes = (1..3)
 # - 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?
+  sleep 1
+
   json.nextPage next_page if page_index < 3
   json_ui_page json do |page|
     json.sections do
@@ -21,18 +23,21 @@ if params[:section_only].present?
 else
   json.title 'Tables'
 
-  json_ui_page json do |page|
-    render "#{@path_prefix}/nav_menu", json: json, page: page
-    
-    page.table nextPage: next_page, firstSection: ->(section) do
-      section.header cellViews: ->(header) do
-        column_indexes.each do |i|
-          header.label text: "Heading#{i}"
-        end
-      end
+  page = json_ui_page json
+  render "#{@path_prefix}/nav_menu", json: json, page: page
 
-      render "#{@path_prefix}/tables/autoload_section", page: page, page_index: page_index, column_indexes: column_indexes
+  page.table nextPage: next_page, firstSection: ->(section) do
+    section.header cellViews: ->(header) do
+      column_indexes.each do |i|
+        header.label text: "Heading#{i}"
+      end
     end
+
+    render "#{@path_prefix}/tables/autoload_section", page: page, page_index: page_index, column_indexes: column_indexes
+  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/tables/autoload_as_needed.json.jbuilder

@@ -1,12 +1,15 @@
 
+col_index = params[:col].to_i
 page_index = params[:page].to_i
 next_page = {
-  url: json_ui_garage_url(path: 'tables/autoload_as_needed', page: page_index + 1, section_only: 'v1'),
+  url: json_ui_garage_url(path: 'tables/autoload_as_needed', page: page_index + 1, col: col_index, section_only: 'v1'),
   autoload: 'asNeeded'
 }
 
 page = json_ui_page json
-column_indexes = (1..3)
+column_begin = (col_index * 3) + 1
+column_end = column_begin + 2
+column_indexes = (column_begin..column_end)
 
 if params[:section_only].present?
   sleep 1
@@ -24,9 +27,17 @@ else
 
   page.table nextPage: next_page, firstSection: ->(section) do
     section.header cellViews: ->(header) do
+      header.button icon: "chevron_left", styleClass: 'icon', onClick: ->(action) do
+        action.windows_reload url: json_ui_garage_url(path: 'tables/autoload_as_needed', page: 0, col: col_index - 1)
+      end
+
       column_indexes.each do |i|
         header.label text: "Heading#{i}"
       end
+
+      header.button icon: "chevron_right", styleClass: 'icon', onClick: ->(action) do
+        action.windows_reload url: json_ui_garage_url(path: 'tables/autoload_as_needed', page: 0, col: col_index + 1)
+      end
     end
 
     render "#{@path_prefix}/tables/autoload_section", page: page, page_index: page_index, column_indexes: column_indexes

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

@@ -1,26 +1,25 @@
 json.title 'Tables'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
 
-  page.list firstSection: ->(section) do
-    section.rows builder: ->(template) do
-      template.thumbnail title: 'Layout', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'tables/layout')
-      end
-      template.thumbnail title: 'Horizontal Scroll', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'tables/horizontal_scroll')
-      end
-      template.thumbnail title: 'Export/Import', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'tables/export_import')
-      end
-      template.thumbnail title: 'Autoload All', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'tables/autoload_all')
-      end
-      template.thumbnail title: 'Autoload as Needed', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'tables/autoload_as_needed')
-      end
+page.list firstSection: ->(section) do
+  section.rows builder: ->(template) do
+    template.thumbnail title: 'Layout', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'tables/layout')
+    end
+    template.thumbnail title: 'Horizontal Scroll', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'tables/horizontal_scroll')
+    end
+    template.thumbnail title: 'Export/Import', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'tables/export_import')
+    end
+    template.thumbnail title: 'Autoload as Needed', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'tables/autoload_as_needed')
+    end
+    template.thumbnail title: 'Autoload All', onClick: ->(action) do
+      action.windows_open url: json_ui_garage_url(path: 'tables/autoload_all')
     end
-
   end
+
 end

data/app/views/json_ui/garage/tables/layout.json.jbuilder

@@ -1,38 +1,36 @@
 json.title 'Tables'
 
-json_ui_page json do |page|
-  render "#{@path_prefix}/nav_menu", json: json, page: page
+page = json_ui_page json
+render "#{@path_prefix}/nav_menu", json: json, page: page
 
-  column_indexes = (1..5)
-  page.table sections: [
-    ->(section) do
-      section.rows builder: ->(row) do
-        row.default colSpans: [3, 2], cellViews: ->(cell) do
-          cell.label text: 'Spans 3 columns'
-          cell.panels_horizontal width: 'matchParent', backgroundColor: '#dddddd', padding: { top: 10, right: 10, bottom: 10, left: 10 }, childViews: ->(horizontal) do
-            horizontal.label text: 'Spans 2 columns'
-          end
+column_indexes = (1..5)
+page.table sections: [
+  ->(section) do
+    section.rows builder: ->(row) do
+      row.default colSpans: [3, 2], cellViews: ->(cell) do
+        cell.label text: 'Spans 3 columns'
+        cell.panels_horizontal width: 'matchParent', backgroundColor: '#dddddd', padding: { top: 10, right: 10, bottom: 10, left: 10 }, childViews: ->(horizontal) do
+          horizontal.label text: 'Spans 2 columns'
         end
       end
-    end,
-    ->(section) do
-      section.header cellViews: ->(header) do
-        column_indexes.each do |i|
-          header.label text: "Heading#{i}"
-        end
+    end
+  end,
+  ->(section) do
+    section.header cellViews: ->(header) do
+      column_indexes.each do |i|
+        header.label text: "Heading#{i}"
       end
+    end
 
-      items = [1, 2, 3]
-      section.rows objects: items, builder: ->(row, item, index) do
-        row.default colStyles: [{ width: 200, backgroundColor: '#eeeeee' }], cellViews: ->(cell) do
-          column_indexes.each do |i|
-            cell.label text: "Data #{item}"
-          end
-        end, onClick: ->(action) do
-          action.windows_open url: json_ui_garage_url(path: 'home/blank')
+    items = [1, 2, 3]
+    section.rows objects: items, builder: ->(row, item, index) do
+      row.default colStyles: [{ width: 200, backgroundColor: '#eeeeee' }], cellViews: ->(cell) do
+        column_indexes.each do |i|
+          cell.label text: "Data #{item}"
         end
+      end, onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'home/blank')
       end
     end
-  ]
-
-end
+  end
+]