Skip to content

Instantly share code, notes, and snippets.

@gabetax

gabetax/_form.html.erb

Created October 11, 2013 16:51
Show Gist options
  • Save gabetax/6938181 to your computer and use it in GitHub Desktop.
Save gabetax/6938181 to your computer and use it in GitHub Desktop.
Download ZIP
Javascript Page Object Example
Raw
_form.html.erb
<% @body_data = {
page_object: 'PostForm',
rails_env: Rails.env,
post_max_length: Post.column_types['title'].limit
}
%>
Raw
application.html.erb
<!DOCTYPE html>
<html>
<head>
<title>Csp</title>
<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
<%= csrf_meta_tags %>
</head>
<%= tag 'body', { data: @body_data || {} }, true %>
<%= yield %>
</body>
</html>
Raw
application.js.coffee
$ ->
dispatchPageObjects()
dispatchPageObjects = ->
bodyData = $('body').data()
pageObjectClass = bodyData.pageObject
# window[foo] does String to Function conversion
new window[pageObjectClass](bodyData).start() if pageObjectClass
Raw
post_form.js.coffee
class @PostForm
constructor: ({@railsEnv, @postMaxLength}) ->
start: ->
@showInjectedValues()
@makeLabelsRed()
showInjectedValues: ->
alert "in #{@railsEnv} titles can only be #{@postMaxLength} characters long"
makeLabelsRed: ->
$('label').css 'color', 'red'
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment