glib-web 0.5.77 → 0.5.78

data/app/validators/url_validator.rb

@@ -1,20 +1,20 @@
-class UrlValidator < ActiveModel::EachValidator
-  def validate_each(record, attribute, value)
-    schemes = ['https', 'http']
-
-    begin
-      uri = URI.parse(value)
-      host = uri && uri.host
-      scheme = uri && uri.scheme
-
-      valid_scheme = host && scheme && schemes.include?(scheme)
-      valid_raw_url = scheme && value.match?(URI::regexp([scheme]))
-
-      unless valid_raw_url && valid_scheme
-        record.errors.add(attribute, :invalid)
-      end
-    rescue URI::InvalidURIError
-      record.errors.add(attribute, :invalid)
-    end
-  end
-end
+class UrlValidator < ActiveModel::EachValidator
+  def validate_each(record, attribute, value)
+    schemes = ['https', 'http']
+
+    begin
+      uri = URI.parse(value)
+      host = uri && uri.host
+      scheme = uri && uri.scheme
+
+      valid_scheme = host && scheme && schemes.include?(scheme)
+      valid_raw_url = scheme && value.match?(URI::regexp([scheme]))
+
+      unless valid_raw_url && valid_scheme
+        record.errors.add(attribute, :invalid)
+      end
+    rescue URI::InvalidURIError
+      record.errors.add(attribute, :invalid)
+    end
+  end
+end

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

@@ -1,70 +1,70 @@
-
-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
-        action.windows_open url: root_url
-      end
-    end
-
-    drawer.rows builder: ->(menu) do
-
-      menu.button text: 'Pages', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'pages/index')
-      end
-
-      menu.button text: 'Panels', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'panels/index')
-      end
-
-      menu.button text: 'Lists', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'lists/index')
-      end
-
-      menu.button text: 'Forms', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'forms/index')
-      end
-
-      menu.button text: 'Views', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'views/index')
-      end
-
-      menu.button text: 'Actions', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'actions/index')
-      end
-
-      menu.button text: 'Tables (Web Only)', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'tables/index')
-      end
-
-      menu.button text: 'Services', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'services/index')
-      end
-
-      menu.divider
-      menu.label text: 'Misc Menu'
-
-      menu.button icon: 'notifications', text: 'Notifications', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url(path: 'notifications/index')
-      end
-
-      menu.button icon: 'list', text: 'UI Elements', onClick: ->(action) do
-        action.windows_open url: json_ui_garage_url
-      end
-
-      menu.button icon: 'refresh', text: 'Reload', onClick: ->(action) do
-        action.windows_reload
-      end
-
-      menu.button icon: { name: 'zoom_in', badge: '!' }, text: 'Diagnostics', onClick: ->(action) do
-        action.dialogs_alert message: %{
-          Bundle ID: #{json_ui_app_bundle_id || '<unknown>'}
-          App Version: #{json_ui_app_build_version || '<unknown>'}
-          Device OS: #{json_ui_app_device_os}
-        }
-      end
-
-    end
-  end
-
-end
+
+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
+        action.windows_open url: root_url
+      end
+    end
+
+    drawer.rows builder: ->(menu) do
+
+      menu.button text: 'Pages', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'pages/index')
+      end
+
+      menu.button text: 'Panels', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'panels/index')
+      end
+
+      menu.button text: 'Lists', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'lists/index')
+      end
+
+      menu.button text: 'Forms', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'forms/index')
+      end
+
+      menu.button text: 'Views', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'views/index')
+      end
+
+      menu.button text: 'Actions', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'actions/index')
+      end
+
+      menu.button text: 'Tables (Web Only)', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'tables/index')
+      end
+
+      menu.button text: 'Services', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'services/index')
+      end
+
+      menu.divider
+      menu.label text: 'Misc Menu'
+
+      menu.button icon: 'notifications', text: 'Notifications', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url(path: 'notifications/index')
+      end
+
+      menu.button icon: 'list', text: 'UI Elements', onClick: ->(action) do
+        action.windows_open url: json_ui_garage_url
+      end
+
+      menu.button icon: 'refresh', text: 'Reload', onClick: ->(action) do
+        action.windows_reload
+      end
+
+      menu.button icon: { name: 'zoom_in', badge: '!' }, text: 'Diagnostics', onClick: ->(action) do
+        action.dialogs_alert message: %{
+          Bundle ID: #{json_ui_app_bundle_id || '<unknown>'}
+          App Version: #{json_ui_app_build_version || '<unknown>'}
+          Device OS: #{json_ui_app_device_os}
+        }
+      end
+
+    end
+  end
+
+end

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

@@ -1,104 +1,104 @@
-
-section.header padding: glib_json_padding_list, childViews: ->(header) do
-  header.h3 text: 'Dialogs'
-end
-
-section.rows builder: ->(template) do
-  template.thumbnail title: 'dialogs/alert', onClick: ->(action) do
-    action.dialogs_alert message: 'This is an alert dialog', onClose: ->(action) do
-      action.snackbars_alert message: 'Closed'
-    end
-  end
-
-  # markdown = '# h1 Heading' + "\n" +
-  #   '## h2 Heading' + "\n" +
-  #   '### h3 Heading' + "\n" +
-  #   '#### h4 Heading' + "\n" +
-  #   '##### h5 Heading' + "\n" +
-  #   '###### h6 Heading' + "\n" +
-  #   "\n" +
-  #   '## Emphasis' + "\n" +
-  #   "\n" +
-  #   '**This is bold text**' + "\n" +
-  #   "\n" +
-  #   '__This is bold text__' + "\n" +
-  #   "\n" +
-  #   '*This is italic text*' + "\n" +
-  #   "\n" +
-  #   '_This is italic text_' + "\n" +
-  #   "\n" +
-  #   '~~Strikethrough~~' + "\n"
-  # template.thumbnail title: 'dialogs/alert with markdown', onClick: ->(action) do
-  #   action.dialogs_alert message: markdown, message_format: 'markdown'
-  # end
-
-  # template.thumbnail title: 'dialogs/confirm (Experimental)', onClick: ->(action) do
-  #   action.dialogs_confirm message: 'This is a confirm dialog', onCancel: ->(action) do
-  #     action.snackbars_alert message: 'Canceled'
-  #   end, onConfirm: ->(action) do
-  #     action.snackbars_alert message: 'Confirmed'
-  #   end
-  # end
-
-  # TODO: Deprecate
-  template.thumbnail title: 'dialogs/option (Deprecated)', onClick: ->(action) do
-    # TODO: Rename to `dialogs/menu`
-    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
-  end
-
-  markdown = '## Emphasis' + "\n" +
-    '**This is bold text**' + "\n" +
-    "\n" +
-    '*This is italic text*' + "\n" +
-    "\n" +
-    '~~Strikethrough~~' + "\n"
-  template.thumbnail title: 'dialogs/show', onClick: ->(action) do
-    action.dialogs_show content: ->(dialog) do
-      dialog.body padding: glib_json_padding_body, childViews: ->(body) do
-        body.markdown text: markdown
-
-        body.panels_split width: 'matchParent', content: ->(split) do
-          split.right childViews: ->(right) do
-            right.button text: 'OK', onClick: ->(subaction) { subaction.dialogs_close }
-          end
-        end
-      end
-    end
-  end
-
-  template.thumbnail title: 'dialogs/open', onClick: ->(action) do
-    action.dialogs_open url: json_ui_garage_url(path: 'forms/basic', mode: 'dialog')
-  end
-
-  template.thumbnail title: 'dialogs/oauth', onClick: ->(action) do
-    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
+
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'Dialogs'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'dialogs/alert', onClick: ->(action) do
+    action.dialogs_alert message: 'This is an alert dialog', onClose: ->(action) do
+      action.snackbars_alert message: 'Closed'
+    end
+  end
+
+  # markdown = '# h1 Heading' + "\n" +
+  #   '## h2 Heading' + "\n" +
+  #   '### h3 Heading' + "\n" +
+  #   '#### h4 Heading' + "\n" +
+  #   '##### h5 Heading' + "\n" +
+  #   '###### h6 Heading' + "\n" +
+  #   "\n" +
+  #   '## Emphasis' + "\n" +
+  #   "\n" +
+  #   '**This is bold text**' + "\n" +
+  #   "\n" +
+  #   '__This is bold text__' + "\n" +
+  #   "\n" +
+  #   '*This is italic text*' + "\n" +
+  #   "\n" +
+  #   '_This is italic text_' + "\n" +
+  #   "\n" +
+  #   '~~Strikethrough~~' + "\n"
+  # template.thumbnail title: 'dialogs/alert with markdown', onClick: ->(action) do
+  #   action.dialogs_alert message: markdown, message_format: 'markdown'
+  # end
+
+  # template.thumbnail title: 'dialogs/confirm (Experimental)', onClick: ->(action) do
+  #   action.dialogs_confirm message: 'This is a confirm dialog', onCancel: ->(action) do
+  #     action.snackbars_alert message: 'Canceled'
+  #   end, onConfirm: ->(action) do
+  #     action.snackbars_alert message: 'Confirmed'
+  #   end
+  # end
+
+  # TODO: Deprecate
+  template.thumbnail title: 'dialogs/option (Deprecated)', onClick: ->(action) do
+    # TODO: Rename to `dialogs/menu`
+    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
+  end
+
+  markdown = '## Emphasis' + "\n" +
+    '**This is bold text**' + "\n" +
+    "\n" +
+    '*This is italic text*' + "\n" +
+    "\n" +
+    '~~Strikethrough~~' + "\n"
+  template.thumbnail title: 'dialogs/show', onClick: ->(action) do
+    action.dialogs_show content: ->(dialog) do
+      dialog.body padding: glib_json_padding_body, childViews: ->(body) do
+        body.markdown text: markdown
+
+        body.panels_split width: 'matchParent', content: ->(split) do
+          split.right childViews: ->(right) do
+            right.button text: 'OK', onClick: ->(subaction) { subaction.dialogs_close }
+          end
+        end
+      end
+    end
+  end
+
+  template.thumbnail title: 'dialogs/open', onClick: ->(action) do
+    action.dialogs_open url: json_ui_garage_url(path: 'forms/basic', mode: 'dialog')
+  end
+
+  template.thumbnail title: 'dialogs/oauth', onClick: ->(action) do
+    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

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

@@ -1,24 +1,24 @@
-
-section.header padding: glib_json_padding_list, childViews: ->(header) do
-  header.h3 text: 'HTTP'
-end
-
-section.rows builder: ->(template) do
-  template.thumbnail title: 'http/post', onClick: ->(action) do
-    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: { first: 'New', last: 'Joe' } } }
-    end
-  end
-
-  template.thumbnail title: 'http/patch', onClick: ->(action) do
-    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.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
+
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'HTTP'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'http/post', onClick: ->(action) do
+    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: { first: 'New', last: 'Joe' } } }
+    end
+  end
+
+  template.thumbnail title: 'http/patch', onClick: ->(action) do
+    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.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/_panels.json.jbuilder

@@ -1,18 +1,18 @@
-
-section.header padding: glib_json_padding_list, childViews: ->(header) do
-  header.h3 text: 'Panels'
-end
-
-section.rows builder: ->(template) do
-  template.thumbnail title: 'panels/scrollToBottom', onClick: ->(action) do
-    action.panels_scrollToBottom animate: true, onScroll: ->(subaction) do
-      subaction.dialogs_alert message: 'Bottom reached'
-    end
-  end
-
-  template.thumbnail title: 'panels/scrollTo', onClick: ->(action) do
-    action.panels_scrollTo viewId: 'scroll_anchor', animate: true, onScroll: ->(subaction) do
-      subaction.dialogs_alert message: 'Bottom reached'
-    end
-  end
-end
+
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'Panels'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'panels/scrollToBottom', onClick: ->(action) do
+    action.panels_scrollToBottom animate: true, onScroll: ->(subaction) do
+      subaction.dialogs_alert message: 'Bottom reached'
+    end
+  end
+
+  template.thumbnail title: 'panels/scrollTo', onClick: ->(action) do
+    action.panels_scrollTo viewId: 'scroll_anchor', animate: true, onScroll: ->(subaction) do
+      subaction.dialogs_alert message: 'Bottom reached'
+    end
+  end
+end

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

@@ -1,17 +1,17 @@
-section.header padding: glib_json_padding_list, childViews: ->(header) do
-  header.h3 text: 'Reload'
-  header.spacer height: 6
-  header.label text: 'Reload does not open a new page/screen. Click reload a few times, then click back and notice that it goes back to the page before the reload.'
-end
-
-section.rows builder: ->(template) do
-  template.thumbnail title: "windows/reload (timestamp: #{DateTime.current.to_i})", onClick: ->(action) do
-    action.windows_reload
-  end
-
-  reload_counter = params[:reload_counter].to_i
-  reload_counter = 0 if reload_counter > 5
-  template.thumbnail title: "windows/reload with URL (counter: #{reload_counter})", onClick: ->(action) do
-    action.windows_reload url: json_ui_garage_url(path: 'actions/index', reload_counter: reload_counter + 1)
-  end
-end
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'Reload'
+  header.spacer height: 6
+  header.label text: 'Reload does not open a new page/screen. Click reload a few times, then click back and notice that it goes back to the page before the reload.'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: "windows/reload (timestamp: #{DateTime.current.to_i})", onClick: ->(action) do
+    action.windows_reload
+  end
+
+  reload_counter = params[:reload_counter].to_i
+  reload_counter = 0 if reload_counter > 5
+  template.thumbnail title: "windows/reload with URL (counter: #{reload_counter})", onClick: ->(action) do
+    action.windows_reload url: json_ui_garage_url(path: 'actions/index', reload_counter: reload_counter + 1)
+  end
+end

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

@@ -1,18 +1,18 @@
-
-section.header padding: glib_json_padding_list, childViews: ->(header) do
-  header.h3 text: 'Sheets'
-end
-
-section.rows builder: ->(template) do
-  template.thumbnail title: 'sheets/select', onClick: ->(action) do
-    action.sheets_select message: 'Select one', buttons: ->(menu) do
-      menu.button text: 'Option1', onClick: ->(subaction) do
-        subaction.dialogs_alert message: 'Option 1'
-      end
-      menu.button text: 'Option2', onClick: ->(subaction) do
-        subaction.dialogs_alert message: 'Option 2'
-      end
-    end
-  end
-
-end
+
+section.header padding: glib_json_padding_list, childViews: ->(header) do
+  header.h3 text: 'Sheets'
+end
+
+section.rows builder: ->(template) do
+  template.thumbnail title: 'sheets/select', onClick: ->(action) do
+    action.sheets_select message: 'Select one', buttons: ->(menu) do
+      menu.button text: 'Option1', onClick: ->(subaction) do
+        subaction.dialogs_alert message: 'Option 1'
+      end
+      menu.button text: 'Option2', onClick: ->(subaction) do
+        subaction.dialogs_alert message: 'Option 2'
+      end
+    end
+  end
+
+end

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

@@ -1,33 +1,33 @@
-
-section.header padding: glib_json_padding_list, 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/alert with markdown', onClick: ->(action) do
-  #   action.snackbars_alert message: 'This is an *alert* snackbar', message_format: 'markdown'
-  # end
-
-  template.thumbnail title: 'snackbars/select', onClick: ->(action) do
-    action.snackbars_select message: 'Select one', buttons: ->(menu) do
-      menu.button text: 'Option1', onClick: ->(subaction) do
-        subaction.dialogs_alert message: 'Option 1'
-      end
-      menu.button text: 'Option2', onClick: ->(subaction) do
-        subaction.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
+
+section.header padding: glib_json_padding_list, 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/alert with markdown', onClick: ->(action) do
+  #   action.snackbars_alert message: 'This is an *alert* snackbar', message_format: 'markdown'
+  # end
+
+  template.thumbnail title: 'snackbars/select', onClick: ->(action) do
+    action.snackbars_select message: 'Select one', buttons: ->(menu) do
+      menu.button text: 'Option1', onClick: ->(subaction) do
+        subaction.dialogs_alert message: 'Option 1'
+      end
+      menu.button text: 'Option2', onClick: ->(subaction) do
+        subaction.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