glib-web 0.5.3 → 0.5.9

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

@@ -79,20 +79,26 @@ section.rows builder: ->(template) do
   end
 
   template.thumbnail title: 'dialogs/oauth', onClick: ->(action) do
-    provider = {
-      name: "facebook",
-      webRequestUrl: user_facebook_omniauth_authorize_url(format: nil, _render: nil),
-      requestUrl: user_facebook_omniauth_authorize_url(format: nil),
-      clientId: Devise.omniauth_configs[:facebook].strategy[:client_id],
-      permissions: Devise.omniauth_configs[:facebook].strategy[:scope],
-      redirectUrl: user_facebook_omniauth_callback_url(format: nil)
-    }
-
-    action.dialogs_oauth provider: provider, providerParamName: "session[oauth_provider]", callbackUrlParamName: "session[[oauth_callback_url]", onSuccess: ->(action) do
-      action.http_post url: json_ui_garage_url(path: 'actions/dialogs_oauth_post'), formData: {
-        authenticity_token: form_authenticity_token
+    if respond_to?(:user_facebook_omniauth_authorize_url)
+      provider = {
+        name: 'facebook',
+        webRequestUrl: user_facebook_omniauth_authorize_url(format: nil, _render: nil),
+        requestUrl: user_facebook_omniauth_authorize_url(format: nil),
+        clientId: Devise.omniauth_configs[:facebook].strategy[:client_id],
+        permissions: Devise.omniauth_configs[:facebook].strategy[:scope],
+        redirectUrl: user_facebook_omniauth_callback_url(format: nil)
       }
+      action.dialogs_oauth provider: provider, providerParamName: 'session[oauth_provider]', callbackUrlParamName: 'session[[oauth_callback_url]', onSuccess: ->(subaction) do
+        subaction.http_post url: json_ui_garage_url(path: 'actions/dialogs_oauth_post'), formData: {
+          authenticity_token: form_authenticity_token
+        }
+      end
+    else
+      action.dialogs_alert message: 'To enable this, set up omniauth using devise'
+      # E.g.
+      # Add `devise :omniauthable, omniauth_providers: %i[facebook]` to user.rb
+      # Add `gem 'omniauth-facebook'` to Gemfile
+      # Add `config.omniauth :facebook` to devise.rb
     end
   end
-
-end
+end

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

@@ -5,6 +5,8 @@ json_ui_page json do |page|
 
   page.list sections: [
     ->(section) do
+      render "#{@path_prefix}/actions/reload", section: section
+    end, ->(section) do
       render "#{@path_prefix}/actions/dialogs", section: section
     end, ->(section) do
       render "#{@path_prefix}/actions/snackbars", section: section
@@ -16,8 +18,6 @@ json_ui_page json do |page|
       render "#{@path_prefix}/actions/timeouts", section: section
     end, ->(section) do
       render "#{@path_prefix}/actions/http", section: section
-    end, ->(section) do
-      render "#{@path_prefix}/actions/reload", section: section
     end
   ]
 end

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

@@ -10,7 +10,8 @@ json_ui_page json do |page|
     value = [
       {
         'question': 'Punctuality',
-        'type': 'rating'
+        'type': 'rating',
+        'enabled': '1'
       },
       {
         'question': 'Quality of work',
@@ -21,30 +22,20 @@ json_ui_page json do |page|
         'type': 'yes_no'
       }
     ]
-    # form.fields_dynamicGroup width: 'matchParent', name: 'user[evaluation]', value: value, groupTitlePrefix: 'Entry', groupTemplateViews: ->(group) do
-    #   group.spacer height: 10
-    #   group.fields_text width: 'matchParent', name: 'question', label: 'Question'
-    #   group.fields_text width: 'matchParent', name: 'type', label: 'Answer type'
-    # end
-
-    # form.fields_dynamicGroup width: 'matchParent', name: 'user[evaluation]', value: value, group: ->(group) do
-    #   group.titlePrefix 'Entry'
-    #   group.template childViews: ->(template) do
-    #     template.spacer height: 10
-    #     template.fields_text width: 'matchParent', name: 'question', label: 'Question'
-    #     template.fields_text width: 'matchParent', name: 'type', label: 'Answer type'
-    #   end
-    # end
 
     form.fields_dynamicGroup width: 'matchParent', name: 'user[evaluation]', value: value, 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'
-        template.fields_text width: 'matchParent', name: 'type', label: 'Answer type'
+        template.fields_text width: 'matchParent', name: 'question', label: 'Question', placeholder: 'Question'
+        options = [ :rating, :yes_no ]
+        template.fields_select width: 'matchParent', name: 'type', label: 'Answer Type', placeholder: 'Answer Type', options: options.map { |o| { text: o.to_s.humanize, value: o } }
+        template.fields_check width: 'matchParent', name: 'enabled', label: 'Enable', checkValue: '1'
+
+        template.spacer height: 14
       end
     end
 
     form.spacer height: 20
-    form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+    form.fields_submit text: 'Submit'
   end
 end

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

@@ -8,14 +8,16 @@ json_ui_page json do |page|
     form.spacer height: 6
     form.h4 text: 'Gender'
     form.fields_radioGroup name: 'user[gender]', value: 'F', childViews: ->(group) do
+      group.fields_radio value: '', label: 'Unknown'
       group.fields_radio value: 'M', label: 'Male'
       group.fields_radio value: 'F', label: 'Female'
     end
   
     form.spacer height: 20
     form.h2 text: 'Single Checkbox'
-    form.fields_check name: 'user[age_range]', value: '16+', uncheckValue: '0-16', label: 'I am over 16 (has default value)'
-    form.fields_check name: 'user[employer]', value: 1, label: 'I am an employer (no default value)'
+    form.fields_check name: 'user[age_range]', value: '16+', checkValue: '16+', uncheckValue: '0-16', label: 'I am over 16 (has default value)'
+    form.fields_check 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'
 
     form.spacer height: 20
     form.h2 text: 'Date/Time'
@@ -36,7 +38,8 @@ json_ui_page json do |page|
       latitudeField: { name: 'user[latitude]', label: 'Lat', value: -33.8523063, readOnly: true },
       longitudeField: { name: 'user[longitude]', label: 'Long', value: 151.21078710000006, readOnly: true }
 
-    form.button text: 'Submit', onClick: ->(action) { action.forms_submit }
+    form.spacer height: 20
+    form.fields_submit text: 'Submit'
 
   end
 

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

@@ -3,7 +3,7 @@ json.title 'Forms'
 page = json_ui_page json
 render "#{@path_prefix}/nav_menu", json: json, page: page
 
-page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
+page.form url: json_ui_garage_url(path: 'forms/generic_post'), method: 'post', padding: glib_json_padding_body, childViews: ->(form) do
   form.h1 text: 'Text'
   form.fields_password name: 'user[text1]', width: 'matchParent', label: 'Type "show"'
   form.label text: 'Typed', showIf: {
@@ -29,7 +29,7 @@ page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', pad
 
   form.spacer height: 20
   form.h1 text: 'Check'
-  form.fields_check name: 'user[check1]', value: 'on', label: 'Show text'
+  form.fields_check name: 'user[check1]', checkValue: 'on', label: 'Show text'
   form.spacer height: 10
   form.label text: 'Checked', showIf: {
     "==": [
@@ -70,7 +70,7 @@ page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', pad
   }
 
   form.spacer height: 20
-  form.h1 text: 'Combo1'
+  form.h1 text: 'Combined conditions'
   form.label text: 'Select the same option on both the radio and select fields above'
   form.spacer height: 10
   form.h3 text: 'Same!', showIf: {
@@ -84,5 +84,22 @@ page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', pad
     ]
   }
 
+  form.spacer height: 20
+  form.h1 text: 'Show/hide another field'
+  form.label text: ''
+  form.spacer height: 10
+  form.fields_check name: 'user[check2]', checkValue: 'on', label: 'Show field'
+  form.spacer height: 10
+  form.fields_text width: 'matchParent', label: 'Comment (optional)', name: 'user[comment]', value: 'This field can be submitted when it is hidden, but it is not necessary (i.e. up to the app)', showIf: {
+    "==": [
+      {
+        "var": 'user[check2]'
+      },
+      'on'
+    ]
+  }
+
+  form.spacer height: 20
+  form.fields_submit text: 'Submit'
   form.spacer height: 40
 end

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

@@ -4,11 +4,14 @@ 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: glib_json_padding_body, childViews: ->(form) do
-    form.fields_text name: 'user[name]', width: 'matchParent', label: 'Search', styleClasses: ['outlined', 'rounded']
+    form.fields_text name: 'user[name]', width: 'matchParent', label: 'Search', placeholder: 'Enter a keyword', styleClasses: ['outlined', 'rounded']
 
     form.spacer height: 14
     form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password', placeholder: 'Type your password', styleClass: 'outlined'
 
+    form.spacer height: 14
+    form.fields_textarea name: 'user[bio]', width: 'matchParent', label: 'Bio', placeholder: 'Enter your bio', styleClasses: ['outlined']
+
     form.spacer height: 14
     form.fields_stripeToken name: 'user[stripe_token_outlined]', width: 'matchParent', publicKey: 'pk_test_TYooMQauvdEDq54NiTphI7jx', styleClass: 'outlined'
 

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

@@ -7,7 +7,7 @@ json_ui_page json do |page|
     form.fields_email name: 'user[email]', width: 'matchParent', label: 'Email'
     form.fields_url name: 'user[url]', width: 'matchParent', label: 'URL'
     form.fields_number name: 'user[number]', width: 'matchParent', label: 'Number', validation: { required: { message: 'Required' } }
-    form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password'
+    form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password', hint: 'Should contain at least 6 characters'
     form.fields_textarea name: 'user[textarea]', width: 'matchParent', label: 'Textarea with maxLength', maxLength: 50, validation: { required: { message: 'Required' } }
 
     options = ['male', 'female'].map { |i| { text: i.humanize, value: i } }

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

@@ -1,10 +1,20 @@
-json.rows do
+
+# json.rows do
+#   batch_count = 30
+#   batch_count.times do |i|
+#     index = page * batch_count + i
+#     json.child! do
+#       json.template 'thumbnail'
+#       json.title "Item #{index}"
+#     end
+#   end
+# end
+
+section = json_ui_section json
+section.rows builder: ->(row) do
   batch_count = 30
   batch_count.times do |i|
     index = page * batch_count + i
-    json.child! do
-      json.template 'thumbnail'
-      json.title "Item #{index}"
-    end
+    row.thumbnail title: "Item #{index}"
   end
 end

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

@@ -1,23 +1,5 @@
 json.title 'Notifications'
 
-# json.ws({
-#   "socket" => {
-#     "endpoint" => "/socket/websocket",
-#     "params" => {
-#       "vsn": "2.0.0"
-#     }
-#   },
-#   # "topic" => "room:30",
-#   # "event" => "comments_updated",
-#   "topic" => "links",
-#   "event" => "new_link_added",
-#   "header" => {
-#     "user_id" => 2,
-#     "prev_item_id" => nil,
-#     "last_item_id" => nil
-#   }
-# })
-
 page = json_ui_page json
 render "#{@path_prefix}/nav_menu", json: json, page: page, top_nav: true
 
@@ -31,31 +13,6 @@ page.list firstSection: ->(section) do
 
     template.thumbnail title: 'WebSocket Real-time Update', onClick: ->(action) do
       action.windows_open url: json_ui_garage_url(path: 'notifications/web_socket')
-      # dialogs_notification title: 'Hello World', message: 'This is a notification', onClick: ->(subaction) do
-      #   subaction.dialogs_alert message: 'Perform action'
-      # end
     end
-
-    # template.thumbnail title: 'Send WebSocket Notification', onClick: ->(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"
-    #   })
-
-    #     # "topic": "room:30",
-    #     # "event": "create_comment",
-    #     # "payload": {
-    #     #   "club_id": "2",
-    #     #   "room_id": "30",
-    #     #   "user_id": "2"
-    #     # }
-
-    # end
   end
 end

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

@@ -14,7 +14,7 @@ json.ws({
   # "topic" => "room:30",
   # "event" => "comments_updated",
   "topic" => "links",
-  "event" => "new_link_added",
+  "events" => ["new_link_added"],
   "header" => {
     "user_id" => 2,
     "prev_item_id" => nil,
@@ -23,31 +23,29 @@ json.ws({
 })
 
 page.form url: json_ui_garage_url(path: 'forms/basic_post'), method: 'post', padding: glib_json_padding_body, paramNameForFormData: 'formData', onSubmit: ->(action) do
-  # action.dialogs_alert
-  
-    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"
-    })
-
-      # "topic": "room:30",
-      # "event": "create_comment",
-      # "payload": {
-      #   "club_id": "2",
-      #   "room_id": "30",
-      #   "user_id": "2"
-      # }
+  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.spacer height: 14
+  form.label text: "Message: #{params[:message]}"
+  form.spacer height: 14
+
   form.fields_text name: 'user[name]', width: 'matchParent', label: 'Name'
+
+  # TODO: Change this to radio for selecting alert vs reload response
   form.fields_password name: 'user[password]', width: 'matchParent', label: 'Password'
   
+  form.fields_hidden name: 'baseUrl', width: 'matchParent', value: json_ui_garage_url(path: 'notifications/web_socket')
+
   form.panels_split width: 'matchParent', content: ->(split) do
     # split.left childViews: ->(left) do
     #   if params[:mode] == 'dialog'

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

@@ -41,6 +41,17 @@ json_ui_page json do |page|
           action.windows_open url: json_ui_garage_url(path: 'pages/full_width')
         end
       end
+    end,
+    ->(section) do
+      section.header padding: glib_json_padding_list, childViews: ->(header) do
+        header.h2 text: 'Misc (Web Only)'
+      end
+
+      section.rows builder: ->(template) do
+        template.thumbnail title: 'Nested Scroll', onClick: ->(action) do
+          action.windows_open url: json_ui_garage_url(path: 'pages/nested_scroll')
+        end
+      end
     end
   ]