fume 0.1.4 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- data/VERSION.yml +2 -2
- data/fume.gemspec +11 -5
- data/generators/fume/capify/capify_gen.rb +8 -0
- data/generators/fume/capify/templates/Capfile +3 -0
- data/generators/fume/capify/templates/config/deploy.rb +33 -0
- data/generators/fume/simple_theme/templates/public/demo.html +477 -0
- data/generators/fume/simple_theme/templates/public/javascripts/jquery-1.3.2.js +4376 -0
- data/generators/fume/simple_theme/templates/public/javascripts/jquery-ui-1.7.2.js +9133 -0
- data/generators/fume/simple_theme/templates/public/stylesheets/base.less +27 -343
- data/generators/fume/simple_theme/templates/public/stylesheets/drastic-dark.less +0 -426
- data/generators/fume/simple_theme/templates/public/stylesheets/ie_patch.less +4 -0
- data/generators/fume/simple_theme/templates/public/stylesheets/layout.less +413 -0
- data/generators/fume/simple_theme/templates/public/stylesheets/simple-theme.css +429 -397
- data/generators/fume/simple_theme/templates/public/stylesheets/simple-theme.less +476 -2
- data/lib/fume/rails_ext.rb +22 -0
- data/lib/fume.rb +4 -2
- metadata +11 -5
- data/generators/fume/simple_theme/USAGE +0 -3
- data/generators/fume/simple_theme/templates/public/javascripts/jquery-1.3.2.min.js +0 -19
- data/generators/fume/simple_theme/templates/public/javascripts/jquery-ui-1.7.2.full.min.js +0 -298
data/VERSION.yml
CHANGED
data/fume.gemspec
CHANGED
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
|
|
6
6
|
Gem::Specification.new do |s|
|
|
7
7
|
s.name = %q{fume}
|
|
8
|
-
s.version = "0.
|
|
8
|
+
s.version = "0.2.0"
|
|
9
9
|
|
|
10
10
|
s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
|
|
11
11
|
s.authors = ["Sunteya"]
|
|
12
|
-
s.date = %q{2009-12-
|
|
12
|
+
s.date = %q{2009-12-18}
|
|
13
13
|
s.email = %q{Sunteya@gmail.com}
|
|
14
14
|
s.extra_rdoc_files = [
|
|
15
15
|
"README"
|
|
@@ -20,9 +20,12 @@ Gem::Specification.new do |s|
|
|
|
20
20
|
"Rakefile",
|
|
21
21
|
"VERSION.yml",
|
|
22
22
|
"fume.gemspec",
|
|
23
|
+
"generators/fume/capify/capify_gen.rb",
|
|
24
|
+
"generators/fume/capify/templates/Capfile",
|
|
25
|
+
"generators/fume/capify/templates/config/deploy.rb",
|
|
23
26
|
"generators/fume/fume_generator.rb",
|
|
24
|
-
"generators/fume/simple_theme/USAGE",
|
|
25
27
|
"generators/fume/simple_theme/simple_theme_gen.rb",
|
|
28
|
+
"generators/fume/simple_theme/templates/public/demo.html",
|
|
26
29
|
"generators/fume/simple_theme/templates/public/images/jquery-ui-1.7.2.ui-darkness/ui-bg_flat_30_cccccc_40x100.png",
|
|
27
30
|
"generators/fume/simple_theme/templates/public/images/jquery-ui-1.7.2.ui-darkness/ui-bg_flat_50_5c5c5c_40x100.png",
|
|
28
31
|
"generators/fume/simple_theme/templates/public/images/jquery-ui-1.7.2.ui-darkness/ui-bg_glass_20_555555_1x400.png",
|
|
@@ -37,8 +40,8 @@ Gem::Specification.new do |s|
|
|
|
37
40
|
"generators/fume/simple_theme/templates/public/images/jquery-ui-1.7.2.ui-darkness/ui-icons_a83300_256x240.png",
|
|
38
41
|
"generators/fume/simple_theme/templates/public/images/jquery-ui-1.7.2.ui-darkness/ui-icons_cccccc_256x240.png",
|
|
39
42
|
"generators/fume/simple_theme/templates/public/images/jquery-ui-1.7.2.ui-darkness/ui-icons_ffffff_256x240.png",
|
|
40
|
-
"generators/fume/simple_theme/templates/public/javascripts/jquery-1.3.2.
|
|
41
|
-
"generators/fume/simple_theme/templates/public/javascripts/jquery-ui-1.7.2.
|
|
43
|
+
"generators/fume/simple_theme/templates/public/javascripts/jquery-1.3.2.js",
|
|
44
|
+
"generators/fume/simple_theme/templates/public/javascripts/jquery-ui-1.7.2.js",
|
|
42
45
|
"generators/fume/simple_theme/templates/public/javascripts/jquery-ui-i18n-1.7.2.js",
|
|
43
46
|
"generators/fume/simple_theme/templates/public/stylesheets/base.less",
|
|
44
47
|
"generators/fume/simple_theme/templates/public/stylesheets/blueprint-0.9.1/ie.css",
|
|
@@ -71,12 +74,15 @@ Gem::Specification.new do |s|
|
|
|
71
74
|
"generators/fume/simple_theme/templates/public/stylesheets/blueprint-0.9.1/src/reset.css",
|
|
72
75
|
"generators/fume/simple_theme/templates/public/stylesheets/blueprint-0.9.1/src/typography.css",
|
|
73
76
|
"generators/fume/simple_theme/templates/public/stylesheets/drastic-dark.less",
|
|
77
|
+
"generators/fume/simple_theme/templates/public/stylesheets/ie_patch.less",
|
|
74
78
|
"generators/fume/simple_theme/templates/public/stylesheets/jquery-ui-1.7.2.ui-darkness.css",
|
|
79
|
+
"generators/fume/simple_theme/templates/public/stylesheets/layout.less",
|
|
75
80
|
"generators/fume/simple_theme/templates/public/stylesheets/simple-theme.css",
|
|
76
81
|
"generators/fume/simple_theme/templates/public/stylesheets/simple-theme.less",
|
|
77
82
|
"init.rb",
|
|
78
83
|
"lib/fume.rb",
|
|
79
84
|
"lib/fume/authlogic.rb",
|
|
85
|
+
"lib/fume/rails_ext.rb",
|
|
80
86
|
"lib/fume/searchlogic.rb",
|
|
81
87
|
"lib/fume/simple_theme.rb",
|
|
82
88
|
"rails/init.rb"
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
set :stages, Dir[File.join(File.dirname(__FILE__), "deploy", "*.rb")].map {|f| File.basename(f, ".rb") }
|
|
2
|
+
require 'capistrano/ext/multistage'
|
|
3
|
+
|
|
4
|
+
set :application, "application"
|
|
5
|
+
|
|
6
|
+
set :scm, :subversion
|
|
7
|
+
set :default_repo_path, "trunk"
|
|
8
|
+
set :repository_root, "http://svn_repo_path"
|
|
9
|
+
set(:tag) { Capistrano::CLI.ui.ask("Type a tag to deploy [default use /#{default_repo_path}]: ") }
|
|
10
|
+
set(:repository) { (tag == "") ? "#{repository_root}/#{default_repo_path}" : "#{repository_root}/tags/#{tag}" }
|
|
11
|
+
|
|
12
|
+
namespace :deploy do
|
|
13
|
+
desc <<-DESC
|
|
14
|
+
Deploy and run pending migrations.
|
|
15
|
+
DESC
|
|
16
|
+
task :migrations do
|
|
17
|
+
set :migrate_target, :latest
|
|
18
|
+
update_code
|
|
19
|
+
symlink
|
|
20
|
+
migrate
|
|
21
|
+
restart
|
|
22
|
+
end
|
|
23
|
+
end
|
|
24
|
+
|
|
25
|
+
after "deploy:symlink", :roles => :app do
|
|
26
|
+
run "if [ -e #{shared_path}/database.yml ]; then rm -f #{current_path}/config/database.yml; ln -s #{shared_path}/database.yml #{release_path}/config/database.yml; fi"
|
|
27
|
+
run "if [ -e #{shared_path}/application.yml ]; then rm -f #{current_path}/config/application.yml; ln -s #{shared_path}/application.yml #{release_path}/config/application.yml; fi"
|
|
28
|
+
end
|
|
29
|
+
|
|
30
|
+
desc "Update the crontab file"
|
|
31
|
+
after "deploy:symlink", :roles => :db do
|
|
32
|
+
run "if [ -e #{current_path}/config/schedule.rb ]; then cd #{current_path} && whenever --update-crontab #{application} --set environment=#{rails_env}; fi"
|
|
33
|
+
end
|
|
@@ -0,0 +1,477 @@
|
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
5
|
+
<title>Web App Theme</title>
|
|
6
|
+
<link rel="stylesheet" href="stylesheets/simple-theme.css" type="text/css" media="screen" />
|
|
7
|
+
</head>
|
|
8
|
+
<body class="sidebar">
|
|
9
|
+
<div id="container">
|
|
10
|
+
<div id="header_wrapper">
|
|
11
|
+
<div id="header">
|
|
12
|
+
<h1><a href="index.html">Web App Theme</a></h1>
|
|
13
|
+
<div id="user-navigation">
|
|
14
|
+
<ul>
|
|
15
|
+
<li><span>Sunteya</span></li>
|
|
16
|
+
<li><a href="#">Profile</a></li>
|
|
17
|
+
<li><a href="#">Settings</a></li>
|
|
18
|
+
<li><form action="#"><input type="submit" class="logout" value="Logout" /></form></li>
|
|
19
|
+
<li><a class="logout" href="#">Logout</a></li>
|
|
20
|
+
</ul>
|
|
21
|
+
<div class="clear"></div>
|
|
22
|
+
</div>
|
|
23
|
+
<div id="main-navigation">
|
|
24
|
+
<ul>
|
|
25
|
+
<li class="first"><a href="#block-text">Main Page</a></li>
|
|
26
|
+
<li class="active"><a href="#block-text">Active</a></li>
|
|
27
|
+
<li><a href="#block-login">Login</a></li>
|
|
28
|
+
<li><a href="#block-signup">Signup</a></li>
|
|
29
|
+
</ul>
|
|
30
|
+
<div class="clear"></div>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
<div id="page_wrapper">
|
|
35
|
+
<div id="page">
|
|
36
|
+
<div id="main">
|
|
37
|
+
<div class="block" id="block-text">
|
|
38
|
+
<div class="secondary-navigation">
|
|
39
|
+
<ul>
|
|
40
|
+
<li class="active first"><a href="#block-text">Text</a></li>
|
|
41
|
+
<li><a href="#block-tables">Tables</a></li>
|
|
42
|
+
<li><a href="#block-forms">Forms</a></li>
|
|
43
|
+
<li><a href="#block-messages">Messages</a></li>
|
|
44
|
+
<li><a href="#block-forms-2">2 Columns Forms</a></li>
|
|
45
|
+
<li><a href="#block-lists">Lists</a></li>
|
|
46
|
+
</ul>
|
|
47
|
+
<div class="clear"></div>
|
|
48
|
+
</div>
|
|
49
|
+
<div class="content">
|
|
50
|
+
<h2 class="title">Text</h2>
|
|
51
|
+
<div class="inner">
|
|
52
|
+
<p class="first">
|
|
53
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="hightlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
54
|
+
</p>
|
|
55
|
+
<p> <span class="small">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</span></p>
|
|
56
|
+
<p> <span class="gray">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</span></p>
|
|
57
|
+
<hr />
|
|
58
|
+
<p>
|
|
59
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span class="hightlight">Excepteur sint occaecat cupidatat non proident</span>, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
60
|
+
</p>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
|
|
65
|
+
<div class="block" id="block-tables">
|
|
66
|
+
<div class="secondary-navigation">
|
|
67
|
+
<ul>
|
|
68
|
+
<li class="first"><a href="#block-text">Text</a></li>
|
|
69
|
+
<li class="active"><a href="#block-tables">Tables</a></li>
|
|
70
|
+
<li><a href="#block-forms">Forms</a></li>
|
|
71
|
+
<li><a href="#block-messages">Messages</a></li>
|
|
72
|
+
<li><a href="#block-forms-2">2 Columns Forms</a></li>
|
|
73
|
+
<li><a href="#block-lists">Lists</a></li>
|
|
74
|
+
</ul>
|
|
75
|
+
<div class="clear"></div>
|
|
76
|
+
</div>
|
|
77
|
+
<div class="content">
|
|
78
|
+
<h2 class="title">Tables</h2>
|
|
79
|
+
<div class="inner">
|
|
80
|
+
<form action="#" class="form">
|
|
81
|
+
<table class="table">
|
|
82
|
+
<tr>
|
|
83
|
+
<th class="first"><input type="checkbox" class="checkbox toggle" /></th>
|
|
84
|
+
<th>ID</th>
|
|
85
|
+
<th>Login</th>
|
|
86
|
+
<th>Name</th>
|
|
87
|
+
<th>Surname</th>
|
|
88
|
+
<th class="last"> </th>
|
|
89
|
+
</tr>
|
|
90
|
+
<tr class="odd">
|
|
91
|
+
<td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>1</td><td>hulk</td><td>Hulk</td><td>Hogan</td><td class="last"><a href="#">show</a> | <a href="#">edit</a> | <a href="#">destroy</a></td>
|
|
92
|
+
</tr>
|
|
93
|
+
<tr class="even">
|
|
94
|
+
<td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>2</td><td>ultimate</td><td>Ultimate</td><td>Warrior</td><td class="last"><a href="#">show</a> | <a href="#">edit</a> | <a href="#">destroy</a></td>
|
|
95
|
+
</tr>
|
|
96
|
+
<tr class="odd">
|
|
97
|
+
<td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>3</td><td>andre</td><td>Andre</td><td>The Giant</td><td class="last"><a href="#">show</a> | <a href="#">edit</a> | <a href="#">destroy</a></td>
|
|
98
|
+
</tr>
|
|
99
|
+
<tr class="even">
|
|
100
|
+
<td><input type="checkbox" class="checkbox" name="id" value="1" /></td><td>4</td><td>中文内容</td><td>Macho Man</td><td>Randy Savage</td><td class="last"><a href="#">show</a> | <a href="#">edit</a> | <a href="#">destroy</a></td>
|
|
101
|
+
</tr>
|
|
102
|
+
</table>
|
|
103
|
+
<div class="actions-bar">
|
|
104
|
+
<div class="actions">
|
|
105
|
+
<input type="submit" class="button" value="Delete" />
|
|
106
|
+
</div>
|
|
107
|
+
<div class="pagination">
|
|
108
|
+
<span class="disabled prev_page">« Previous</span><span class="current">1</span><a rel="next" href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a><a href="#">8</a><a href="#">9</a><a href="#">10</a><a href="#">11</a><a rel="next" class="next_page" href="#">Next »</a>
|
|
109
|
+
</div>
|
|
110
|
+
<div class="clear"></div>
|
|
111
|
+
</div>
|
|
112
|
+
</form>
|
|
113
|
+
</div>
|
|
114
|
+
</div>
|
|
115
|
+
</div>
|
|
116
|
+
|
|
117
|
+
<div class="block" id="block-forms">
|
|
118
|
+
<div class="secondary-navigation">
|
|
119
|
+
<ul>
|
|
120
|
+
<li class="first"><a href="#block-text">Text</a></li>
|
|
121
|
+
<li><a href="#block-tables">Tables</a></li>
|
|
122
|
+
<li class="active"><a href="#block-forms">Forms</a></li>
|
|
123
|
+
<li><a href="#block-messages">Messages</a></li>
|
|
124
|
+
<li><a href="#block-forms-2">2 Columns Forms</a></li>
|
|
125
|
+
<li><a href="#block-lists">Lists</a></li>
|
|
126
|
+
</ul>
|
|
127
|
+
<div class="clear"></div>
|
|
128
|
+
</div>
|
|
129
|
+
<div class="content">
|
|
130
|
+
<h2 class="title">Forms</h2>
|
|
131
|
+
<div class="inner">
|
|
132
|
+
<form action="#" method="get" class="form">
|
|
133
|
+
<div class="group">
|
|
134
|
+
<label class="label">Text field</label>
|
|
135
|
+
<input type="text" class="text_field" />
|
|
136
|
+
<span class="description">Ex: a simple text</span>
|
|
137
|
+
</div>
|
|
138
|
+
<div class="group">
|
|
139
|
+
<div class="fieldWithErrors">
|
|
140
|
+
<label class="label" for="post_title">Title</label>
|
|
141
|
+
<span class="error">can't be blank</span>
|
|
142
|
+
</div>
|
|
143
|
+
<input type="text" class="text_field" />
|
|
144
|
+
<span class="description">Ex: a simple text</span>
|
|
145
|
+
</div>
|
|
146
|
+
<div class="group">
|
|
147
|
+
<label class="label">Text area</label>
|
|
148
|
+
<textarea class="text_area" rows="10" cols="80"></textarea>
|
|
149
|
+
<span class="description">Write here a long text</span>
|
|
150
|
+
</div>
|
|
151
|
+
<div class="group navform">
|
|
152
|
+
<input type="submit" class="button" value="Save →" /> or <a href="#header">Cancel</a>
|
|
153
|
+
</div>
|
|
154
|
+
</form>
|
|
155
|
+
</div>
|
|
156
|
+
</div>
|
|
157
|
+
</div>
|
|
158
|
+
|
|
159
|
+
<div class="block" id="block-messages">
|
|
160
|
+
<div class="secondary-navigation">
|
|
161
|
+
<ul>
|
|
162
|
+
<li class="first"><a href="#block-text">Text</a></li>
|
|
163
|
+
<li><a href="#block-tables">Tables</a></li>
|
|
164
|
+
<li><a href="#block-forms">Forms</a></li>
|
|
165
|
+
<li class="active"><a href="#block-messages">Messages</a></li>
|
|
166
|
+
<li><a href="#block-forms-2">2 Columns Forms</a></li>
|
|
167
|
+
<li><a href="#block-lists">Lists</a></li>
|
|
168
|
+
</ul>
|
|
169
|
+
<div class="clear"></div>
|
|
170
|
+
</div>
|
|
171
|
+
<div class="content">
|
|
172
|
+
<h2 class="title">Messages</h2>
|
|
173
|
+
<div class="inner">
|
|
174
|
+
<div class="flash">
|
|
175
|
+
<div class="message error">
|
|
176
|
+
<p>Error message</p>
|
|
177
|
+
</div>
|
|
178
|
+
<div class="message warning">
|
|
179
|
+
<p>Warning message</p>
|
|
180
|
+
</div>
|
|
181
|
+
<div class="message notice">
|
|
182
|
+
<p>Notice message</p>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
</div>
|
|
187
|
+
</div>
|
|
188
|
+
|
|
189
|
+
<div class="block" id="block-forms-2">
|
|
190
|
+
<div class="secondary-navigation">
|
|
191
|
+
<ul>
|
|
192
|
+
<li class="first"><a href="#block-text">Text</a></li>
|
|
193
|
+
<li><a href="#block-tables">Tables</a></li>
|
|
194
|
+
<li><a href="#block-forms">Forms</a></li>
|
|
195
|
+
<li><a href="#block-messages">Messages</a></li>
|
|
196
|
+
<li class="active"><a href="#block-forms-2">2 Columns Forms</a></li>
|
|
197
|
+
<li><a href="#block-lists">Lists</a></li>
|
|
198
|
+
</ul>
|
|
199
|
+
<div class="clear"></div>
|
|
200
|
+
</div>
|
|
201
|
+
<div class="content">
|
|
202
|
+
<h2 class="title">2 columns forms</h2>
|
|
203
|
+
<div class="inner">
|
|
204
|
+
<form action="#" method="get" class="form">
|
|
205
|
+
<div class="columns">
|
|
206
|
+
<div class="column left">
|
|
207
|
+
<div class="group">
|
|
208
|
+
<label class="label">Text field</label>
|
|
209
|
+
<input type="text" class="text_field" />
|
|
210
|
+
</div>
|
|
211
|
+
<div class="group">
|
|
212
|
+
<label class="label">Text area</label>
|
|
213
|
+
<textarea class="text_area" rows="10" cols="80"></textarea>
|
|
214
|
+
</div>
|
|
215
|
+
</div>
|
|
216
|
+
<div class="column right">
|
|
217
|
+
<div class="group">
|
|
218
|
+
<label class="label">Select</label>
|
|
219
|
+
<select><option value="1">Choose...</option></select>
|
|
220
|
+
</div>
|
|
221
|
+
<div class="group">
|
|
222
|
+
<label class="label">Check box</label>
|
|
223
|
+
<div>
|
|
224
|
+
<input type="checkbox" name="checkbox" id="checkbox_1" class="checkbox" value="1" /> <label for="checkbox_1" class="checkbox">Option 1</label>
|
|
225
|
+
</div>
|
|
226
|
+
<div>
|
|
227
|
+
<input type="checkbox" name="checkbox" id="checkbox_2" class="checkbox" value="2" /> <label for="checkbox_2" class="checkbox">Option 2</label>
|
|
228
|
+
</div>
|
|
229
|
+
</div>
|
|
230
|
+
<div class="group">
|
|
231
|
+
<label class="label">Radio</label>
|
|
232
|
+
<div>
|
|
233
|
+
<input type="radio" name="radio" id="radio_1" class="checkbox" value="1" /> <label for="radio_1" class="radio">Option 1</label>
|
|
234
|
+
</div>
|
|
235
|
+
<div>
|
|
236
|
+
<input type="radio" name="radio" id="radio_2" class="checkbox" value="2" /> <label for="radio_2" class="radio">Option 2</label>
|
|
237
|
+
</div>
|
|
238
|
+
</div>
|
|
239
|
+
</div>
|
|
240
|
+
</div>
|
|
241
|
+
<div class="clear"></div>
|
|
242
|
+
<div class="group navform">
|
|
243
|
+
<input type="submit" class="button" value="Save →" /> or <a href="#">Cancel</a>
|
|
244
|
+
</div>
|
|
245
|
+
</form>
|
|
246
|
+
</div>
|
|
247
|
+
</div>
|
|
248
|
+
</div>
|
|
249
|
+
|
|
250
|
+
<div class="block" id="block-formtastic">
|
|
251
|
+
<div class="secondary-navigation">
|
|
252
|
+
<ul>
|
|
253
|
+
<li class="first"><a href="#block-text">Text</a></li>
|
|
254
|
+
<li><a href="#block-tables">Tables</a></li>
|
|
255
|
+
<li><a href="#block-forms">Forms</a></li>
|
|
256
|
+
<li><a href="#block-messages">Messages</a></li>
|
|
257
|
+
<li><a href="#block-forms-2">2 Columns Forms</a></li>
|
|
258
|
+
<li class="active"><a href="#block-formtastic">Formtastic Forms</a></li>
|
|
259
|
+
<li><a href="#block-lists">Lists</a></li>
|
|
260
|
+
</ul>
|
|
261
|
+
<div class="clear"></div>
|
|
262
|
+
</div>
|
|
263
|
+
<div class="content">
|
|
264
|
+
<h2 class="title">Formtastic</h2>
|
|
265
|
+
<div class="inner">
|
|
266
|
+
<form action="/admin/vod_programs" class="formtastic vod_program" id="new_vod_program" method="post">
|
|
267
|
+
<fieldset class="inputs"><legend><span>影片信息</span></legend><ol>
|
|
268
|
+
|
|
269
|
+
<li class="string required error" id="vod_program_title_input"><label for="vod_program_title">节目名称<abbr title="required">*</abbr></label><input id="vod_program_title" maxlength="100" name="vod_program[title]" size="50" type="text" /><p class="inline-errors">不能为空字符</p></li>
|
|
270
|
+
<li class="string optional" id="vod_program_player_input"><label for="vod_program_player">主演</label><input id="vod_program_player" maxlength="200" name="vod_program[player]" size="50" type="text" /><p class="inline-hints">刘嘉玲, 张曼玉</p></li>
|
|
271
|
+
<li class="string optional" id="vod_program_director_input"><label for="vod_program_director">导演</label><input id="vod_program_director" maxlength="200" name="vod_program[director]" size="50" type="text" /></li>
|
|
272
|
+
<li class="string optional" id="vod_program_company_input"><label for="vod_program_company">出品公司</label><input id="vod_program_company" maxlength="200" name="vod_program[company]" size="50" type="text" /></li>
|
|
273
|
+
<li class="string optional" id="vod_program_country_input"><label for="vod_program_country">出品国家</label><input id="vod_program_country" maxlength="100" name="vod_program[country]" size="50" type="text" /></li>
|
|
274
|
+
<li class="text optional" id="vod_program_summary_input"><label for="vod_program_summary">节目概要</label><textarea cols="40" id="vod_program_summary" name="vod_program[summary]" rows="20"></textarea><p class="inline-hints">在浩瀚的海洋世界，各种鲨鱼和鱼类有自己的喜怒哀乐，演绎着令人思索的故事。</p></li>
|
|
275
|
+
|
|
276
|
+
</ol></fieldset>
|
|
277
|
+
<fieldset class="inputs"><legend><span>系统信息</span></legend><ol>
|
|
278
|
+
<li class="string optional" id="vod_program_keyword_input"><label for="vod_program_keyword">关键字</label><input id="vod_program_keyword" maxlength="20" name="vod_program[keyword]" size="20" type="text" /></li>
|
|
279
|
+
<li class="string optional" id="vod_program_service_id_input"><label for="vod_program_service_id">服务编号</label><input id="vod_program_service_id" maxlength="6" name="vod_program[service_id]" size="6" type="text" /></li>
|
|
280
|
+
<li class="check_boxes optional" id="vod_program_vod_directories_input"><fieldset><legend class="label"><label for="vod_program_vod_directory_ids_1">分类</label></legend><ol><li><label for="vod_program_vod_directory_ids_2"><input name="vod_program[vod_directory_ids][]" type="hidden" value="" /><input id="vod_program_vod_directory_ids_2" name="vod_program[vod_directory_ids][]" type="checkbox" value="2" /> 院线大片</label></li><li><label for="vod_program_vod_directory_ids_3"><input name="vod_program[vod_directory_ids][]" type="hidden" value="" /><input id="vod_program_vod_directory_ids_3" name="vod_program[vod_directory_ids][]" type="checkbox" value="3" /> 院线大片</label></li><li><label for="vod_program_vod_directory_ids_4"><input name="vod_program[vod_directory_ids][]" type="hidden" value="" /><input id="vod_program_vod_directory_ids_4" name="vod_program[vod_directory_ids][]" type="checkbox" value="4" /> 专辑</label></li><li><label for="vod_program_vod_directory_ids_5"><input name="vod_program[vod_directory_ids][]" type="hidden" value="" /><input id="vod_program_vod_directory_ids_5" name="vod_program[vod_directory_ids][]" type="checkbox" value="5" /> 专辑</label></li><li><label for="vod_program_vod_directory_ids_33"><input name="vod_program[vod_directory_ids][]" type="hidden" value="" /><input id="vod_program_vod_directory_ids_33" name="vod_program[vod_directory_ids][]" type="checkbox" value="33" /> 意甲</label></li></ol></fieldset></li>
|
|
281
|
+
|
|
282
|
+
</ol></fieldset>
|
|
283
|
+
|
|
284
|
+
<fieldset class="buttons"><ol>
|
|
285
|
+
<li class="commit"><input class="create" id="vod_program_submit" name="commit" type="submit" value="提交 →" /></li>
|
|
286
|
+
<li><span>or</span></li>
|
|
287
|
+
<li class="cancel"><a href="/">取消</a></li>
|
|
288
|
+
</ol></fieldset>
|
|
289
|
+
</form>
|
|
290
|
+
|
|
291
|
+
</div>
|
|
292
|
+
</div>
|
|
293
|
+
</div>
|
|
294
|
+
|
|
295
|
+
|
|
296
|
+
<div class="block" id="block-lists">
|
|
297
|
+
<div class="secondary-navigation">
|
|
298
|
+
<ul>
|
|
299
|
+
<li class="first"><a href="#block-text">Text</a></li>
|
|
300
|
+
<li><a href="#block-tables">Tables</a></li>
|
|
301
|
+
<li><a href="#block-forms">Forms</a></li>
|
|
302
|
+
<li><a href="#block-messages">Messages</a></li>
|
|
303
|
+
<li><a href="#block-forms-2">2 Columns Forms</a></li>
|
|
304
|
+
<li class="active"><a href="#block-lists">Lists</a></li>
|
|
305
|
+
</ul>
|
|
306
|
+
<div class="clear"></div>
|
|
307
|
+
</div>
|
|
308
|
+
<div class="content">
|
|
309
|
+
<h2 class="title">Lists</h2>
|
|
310
|
+
<div class="inner">
|
|
311
|
+
<ul class="list">
|
|
312
|
+
<li>
|
|
313
|
+
<div class="left">
|
|
314
|
+
<a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
|
|
315
|
+
</div>
|
|
316
|
+
<div class="item">
|
|
317
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
318
|
+
</div>
|
|
319
|
+
</li>
|
|
320
|
+
<li>
|
|
321
|
+
<div class="left">
|
|
322
|
+
<a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
|
|
323
|
+
</div>
|
|
324
|
+
<div class="item">
|
|
325
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
326
|
+
</div>
|
|
327
|
+
</li>
|
|
328
|
+
<li>
|
|
329
|
+
<div class="left">
|
|
330
|
+
<a href="#"><img class="avatar" src="images/avatar.png" alt="avatar" /></a>
|
|
331
|
+
</div>
|
|
332
|
+
<div class="item">
|
|
333
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
334
|
+
</div>
|
|
335
|
+
</li>
|
|
336
|
+
</ul>
|
|
337
|
+
</div>
|
|
338
|
+
</div>
|
|
339
|
+
</div>
|
|
340
|
+
<div id="footer">
|
|
341
|
+
<div class="block">
|
|
342
|
+
<p>Copyright © 2009 Your Site.</p>
|
|
343
|
+
</div>
|
|
344
|
+
</div>
|
|
345
|
+
</div>
|
|
346
|
+
<div id="sidebar">
|
|
347
|
+
<div class="block">
|
|
348
|
+
<h3>Simple Block</h3>
|
|
349
|
+
<div class="content">
|
|
350
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
351
|
+
</div>
|
|
352
|
+
</div>
|
|
353
|
+
<div class="block">
|
|
354
|
+
<h3>Switch Theme</h3>
|
|
355
|
+
<ul class="navigation">
|
|
356
|
+
<li><a href="#" onclick="Theme.activate('default'); return false;">Default</a></li><li class="last"><a href="#" onclick="Theme.activate('bec'); return false;">Bec</a></li><li class="last"><a href="#" onclick="Theme.activate('bec-green'); return false;">Bec-Green</a></li><li><a href="#" onclick="Theme.activate('blue'); return false;">Blue</a></li><li><a href="#" onclick="Theme.activate('djime-cerulean'); return false;">Djime-Cerulean</a></li><li><a href="#" onclick="Theme.activate('reidb-greenish'); return false;">Greenish</a></li><li><a href="#" onclick="Theme.activate('kathleene'); return false;">Kathleene</a></li><li><a href="#" onclick="Theme.activate('orange'); return false;">Orange</a></li><li><a href="#" onclick="Theme.activate('drastic-dark'); return false;">Drastic Dark</a></li><li><a href="#" onclick="Theme.activate('warehouse'); return false;">Warehouse</a></li>
|
|
357
|
+
</ul>
|
|
358
|
+
</div>
|
|
359
|
+
<div class="block">
|
|
360
|
+
<h3>Sidebar</h3>
|
|
361
|
+
<ul class="navigation">
|
|
362
|
+
<li><a href="#block-text">Text</a></li>
|
|
363
|
+
<li><a href="#block-tables">Tables</a></li>
|
|
364
|
+
<li><a href="#block-forms">Forms</a></li>
|
|
365
|
+
<li><a href="#block-messages">Messages</a></li>
|
|
366
|
+
<li><a href="#block-forms-2">2 Columns Forms</a></li>
|
|
367
|
+
<li><a href="#block-lists">Lists</a></li>
|
|
368
|
+
</ul>
|
|
369
|
+
</div>
|
|
370
|
+
<div class="block notice">
|
|
371
|
+
<h4>Notice Title</h4>
|
|
372
|
+
<p>Morbi posuere urna vitae nunc. Curabitur ultrices, lorem ac aliquam blandit, lectus eros hendrerit eros, at eleifend libero ipsum hendrerit urna. Suspendisse viverra. Morbi ut magna. Praesent id ipsum. Sed feugiat ipsum ut felis. Fusce vitae nibh sed risus commodo pulvinar. Duis ut dolor. Cras ac erat pulvinar tortor porta sodales. Aenean tempor venenatis dolor.</p>
|
|
373
|
+
</div>
|
|
374
|
+
<div class="block">
|
|
375
|
+
<div class="sidebar-block">
|
|
376
|
+
<h4>Sidebar Inner block Title</h4>
|
|
377
|
+
<p>Morbi posuere urna vitae nunc. Curabitur ultrices, lorem ac <a href="#">aliquam blandit</a>, lectus eros hendrerit eros, at eleifend libero ipsum hendrerit urna. Suspendisse viverra. Morbi ut magna. Praesent id ipsum. Sed feugiat ipsum ut felis. Fusce vitae nibh sed risus commodo pulvinar. Duis ut dolor. Cras ac erat pulvinar tortor porta sodales. Aenean tempor venenatis dolor.</p>
|
|
378
|
+
</div>
|
|
379
|
+
</div>
|
|
380
|
+
</div>
|
|
381
|
+
<div class="clear"></div>
|
|
382
|
+
</div>
|
|
383
|
+
</div>
|
|
384
|
+
<div id="box">
|
|
385
|
+
<h1>Web App Theme</h1>
|
|
386
|
+
<div class="block" id="block-login">
|
|
387
|
+
<h2>Login Box</h2>
|
|
388
|
+
<div class="content login">
|
|
389
|
+
<div class="flash">
|
|
390
|
+
<div class="message notice">
|
|
391
|
+
<p>Logged in successfully</p>
|
|
392
|
+
</div>
|
|
393
|
+
</div>
|
|
394
|
+
<form action="#" class="form login">
|
|
395
|
+
<div class="group">
|
|
396
|
+
<div class="left">
|
|
397
|
+
<label class="label right">Login</label>
|
|
398
|
+
</div>
|
|
399
|
+
<div class="right">
|
|
400
|
+
<input type="text" class="text_field" />
|
|
401
|
+
</div>
|
|
402
|
+
<div class="clear"></div>
|
|
403
|
+
</div>
|
|
404
|
+
<div class="group">
|
|
405
|
+
<div class="left">
|
|
406
|
+
<label class="label right">Password</label>
|
|
407
|
+
</div>
|
|
408
|
+
<div class="right">
|
|
409
|
+
<input type="password" class="text_field" />
|
|
410
|
+
</div>
|
|
411
|
+
<div class="clear"></div>
|
|
412
|
+
</div>
|
|
413
|
+
<div class="group navform">
|
|
414
|
+
<div class="right">
|
|
415
|
+
<input type="submit" class="button" value="Login" />
|
|
416
|
+
</div>
|
|
417
|
+
<div class="clear"></div>
|
|
418
|
+
</div>
|
|
419
|
+
</form>
|
|
420
|
+
</div>
|
|
421
|
+
</div>
|
|
422
|
+
|
|
423
|
+
<div class="block" id="block-signup">
|
|
424
|
+
<h2>Sign up</h2>
|
|
425
|
+
<div class="content">
|
|
426
|
+
<form action="#" class="form">
|
|
427
|
+
<div class="group">
|
|
428
|
+
<div class="left">
|
|
429
|
+
<label class="label">Login</label>
|
|
430
|
+
</div>
|
|
431
|
+
<div class="right">
|
|
432
|
+
<input type="text" class="text_field" />
|
|
433
|
+
<span class="description">Ex: web-app-theme</span>
|
|
434
|
+
</div>
|
|
435
|
+
<div class="clear"></div>
|
|
436
|
+
</div>
|
|
437
|
+
<div class="group">
|
|
438
|
+
<div class="left">
|
|
439
|
+
<label class="label">Email</label>
|
|
440
|
+
</div>
|
|
441
|
+
<div class="right">
|
|
442
|
+
<input type="text" class="text_field" />
|
|
443
|
+
<span class="description">Ex: test@example.com</span>
|
|
444
|
+
</div>
|
|
445
|
+
<div class="clear"></div>
|
|
446
|
+
</div>
|
|
447
|
+
<div class="group">
|
|
448
|
+
<div class="left">
|
|
449
|
+
<label class="label">Password</label>
|
|
450
|
+
</div>
|
|
451
|
+
<div class="right">
|
|
452
|
+
<input type="password" class="text_field" />
|
|
453
|
+
<span class="description">Must contains the word 'yeah'</span>
|
|
454
|
+
</div>
|
|
455
|
+
<div class="clear"></div>
|
|
456
|
+
</div>
|
|
457
|
+
|
|
458
|
+
<div class="group">
|
|
459
|
+
<label class="label">Text field</label>
|
|
460
|
+
<input type="text" class="text_field" />
|
|
461
|
+
<span class="description">Ex: a simple text</span>
|
|
462
|
+
</div>
|
|
463
|
+
<div class="group">
|
|
464
|
+
<label class="label">Text field</label>
|
|
465
|
+
<input type="text" class="text_field" />
|
|
466
|
+
<span class="description">Ex: a simple text</span>
|
|
467
|
+
</div>
|
|
468
|
+
<div class="group navform">
|
|
469
|
+
<input type="submit" class="button" value="Sign up" />
|
|
470
|
+
</div>
|
|
471
|
+
</form>
|
|
472
|
+
</div>
|
|
473
|
+
</div>
|
|
474
|
+
</div>
|
|
475
|
+
</div>
|
|
476
|
+
</body>
|
|
477
|
+
</html>
|