curtain 0.2.0 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +311 -17
- data/TODO.md +7 -0
- data/curtain.gemspec +2 -3
- data/erubs_example.rb +103 -0
- data/example.erb +4 -0
- data/example.slim +2 -0
- data/lib/curtain/caching.rb +9 -0
- data/lib/curtain/erubis.rb +33 -0
- data/lib/curtain/erubis_template.rb +23 -0
- data/lib/curtain/form_builder.rb +218 -0
- data/lib/curtain/form_helpers.rb +23 -0
- data/lib/curtain/html_helpers.rb +180 -0
- data/lib/curtain/output_buffer.rb +10 -0
- data/lib/curtain/rendering.rb +9 -30
- data/lib/curtain/templating.rb +5 -1
- data/lib/curtain/version.rb +1 -1
- data/lib/curtain.rb +18 -1
- data/test/basic_test.rb +66 -0
- data/test/cache_test.rb +17 -0
- data/test/examples/{body.erb → basic/erb/body.erb} +0 -0
- data/test/examples/basic/erb/index.erb +1 -0
- data/test/examples/basic/erb/layout.erb +3 -0
- data/test/examples/{subdir → basic/erb/subdir}/index.erb +0 -0
- data/test/examples/{test.erb → basic/erb/test.erb} +0 -0
- data/test/examples/basic/slim/body.slim +5 -0
- data/test/examples/basic/slim/index.slim +1 -0
- data/test/examples/basic/slim/layout.slim +2 -0
- data/test/examples/basic/slim/subdir/index.slim +1 -0
- data/test/examples/basic/slim/test.slim +3 -0
- data/test/examples/cache/erb/cache.erb +3 -0
- data/test/examples/cache/slim/cache.slim +2 -0
- data/test/examples/form/Rakefile +56 -0
- data/test/examples/form/account.html +101 -0
- data/test/examples/form/account.rb +11 -0
- data/test/examples/form/account.yml +11 -0
- data/test/examples/form/account_view.rb +3 -0
- data/test/examples/form/account_with_data.html +100 -0
- data/test/examples/form/erb/account.erb +84 -0
- data/test/examples/form/erb/account_with_fields.erb +0 -0
- data/test/examples/form/erb/bootstrap.erb +15 -0
- data/test/examples/form/slim/account.slim +65 -0
- data/test/examples/form/slim/bootstrap.slim +11 -0
- data/test/examples/html/erb/content_tag.erb +1 -0
- data/test/examples/html/erb/content_tag_with_content.erb +1 -0
- data/test/examples/html/erb/content_tag_with_content_and_attributes.erb +1 -0
- data/test/examples/html/erb/content_tag_with_content_block_and_attributes.erb +3 -0
- data/test/examples/html/erb/content_tag_with_content_block_with_nested_tags.erb +3 -0
- data/test/examples/html/erb/empty_content_tag.erb +1 -0
- data/test/examples/html/erb/void_tag.erb +1 -0
- data/test/examples/html/erb/void_tag_with_attributes.erb +1 -0
- data/test/examples/html/slim/content_tag.slim +1 -0
- data/test/examples/html/slim/content_tag_with_content.slim +1 -0
- data/test/examples/html/slim/content_tag_with_content_and_attributes.slim +1 -0
- data/test/examples/html/slim/content_tag_with_content_block_and_attributes.slim +2 -0
- data/test/examples/html/slim/content_tag_with_content_block_with_nested_tags.slim +2 -0
- data/test/examples/html/slim/empty_content_tag.slim +1 -0
- data/test/examples/html/slim/void_tag.slim +1 -0
- data/test/examples/html/slim/void_tag_with_attributes.slim +1 -0
- data/test/form_test.rb +44 -0
- data/test/html_test.rb +32 -0
- data/test/test_helper.rb +31 -2
- metadata +101 -34
- data/test/curtain_test.rb +0 -119
- data/test/examples/index.erb +0 -1
- data/test/examples/layout.erb +0 -1
- data/test/examples/registration.mustache +0 -48
- data/test/examples/simple.erb +0 -1
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
$root = File.expand_path("../../../..", __FILE__)
|
|
2
|
+
puts $root
|
|
3
|
+
$:.unshift(File.expand_path("lib", $root))
|
|
4
|
+
require 'curtain'
|
|
5
|
+
require 'curtain/erubis'
|
|
6
|
+
require_relative 'account'
|
|
7
|
+
require_relative 'account_view'
|
|
8
|
+
require 'yaml'
|
|
9
|
+
require 'glam'
|
|
10
|
+
|
|
11
|
+
def write_file(file, contents)
|
|
12
|
+
out_file = File.join(Dir.pwd, file)
|
|
13
|
+
out_dir = File.dirname(out_file)
|
|
14
|
+
unless Dir.exists?(out_dir)
|
|
15
|
+
mkdir_p out_dir
|
|
16
|
+
end
|
|
17
|
+
puts out_file
|
|
18
|
+
open(out_file, 'w') {|f| f << Glam(contents) }
|
|
19
|
+
end
|
|
20
|
+
|
|
21
|
+
desc "Build account page using ERB and no data"
|
|
22
|
+
task :erb do
|
|
23
|
+
AccountView.template_directories = File.join(File.dirname(__FILE__), 'erb')
|
|
24
|
+
view = AccountView.new
|
|
25
|
+
write_file 'account.html', view.render("bootstrap", main: "account")
|
|
26
|
+
end
|
|
27
|
+
|
|
28
|
+
desc "Build the account page using ERB with data"
|
|
29
|
+
task :erb_with_data do
|
|
30
|
+
AccountView.template_directories = File.join(File.dirname(__FILE__), 'erb')
|
|
31
|
+
view = AccountView.new
|
|
32
|
+
view.account = Account.new(YAML.load_file(File.expand_path('account.yml')))
|
|
33
|
+
write_file 'account_with_data.html', view.render("bootstrap", main: "account")
|
|
34
|
+
end
|
|
35
|
+
|
|
36
|
+
desc "Watch this directory for changes and run the default task when there are some"
|
|
37
|
+
task :watch do
|
|
38
|
+
begin
|
|
39
|
+
require 'listen'
|
|
40
|
+
rescue LoadError
|
|
41
|
+
puts "You must install the listen gem in order to use this task"
|
|
42
|
+
exit 1
|
|
43
|
+
end
|
|
44
|
+
|
|
45
|
+
listener = Listen.to(File.join($root, 'lib'), File.join($root, 'test')) do |directories|
|
|
46
|
+
puts "Detected change in #{directories.inspect}"
|
|
47
|
+
system 'rake'
|
|
48
|
+
end
|
|
49
|
+
puts "Watching for changes..."
|
|
50
|
+
listener.start
|
|
51
|
+
trap("SIGINT") { exit! }
|
|
52
|
+
sleep
|
|
53
|
+
end
|
|
54
|
+
|
|
55
|
+
desc "Build all examples"
|
|
56
|
+
task :default => [:erb, :erb_with_data]
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Account</title>
|
|
5
|
+
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
|
|
8
|
+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
|
|
9
|
+
</head>
|
|
10
|
+
<body>
|
|
11
|
+
<div class="container">
|
|
12
|
+
<h1>Account</h1>
|
|
13
|
+
<form role="form">
|
|
14
|
+
<div class="form-group">
|
|
15
|
+
<label for="email" class="control-label">Email</label>
|
|
16
|
+
|
|
17
|
+
<input name="email" type="email" class="form-control" id="email">
|
|
18
|
+
</div>
|
|
19
|
+
<div class="form-group">
|
|
20
|
+
<label for="password" class="control-label">Password</label>
|
|
21
|
+
|
|
22
|
+
<input name="password" type="password" class="form-control" id="password">
|
|
23
|
+
</div>
|
|
24
|
+
<div class="form-group">
|
|
25
|
+
<label for="first_name" class="control-label">First Name</label>
|
|
26
|
+
|
|
27
|
+
<input name="first_name" type="text" class="form-control" id="first_name">
|
|
28
|
+
</div>
|
|
29
|
+
<div class="form-group">
|
|
30
|
+
<label for="last_name" class="control-label">Last Name</label>
|
|
31
|
+
|
|
32
|
+
<input name="last_name" type="text" class="form-control" id="last_name">
|
|
33
|
+
</div>
|
|
34
|
+
<div class="form-group">
|
|
35
|
+
<label for="website" class="control-label">Website</label>
|
|
36
|
+
|
|
37
|
+
<input name="website" type="url" class="form-control" id="website">
|
|
38
|
+
</div>
|
|
39
|
+
<div class="form-group">
|
|
40
|
+
<label for="phone" class="control-label">Phone</label>
|
|
41
|
+
|
|
42
|
+
<input name="phone" type="tel" class="form-control" id="phone">
|
|
43
|
+
</div>
|
|
44
|
+
<div class="form-group">
|
|
45
|
+
<label class="control-label">Gender</label>
|
|
46
|
+
<div>
|
|
47
|
+
<label class="radio-inline">
|
|
48
|
+
|
|
49
|
+
<input name="radio" type="radio" value="m" id="radio">
|
|
50
|
+
Male
|
|
51
|
+
</label>
|
|
52
|
+
<label class="radio-inline">
|
|
53
|
+
|
|
54
|
+
<input name="radio" type="radio" value="f" id="radio">
|
|
55
|
+
Female
|
|
56
|
+
</label>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
<div class="form-group">
|
|
60
|
+
<label for="photo" class="control-label">Photo</label>
|
|
61
|
+
|
|
62
|
+
<input name="photo" type="file" class="form-control" id="photo">
|
|
63
|
+
</div>
|
|
64
|
+
<div class="form-group">
|
|
65
|
+
<label for="favorite_color" class="control-label">Favorite Color</label>
|
|
66
|
+
|
|
67
|
+
<input name="favorite_color" type="color" class="form-control" id="favorite_color">
|
|
68
|
+
</div>
|
|
69
|
+
<div class="form-group">
|
|
70
|
+
<label for="language">Language</label>
|
|
71
|
+
<select name="language" class="form-control" id="language">
|
|
72
|
+
<option value="en">English</option>
|
|
73
|
+
<option value="es">Spanish</option>
|
|
74
|
+
</select>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="form-group">
|
|
77
|
+
<label for="date_of_birth">Date Of Birth</label>
|
|
78
|
+
|
|
79
|
+
<input name="date_of_birth" type="date" class="form-control" id="date_of_birth">
|
|
80
|
+
</div>
|
|
81
|
+
<div class="form-group">
|
|
82
|
+
<label for="bio">Bio</label>
|
|
83
|
+
<textarea class="form-control">
|
|
84
|
+
</textarea>
|
|
85
|
+
</div>
|
|
86
|
+
<div class="form-group">
|
|
87
|
+
<label>
|
|
88
|
+
|
|
89
|
+
<input name="checkbox" type="checkbox" value="true" id="checkbox">
|
|
90
|
+
Send Me Monthly Updates
|
|
91
|
+
</label>
|
|
92
|
+
</div>
|
|
93
|
+
<button type="submit" class="btn btn-default">Save</button>
|
|
94
|
+
</form>
|
|
95
|
+
</div>
|
|
96
|
+
<script src="http://code.jquery.com/jquery.js">
|
|
97
|
+
</script>
|
|
98
|
+
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js">
|
|
99
|
+
</script>
|
|
100
|
+
</body>
|
|
101
|
+
</html>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
class Account
|
|
2
|
+
attr_accessor :email, :password, :first_name, :last_name, :website, :phone, :photo, :gender, :favorite_color, :language, :date_of_birth, :bio, :notifications
|
|
3
|
+
|
|
4
|
+
def initialize(attrs={})
|
|
5
|
+
if attrs
|
|
6
|
+
attrs.each do |attr, value|
|
|
7
|
+
send("#{attr}=", value)
|
|
8
|
+
end
|
|
9
|
+
end
|
|
10
|
+
end
|
|
11
|
+
end
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
email: mail@paulbarry.com
|
|
2
|
+
password: secret
|
|
3
|
+
first_name: Paul
|
|
4
|
+
last_name: Barry
|
|
5
|
+
website: http://paulbarry.com
|
|
6
|
+
phone: 555-123-4567
|
|
7
|
+
gender: m
|
|
8
|
+
favorite_color: "#00cc00"
|
|
9
|
+
date_of_birth: '1970-01-01'
|
|
10
|
+
bio: This is my bio & it needs to be HTML escaped
|
|
11
|
+
notifications: true
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Account</title>
|
|
5
|
+
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
|
|
8
|
+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
|
|
9
|
+
</head>
|
|
10
|
+
<body>
|
|
11
|
+
<div class="container">
|
|
12
|
+
<h1>Account</h1>
|
|
13
|
+
<form role="form">
|
|
14
|
+
<div class="form-group">
|
|
15
|
+
<label for="email" class="control-label">Email</label>
|
|
16
|
+
|
|
17
|
+
<input name="email" value="mail@paulbarry.com" type="email" class="form-control" id="email">
|
|
18
|
+
</div>
|
|
19
|
+
<div class="form-group">
|
|
20
|
+
<label for="password" class="control-label">Password</label>
|
|
21
|
+
|
|
22
|
+
<input name="password" type="password" class="form-control" id="password">
|
|
23
|
+
</div>
|
|
24
|
+
<div class="form-group">
|
|
25
|
+
<label for="first_name" class="control-label">First Name</label>
|
|
26
|
+
|
|
27
|
+
<input name="first_name" value="Paul" type="text" class="form-control" id="first_name">
|
|
28
|
+
</div>
|
|
29
|
+
<div class="form-group">
|
|
30
|
+
<label for="last_name" class="control-label">Last Name</label>
|
|
31
|
+
|
|
32
|
+
<input name="last_name" value="Barry" type="text" class="form-control" id="last_name">
|
|
33
|
+
</div>
|
|
34
|
+
<div class="form-group">
|
|
35
|
+
<label for="website" class="control-label">Website</label>
|
|
36
|
+
|
|
37
|
+
<input name="website" value="http://paulbarry.com" type="url" class="form-control" id="website">
|
|
38
|
+
</div>
|
|
39
|
+
<div class="form-group">
|
|
40
|
+
<label for="phone" class="control-label">Phone</label>
|
|
41
|
+
|
|
42
|
+
<input name="phone" value="555-123-4567" type="tel" class="form-control" id="phone">
|
|
43
|
+
</div>
|
|
44
|
+
<div class="form-group">
|
|
45
|
+
<label class="control-label">Gender</label>
|
|
46
|
+
<div>
|
|
47
|
+
<label class="radio-inline">
|
|
48
|
+
|
|
49
|
+
<input name="radio" type="radio" checked="checked" value="m" id="radio">
|
|
50
|
+
Male
|
|
51
|
+
</label>
|
|
52
|
+
<label class="radio-inline">
|
|
53
|
+
|
|
54
|
+
<input name="radio" type="radio" value="f" id="radio">
|
|
55
|
+
Female
|
|
56
|
+
</label>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
<div class="form-group">
|
|
60
|
+
<label for="photo" class="control-label">Photo</label>
|
|
61
|
+
|
|
62
|
+
<input name="photo" type="file" class="form-control" id="photo">
|
|
63
|
+
</div>
|
|
64
|
+
<div class="form-group">
|
|
65
|
+
<label for="favorite_color" class="control-label">Favorite Color</label>
|
|
66
|
+
|
|
67
|
+
<input name="favorite_color" value="#00cc00" type="color" class="form-control" id="favorite_color">
|
|
68
|
+
</div>
|
|
69
|
+
<div class="form-group">
|
|
70
|
+
<label for="language">Language</label>
|
|
71
|
+
<select name="language" class="form-control" id="language">
|
|
72
|
+
<option value="en">English</option>
|
|
73
|
+
<option value="es">Spanish</option>
|
|
74
|
+
</select>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="form-group">
|
|
77
|
+
<label for="date_of_birth">Date Of Birth</label>
|
|
78
|
+
|
|
79
|
+
<input name="date_of_birth" value="1970-01-01" type="date" class="form-control" id="date_of_birth">
|
|
80
|
+
</div>
|
|
81
|
+
<div class="form-group">
|
|
82
|
+
<label for="bio">Bio</label>
|
|
83
|
+
<textarea class="form-control">This is my bio & it needs to be HTML escaped</textarea>
|
|
84
|
+
</div>
|
|
85
|
+
<div class="form-group">
|
|
86
|
+
<label>
|
|
87
|
+
|
|
88
|
+
<input name="checkbox" type="checkbox" value="true" checked="checked" id="checkbox">
|
|
89
|
+
Send Me Monthly Updates
|
|
90
|
+
</label>
|
|
91
|
+
</div>
|
|
92
|
+
<button type="submit" class="btn btn-default">Save</button>
|
|
93
|
+
</form>
|
|
94
|
+
</div>
|
|
95
|
+
<script src="http://code.jquery.com/jquery.js">
|
|
96
|
+
</script>
|
|
97
|
+
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js">
|
|
98
|
+
</script>
|
|
99
|
+
</body>
|
|
100
|
+
</html>
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
<h1>Account</h1>
|
|
2
|
+
|
|
3
|
+
<%= form for: @account, role: 'form' do %>
|
|
4
|
+
<div class="form-group">
|
|
5
|
+
<%= label :email, class: 'control-label' %>
|
|
6
|
+
<%= email :email, class: 'form-control' %>
|
|
7
|
+
</div>
|
|
8
|
+
|
|
9
|
+
<%# I don't recommend using the div method if it's just static HTML %>
|
|
10
|
+
<%# but I want to test to make sure that it does work %>
|
|
11
|
+
<%= div class: 'form-group' do %>
|
|
12
|
+
<%= label :password, class: 'control-label' %>
|
|
13
|
+
<%= password :password, class: 'form-control' %>
|
|
14
|
+
<% end %>
|
|
15
|
+
|
|
16
|
+
<div class="form-group">
|
|
17
|
+
<%= label :first_name, class: 'control-label' %>
|
|
18
|
+
<%= text :first_name, class: 'form-control' %>
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
<div class="form-group">
|
|
22
|
+
<%= label :last_name, class: 'control-label' %>
|
|
23
|
+
<%= text :last_name, class: 'form-control' %>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<div class="form-group">
|
|
27
|
+
<%= label :website, class: 'control-label' %>
|
|
28
|
+
<%= url :website, class: 'form-control' %>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
<div class="form-group">
|
|
32
|
+
<%= label :phone, class: 'control-label' %>
|
|
33
|
+
<%= tel :phone, class: 'form-control' %>
|
|
34
|
+
</div>
|
|
35
|
+
|
|
36
|
+
<div class="form-group">
|
|
37
|
+
<label class="control-label">Gender</label>
|
|
38
|
+
<div>
|
|
39
|
+
<label class="radio-inline">
|
|
40
|
+
<%= radio :gender, value: 'm' %>
|
|
41
|
+
Male
|
|
42
|
+
</label>
|
|
43
|
+
|
|
44
|
+
<label class="radio-inline">
|
|
45
|
+
<%= radio :gender, value: 'f' %>
|
|
46
|
+
Female
|
|
47
|
+
</label>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
|
|
51
|
+
<div class="form-group">
|
|
52
|
+
<%= label :photo, class: 'control-label' %>
|
|
53
|
+
<%= file :photo, class: 'form-control' %>
|
|
54
|
+
</div>
|
|
55
|
+
|
|
56
|
+
<div class="form-group">
|
|
57
|
+
<%= label :favorite_color, class: 'control-label' %>
|
|
58
|
+
<%= color :favorite_color, class: 'form-control' %>
|
|
59
|
+
</div>
|
|
60
|
+
|
|
61
|
+
<div class="form-group">
|
|
62
|
+
<%= label :language %>
|
|
63
|
+
<%= select :language, options: [["English", "en"], ["Spanish", "es"]], class: 'form-control' %>
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<div class="form-group">
|
|
67
|
+
<%= label :date_of_birth %>
|
|
68
|
+
<%= date :date_of_birth, class: 'form-control' %>
|
|
69
|
+
</div>
|
|
70
|
+
|
|
71
|
+
<div class="form-group">
|
|
72
|
+
<%= label :bio %>
|
|
73
|
+
<%= textarea :bio, class: 'form-control' %>
|
|
74
|
+
</div>
|
|
75
|
+
|
|
76
|
+
<div class="form-group">
|
|
77
|
+
<label>
|
|
78
|
+
<%= checkbox :notifications %>
|
|
79
|
+
Send Me Monthly Updates
|
|
80
|
+
</label>
|
|
81
|
+
</div>
|
|
82
|
+
|
|
83
|
+
<%= submit "Save", class: 'btn btn-default' %>
|
|
84
|
+
<% end %>
|
|
File without changes
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Account</title>
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
|
|
7
|
+
</head>
|
|
8
|
+
<body>
|
|
9
|
+
<div class="container">
|
|
10
|
+
<%= render main %>
|
|
11
|
+
</div>
|
|
12
|
+
<script src="http://code.jquery.com/jquery.js"></script>
|
|
13
|
+
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
|
|
14
|
+
</body>
|
|
15
|
+
</html>
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
h1 Account
|
|
2
|
+
|
|
3
|
+
= form for: @account, role: 'form' do
|
|
4
|
+
.form-group
|
|
5
|
+
= label :email, class: 'control-label'
|
|
6
|
+
= email :email, class: 'form-control'
|
|
7
|
+
|
|
8
|
+
- # I don't recommend using the div method if it's just static HTML
|
|
9
|
+
- # but I want to test to make sure that it does work
|
|
10
|
+
= div class: 'form-group' do
|
|
11
|
+
= label :password, class: 'control-label'
|
|
12
|
+
= password :password, class: 'form-control'
|
|
13
|
+
|
|
14
|
+
.form-group
|
|
15
|
+
= label :first_name, class: 'control-label'
|
|
16
|
+
= text :first_name, class: 'form-control'
|
|
17
|
+
|
|
18
|
+
.form-group
|
|
19
|
+
= label :last_name, class: 'control-label'
|
|
20
|
+
= text :last_name, class: 'form-control'
|
|
21
|
+
|
|
22
|
+
.form-group
|
|
23
|
+
= label :website, class: 'control-label'
|
|
24
|
+
= url :website, class: 'form-control'
|
|
25
|
+
|
|
26
|
+
.form-group
|
|
27
|
+
= label :phone, class: 'control-label'
|
|
28
|
+
= tel :phone, class: 'form-control'
|
|
29
|
+
|
|
30
|
+
.form-group
|
|
31
|
+
label.control-label Gender
|
|
32
|
+
div
|
|
33
|
+
label.radio-inline
|
|
34
|
+
= radio :gender, value: 'm'
|
|
35
|
+
| Male
|
|
36
|
+
label.radio-inline
|
|
37
|
+
= radio :gender, value: 'f'
|
|
38
|
+
| Female
|
|
39
|
+
|
|
40
|
+
.form-group
|
|
41
|
+
= label :photo, class: 'control-label'
|
|
42
|
+
= file :photo, class: 'form-control'
|
|
43
|
+
|
|
44
|
+
.form-group
|
|
45
|
+
= label :favorite_color, class: 'control-label'
|
|
46
|
+
= color :favorite_color, class: 'form-control'
|
|
47
|
+
|
|
48
|
+
.form-group
|
|
49
|
+
= label :language
|
|
50
|
+
= select :language, options: [["English", "en"], ["Spanish", "es"]], class: 'form-control'
|
|
51
|
+
|
|
52
|
+
.form-group
|
|
53
|
+
= label :date_of_birth
|
|
54
|
+
= date :date_of_birth, class: 'form-control'
|
|
55
|
+
|
|
56
|
+
.form-group
|
|
57
|
+
= label :bio
|
|
58
|
+
= textarea :bio, class: 'form-control'
|
|
59
|
+
|
|
60
|
+
.form-group
|
|
61
|
+
label
|
|
62
|
+
= checkbox :notifications
|
|
63
|
+
| Send Me Monthly Updates
|
|
64
|
+
|
|
65
|
+
= submit "Save", class: 'btn btn-default'
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
doctype html
|
|
2
|
+
html
|
|
3
|
+
head
|
|
4
|
+
title Account
|
|
5
|
+
meta name="viewport" content="width=device-width, initial-scale=1.0"
|
|
6
|
+
link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"
|
|
7
|
+
body
|
|
8
|
+
.container
|
|
9
|
+
= render main
|
|
10
|
+
script src="http://code.jquery.com/jquery.js"
|
|
11
|
+
script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<%= p %>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<%= p "Hello" %>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<%= a "Log In", href: "/log_in" %>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<%= script src: '/js/jquery.js' %>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<%= br %>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<%= img src: '/logo.png', alt: 'Logo' %>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
= p
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
= p "Hello"
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
= a "Log In", href: "/log_in"
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
= script src: '/js/jquery.js'
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
= br
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
= img src: '/logo.png', alt: 'Logo'
|
data/test/form_test.rb
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
require 'test_helper'
|
|
2
|
+
|
|
3
|
+
class FormTest < Curtain::TestCase
|
|
4
|
+
class Account
|
|
5
|
+
attr_accessor :email, :password, :first_name, :last_name, :website, :phone, :photo, :gender, :favorite_color, :language, :date_of_birth, :bio, :notifications
|
|
6
|
+
|
|
7
|
+
def initialize(attrs={})
|
|
8
|
+
if attrs
|
|
9
|
+
attrs.each do |attr, value|
|
|
10
|
+
send("#{attr}=", value)
|
|
11
|
+
end
|
|
12
|
+
end
|
|
13
|
+
end
|
|
14
|
+
end
|
|
15
|
+
|
|
16
|
+
class ::AccountView < Curtain::View
|
|
17
|
+
attr_accessor :account
|
|
18
|
+
end
|
|
19
|
+
|
|
20
|
+
def use(lang)
|
|
21
|
+
AccountView.template_directories File.join(File.dirname(__FILE__), "examples", "form", lang)
|
|
22
|
+
end
|
|
23
|
+
|
|
24
|
+
%w[erb slim].each do |lang|
|
|
25
|
+
test "form with #{lang}" do
|
|
26
|
+
use lang
|
|
27
|
+
expected = File.read(File.expand_path("examples/form/account.html", File.dirname(__FILE__)))
|
|
28
|
+
|
|
29
|
+
assert_equal expected, Glam(AccountView.render("bootstrap", main: 'account'))
|
|
30
|
+
end
|
|
31
|
+
|
|
32
|
+
test "form with data with #{lang}" do
|
|
33
|
+
use lang
|
|
34
|
+
expected = File.read(File.expand_path("examples/form/account_with_data.html", File.dirname(__FILE__)))
|
|
35
|
+
|
|
36
|
+
account_data = YAML.load_file(File.expand_path("examples/form/account.yml", File.dirname(__FILE__)))
|
|
37
|
+
account = Account.new(account_data)
|
|
38
|
+
view = AccountView.new(account: account)
|
|
39
|
+
assert_equal "mail@paulbarry.com", view.account.email
|
|
40
|
+
assert_equal expected, Glam(view.render("bootstrap", main: 'account'))
|
|
41
|
+
end
|
|
42
|
+
end
|
|
43
|
+
|
|
44
|
+
end
|
data/test/html_test.rb
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
require 'test_helper'
|
|
2
|
+
|
|
3
|
+
class HTMLTest < Curtain::TestCase
|
|
4
|
+
class ::HTMLView < Curtain::View
|
|
5
|
+
end
|
|
6
|
+
|
|
7
|
+
def use(lang)
|
|
8
|
+
HTMLView.template_directories File.join(File.dirname(__FILE__), "examples", "html", lang)
|
|
9
|
+
end
|
|
10
|
+
|
|
11
|
+
%w[erb slim].each do |lang|
|
|
12
|
+
test "void tag with #{lang}" do
|
|
13
|
+
use lang
|
|
14
|
+
assert_equal '<br>', render(:void_tag)
|
|
15
|
+
end
|
|
16
|
+
|
|
17
|
+
test "void tag with attributes with #{lang}" do
|
|
18
|
+
use lang
|
|
19
|
+
assert_equal %{<img src="/logo.png" alt="Logo">}, render(:void_tag_with_attributes)
|
|
20
|
+
end
|
|
21
|
+
|
|
22
|
+
test "content tag with #{lang}" do
|
|
23
|
+
use lang
|
|
24
|
+
assert_equal %{<p></p>}, render(:content_tag)
|
|
25
|
+
end
|
|
26
|
+
end
|
|
27
|
+
|
|
28
|
+
protected
|
|
29
|
+
def render(*args)
|
|
30
|
+
strip_lines(HTMLView.new.render(*args))
|
|
31
|
+
end
|
|
32
|
+
end
|
data/test/test_helper.rb
CHANGED
|
@@ -1,4 +1,33 @@
|
|
|
1
|
-
require '
|
|
2
|
-
require 'mustache'
|
|
1
|
+
require 'minitest/autorun'
|
|
3
2
|
require 'slim'
|
|
4
3
|
require 'curtain'
|
|
4
|
+
require 'curtain/erubis'
|
|
5
|
+
require 'glam'
|
|
6
|
+
|
|
7
|
+
Slim::Engine.set_default_options pretty: true, sort_attrs: false, format: :html5
|
|
8
|
+
|
|
9
|
+
class Curtain::TestCase < MiniTest::Unit::TestCase
|
|
10
|
+
|
|
11
|
+
def initialize(name=nil)
|
|
12
|
+
@test_name = name
|
|
13
|
+
super(name)
|
|
14
|
+
end
|
|
15
|
+
|
|
16
|
+
def self.test(name, &block)
|
|
17
|
+
test_name = "test_#{name.gsub(/\s+/,'_')}".to_sym
|
|
18
|
+
defined = instance_method(test_name) rescue false
|
|
19
|
+
raise "#{test_name} is already defined in #{self}" if defined
|
|
20
|
+
if block_given?
|
|
21
|
+
define_method(test_name, &block)
|
|
22
|
+
else
|
|
23
|
+
define_method(test_name) do
|
|
24
|
+
flunk "No implementation provided for #{name}"
|
|
25
|
+
end
|
|
26
|
+
end
|
|
27
|
+
end
|
|
28
|
+
|
|
29
|
+
private
|
|
30
|
+
def strip_lines(s)
|
|
31
|
+
s.to_s.split("\n").map(&:strip).reject(&:blank?).join
|
|
32
|
+
end
|
|
33
|
+
end
|