Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
A javascript function that allows you to do something on a particular page in rails application
#
# Call the given callback function when the indicated page is loaded
#
# [Get ready]
#
# 1. Add data attributes to the body tag in your application layout file.
# ex)
# <body data-controller="<%= controller_name %>" data-action="<%= action_name %>">
#
# 2. Put this file into app/assets/javascripts/
#
# [Usage]
#
# onPageLoad 'posts#index', ->
# # Do something when controller is 'posts' and action is 'index'.
#
# onPageLoad 'posts', ->
# # Do something when controller is 'posts' (in any action).
#
# # Accepts multiple conditions
# onPageLoad ['posts#index', 'authors'], ->
# # Do something
#
@onPageLoad = (controller_and_actions, callback) ->
$(document).on 'turbolinks:load', ->
conditions = regularize(controller_and_actions)
unless conditions
console.error '[onPageLoad] Unexpected arguments!'
return
conditions.forEach (a_controller_and_action) ->
[controller, action] = a_controller_and_action.split('#')
callback() if isOnPage(controller, action)
regularize = (controller_and_actions) ->
if typeof(controller_and_actions) == 'string'
[controller_and_actions]
else if Object.prototype.toString.call(controller_and_actions).includes('Array')
controller_and_actions
else
null
isOnPage = (controller, action) ->
selector = "body[data-controller='#{controller}']"
selector += "[data-action='#{action}']" if action
$(selector).length > 0
@sagaekeiga

This comment has been minimized.

Copy link

sagaekeiga commented Oct 13, 2017

初めまして。こちらのソース利用させていただきました。
大変参考になります。

ただ、実際にファイルなど設定を行ったのですがエラーが出ます。
ご存知あればと思い連絡させていただきました。

エラー内容

chats#indexというページにて

Uncaught ReferenceError: onPageLoad is not 

ソース

chats.coffee

onPageLoad 'chats', ->
  $(document).on 'turbolinks:load', ->
    pusher = new Pusher(gon.pusher_access_key, cluster: 'ap1')
    channel = pusher.subscribe('delivery-channel')
    channel.bind 'my-event', (data) ->...

on_page_load.coffee

@onPageLoad = (controller_and_actions, callback) ->
  $(document).on 'turbolinks:load', ->
    conditions = regularize(controller_and_actions)
    unless conditions
      console.error '[onPageLoad] Unexpected arguments!'
      return

    conditions.forEach (a_controller_and_action) ->
      [controller, action] = a_controller_and_action.split('#')
      callback() if isOnPage(controller, action)

regularize = (controller_and_actions) ->
  if typeof(controller_and_actions) == 'string'
    [controller_and_actions]
  else if Object.prototype.toString.call(controller_and_actions).includes('Array')
    controller_and_actions
  else
    null

isOnPage = (controller, action) ->
  selector = "body[data-controller='#{controller}']"
  selector += "[data-action='#{action}']" if action
  $(selector).length > 0

基本的なところで恐縮です。
ご経験あればご教示願います。

@sagaekeiga

This comment has been minimized.

Copy link

sagaekeiga commented Oct 13, 2017

$(document).on 'turbolinks:load', ->
onPageLoad 'chats', ->
    pusher = new Pusher(gon.pusher_access_key, cluster: 'ap1')

この順序、インデントで解決しました。
失礼しました。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.