thin 0.5.0 → 0.5.2

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of thin might be problematic. Click here for more details.

Files changed (67) hide show
  1. data/COPYING +1 -1
  2. data/README +3 -7
  3. data/Rakefile +6 -163
  4. data/bin/thin +87 -48
  5. data/example/thin.god +72 -0
  6. data/ext/thin_parser/thin.c +7 -7
  7. data/lib/rack/adapter/rails.rb +38 -22
  8. data/lib/thin.rb +2 -1
  9. data/lib/thin/cluster.rb +106 -0
  10. data/lib/thin/connection.rb +3 -4
  11. data/lib/thin/daemonizing.rb +4 -24
  12. data/lib/thin/request.rb +6 -5
  13. data/lib/thin/response.rb +1 -3
  14. data/lib/thin/server.rb +9 -6
  15. data/lib/thin/version.rb +6 -4
  16. data/lib/thin_parser.bundle +0 -0
  17. data/spec/cluster_spec.rb +58 -0
  18. data/spec/daemonizing_spec.rb +1 -2
  19. data/spec/rack_rails_spec.rb +73 -0
  20. data/spec/rails_app/app/controllers/application.rb +10 -0
  21. data/spec/rails_app/app/controllers/simple_controller.rb +19 -0
  22. data/spec/rails_app/app/helpers/application_helper.rb +3 -0
  23. data/spec/rails_app/app/views/simple/index.html.erb +15 -0
  24. data/spec/rails_app/config/boot.rb +109 -0
  25. data/spec/rails_app/config/environment.rb +64 -0
  26. data/spec/rails_app/config/environments/development.rb +18 -0
  27. data/spec/rails_app/config/environments/production.rb +19 -0
  28. data/spec/rails_app/config/environments/test.rb +22 -0
  29. data/spec/rails_app/config/initializers/inflections.rb +10 -0
  30. data/spec/rails_app/config/initializers/mime_types.rb +5 -0
  31. data/spec/rails_app/config/routes.rb +35 -0
  32. data/spec/rails_app/public/404.html +30 -0
  33. data/spec/rails_app/public/422.html +30 -0
  34. data/spec/rails_app/public/500.html +30 -0
  35. data/spec/rails_app/public/dispatch.cgi +10 -0
  36. data/spec/rails_app/public/dispatch.fcgi +24 -0
  37. data/spec/rails_app/public/dispatch.rb +10 -0
  38. data/spec/rails_app/public/favicon.ico +0 -0
  39. data/spec/rails_app/public/images/rails.png +0 -0
  40. data/spec/rails_app/public/index.html +277 -0
  41. data/spec/rails_app/public/javascripts/application.js +2 -0
  42. data/spec/rails_app/public/javascripts/controls.js +963 -0
  43. data/spec/rails_app/public/javascripts/dragdrop.js +972 -0
  44. data/spec/rails_app/public/javascripts/effects.js +1120 -0
  45. data/spec/rails_app/public/javascripts/prototype.js +4225 -0
  46. data/spec/rails_app/public/robots.txt +5 -0
  47. data/spec/rails_app/script/about +3 -0
  48. data/spec/rails_app/script/console +3 -0
  49. data/spec/rails_app/script/destroy +3 -0
  50. data/spec/rails_app/script/generate +3 -0
  51. data/spec/rails_app/script/performance/benchmarker +3 -0
  52. data/spec/rails_app/script/performance/profiler +3 -0
  53. data/spec/rails_app/script/performance/request +3 -0
  54. data/spec/rails_app/script/plugin +3 -0
  55. data/spec/rails_app/script/process/inspector +3 -0
  56. data/spec/rails_app/script/process/reaper +3 -0
  57. data/spec/rails_app/script/process/spawner +3 -0
  58. data/spec/rails_app/script/runner +3 -0
  59. data/spec/rails_app/script/server +3 -0
  60. data/spec/response_spec.rb +16 -0
  61. data/spec/spec_helper.rb +1 -0
  62. metadata +71 -11
  63. data/doc/rdoc/created.rid +0 -1
  64. data/doc/rdoc/files/README.html +0 -197
  65. data/doc/rdoc/index.html +0 -10
  66. data/doc/rdoc/logo.gif +0 -0
  67. data/doc/rdoc/rdoc-style.css +0 -91
@@ -0,0 +1,30 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
+
4
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
5
+
6
+ <head>
7
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
8
+ <title>The change you wanted was rejected (422)</title>
9
+ <style type="text/css">
10
+ body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
11
+ div.dialog {
12
+ width: 25em;
13
+ padding: 0 4em;
14
+ margin: 4em auto 0 auto;
15
+ border: 1px solid #ccc;
16
+ border-right-color: #999;
17
+ border-bottom-color: #999;
18
+ }
19
+ h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
20
+ </style>
21
+ </head>
22
+
23
+ <body>
24
+ <!-- This file lives in public/422.html -->
25
+ <div class="dialog">
26
+ <h1>The change you wanted was rejected.</h1>
27
+ <p>Maybe you tried to change something you didn't have access to.</p>
28
+ </div>
29
+ </body>
30
+ </html>
@@ -0,0 +1,30 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
+
4
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
5
+
6
+ <head>
7
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
8
+ <title>We're sorry, but something went wrong (500)</title>
9
+ <style type="text/css">
10
+ body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
11
+ div.dialog {
12
+ width: 25em;
13
+ padding: 0 4em;
14
+ margin: 4em auto 0 auto;
15
+ border: 1px solid #ccc;
16
+ border-right-color: #999;
17
+ border-bottom-color: #999;
18
+ }
19
+ h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
20
+ </style>
21
+ </head>
22
+
23
+ <body>
24
+ <!-- This file lives in public/500.html -->
25
+ <div class="dialog">
26
+ <h1>We're sorry, but something went wrong.</h1>
27
+ <p>We've been notified about this issue and we'll take a look at it shortly.</p>
28
+ </div>
29
+ </body>
30
+ </html>
@@ -0,0 +1,10 @@
1
+ #!/usr/local/bin/ruby
2
+
3
+ require File.dirname(__FILE__) + "/../config/environment" unless defined?(RAILS_ROOT)
4
+
5
+ # If you're using RubyGems and mod_ruby, this require should be changed to an absolute path one, like:
6
+ # "/usr/local/lib/ruby/gems/1.8/gems/rails-0.8.0/lib/dispatcher" -- otherwise performance is severely impaired
7
+ require "dispatcher"
8
+
9
+ ADDITIONAL_LOAD_PATHS.reverse.each { |dir| $:.unshift(dir) if File.directory?(dir) } if defined?(Apache::RubyRun)
10
+ Dispatcher.dispatch
@@ -0,0 +1,24 @@
1
+ #!/usr/local/bin/ruby
2
+ #
3
+ # You may specify the path to the FastCGI crash log (a log of unhandled
4
+ # exceptions which forced the FastCGI instance to exit, great for debugging)
5
+ # and the number of requests to process before running garbage collection.
6
+ #
7
+ # By default, the FastCGI crash log is RAILS_ROOT/log/fastcgi.crash.log
8
+ # and the GC period is nil (turned off). A reasonable number of requests
9
+ # could range from 10-100 depending on the memory footprint of your app.
10
+ #
11
+ # Example:
12
+ # # Default log path, normal GC behavior.
13
+ # RailsFCGIHandler.process!
14
+ #
15
+ # # Default log path, 50 requests between GC.
16
+ # RailsFCGIHandler.process! nil, 50
17
+ #
18
+ # # Custom log path, normal GC behavior.
19
+ # RailsFCGIHandler.process! '/var/log/myapp_fcgi_crash.log'
20
+ #
21
+ require File.dirname(__FILE__) + "/../config/environment"
22
+ require 'fcgi_handler'
23
+
24
+ RailsFCGIHandler.process!
@@ -0,0 +1,10 @@
1
+ #!/usr/local/bin/ruby
2
+
3
+ require File.dirname(__FILE__) + "/../config/environment" unless defined?(RAILS_ROOT)
4
+
5
+ # If you're using RubyGems and mod_ruby, this require should be changed to an absolute path one, like:
6
+ # "/usr/local/lib/ruby/gems/1.8/gems/rails-0.8.0/lib/dispatcher" -- otherwise performance is severely impaired
7
+ require "dispatcher"
8
+
9
+ ADDITIONAL_LOAD_PATHS.reverse.each { |dir| $:.unshift(dir) if File.directory?(dir) } if defined?(Apache::RubyRun)
10
+ Dispatcher.dispatch
File without changes
@@ -0,0 +1,277 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
+ <html>
4
+ <head>
5
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
6
+ <title>Ruby on Rails: Welcome aboard</title>
7
+ <style type="text/css" media="screen">
8
+ body {
9
+ margin: 0;
10
+ margin-bottom: 25px;
11
+ padding: 0;
12
+ background-color: #f0f0f0;
13
+ font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
14
+ font-size: 13px;
15
+ color: #333;
16
+ }
17
+
18
+ h1 {
19
+ font-size: 28px;
20
+ color: #000;
21
+ }
22
+
23
+ a {color: #03c}
24
+ a:hover {
25
+ background-color: #03c;
26
+ color: white;
27
+ text-decoration: none;
28
+ }
29
+
30
+
31
+ #page {
32
+ background-color: #f0f0f0;
33
+ width: 750px;
34
+ margin: 0;
35
+ margin-left: auto;
36
+ margin-right: auto;
37
+ }
38
+
39
+ #content {
40
+ float: left;
41
+ background-color: white;
42
+ border: 3px solid #aaa;
43
+ border-top: none;
44
+ padding: 25px;
45
+ width: 500px;
46
+ }
47
+
48
+ #sidebar {
49
+ float: right;
50
+ width: 175px;
51
+ }
52
+
53
+ #footer {
54
+ clear: both;
55
+ }
56
+
57
+
58
+ #header, #about, #getting-started {
59
+ padding-left: 75px;
60
+ padding-right: 30px;
61
+ }
62
+
63
+
64
+ #header {
65
+ background-image: url("images/rails.png");
66
+ background-repeat: no-repeat;
67
+ background-position: top left;
68
+ height: 64px;
69
+ }
70
+ #header h1, #header h2 {margin: 0}
71
+ #header h2 {
72
+ color: #888;
73
+ font-weight: normal;
74
+ font-size: 16px;
75
+ }
76
+
77
+
78
+ #about h3 {
79
+ margin: 0;
80
+ margin-bottom: 10px;
81
+ font-size: 14px;
82
+ }
83
+
84
+ #about-content {
85
+ background-color: #ffd;
86
+ border: 1px solid #fc0;
87
+ margin-left: -11px;
88
+ }
89
+ #about-content table {
90
+ margin-top: 10px;
91
+ margin-bottom: 10px;
92
+ font-size: 11px;
93
+ border-collapse: collapse;
94
+ }
95
+ #about-content td {
96
+ padding: 10px;
97
+ padding-top: 3px;
98
+ padding-bottom: 3px;
99
+ }
100
+ #about-content td.name {color: #555}
101
+ #about-content td.value {color: #000}
102
+
103
+ #about-content.failure {
104
+ background-color: #fcc;
105
+ border: 1px solid #f00;
106
+ }
107
+ #about-content.failure p {
108
+ margin: 0;
109
+ padding: 10px;
110
+ }
111
+
112
+
113
+ #getting-started {
114
+ border-top: 1px solid #ccc;
115
+ margin-top: 25px;
116
+ padding-top: 15px;
117
+ }
118
+ #getting-started h1 {
119
+ margin: 0;
120
+ font-size: 20px;
121
+ }
122
+ #getting-started h2 {
123
+ margin: 0;
124
+ font-size: 14px;
125
+ font-weight: normal;
126
+ color: #333;
127
+ margin-bottom: 25px;
128
+ }
129
+ #getting-started ol {
130
+ margin-left: 0;
131
+ padding-left: 0;
132
+ }
133
+ #getting-started li {
134
+ font-size: 18px;
135
+ color: #888;
136
+ margin-bottom: 25px;
137
+ }
138
+ #getting-started li h2 {
139
+ margin: 0;
140
+ font-weight: normal;
141
+ font-size: 18px;
142
+ color: #333;
143
+ }
144
+ #getting-started li p {
145
+ color: #555;
146
+ font-size: 13px;
147
+ }
148
+
149
+
150
+ #search {
151
+ margin: 0;
152
+ padding-top: 10px;
153
+ padding-bottom: 10px;
154
+ font-size: 11px;
155
+ }
156
+ #search input {
157
+ font-size: 11px;
158
+ margin: 2px;
159
+ }
160
+ #search-text {width: 170px}
161
+
162
+
163
+ #sidebar ul {
164
+ margin-left: 0;
165
+ padding-left: 0;
166
+ }
167
+ #sidebar ul h3 {
168
+ margin-top: 25px;
169
+ font-size: 16px;
170
+ padding-bottom: 10px;
171
+ border-bottom: 1px solid #ccc;
172
+ }
173
+ #sidebar li {
174
+ list-style-type: none;
175
+ }
176
+ #sidebar ul.links li {
177
+ margin-bottom: 5px;
178
+ }
179
+
180
+ </style>
181
+ <script type="text/javascript" src="javascripts/prototype.js"></script>
182
+ <script type="text/javascript" src="javascripts/effects.js"></script>
183
+ <script type="text/javascript">
184
+ function about() {
185
+ if (Element.empty('about-content')) {
186
+ new Ajax.Updater('about-content', 'rails/info/properties', {
187
+ method: 'get',
188
+ onFailure: function() {Element.classNames('about-content').add('failure')},
189
+ onComplete: function() {new Effect.BlindDown('about-content', {duration: 0.25})}
190
+ });
191
+ } else {
192
+ new Effect[Element.visible('about-content') ?
193
+ 'BlindUp' : 'BlindDown']('about-content', {duration: 0.25});
194
+ }
195
+ }
196
+
197
+ window.onload = function() {
198
+ $('search-text').value = '';
199
+ $('search').onsubmit = function() {
200
+ $('search-text').value = 'site:rubyonrails.org ' + $F('search-text');
201
+ }
202
+ }
203
+ </script>
204
+ </head>
205
+ <body>
206
+ <div id="page">
207
+ <div id="sidebar">
208
+ <ul id="sidebar-items">
209
+ <li>
210
+ <form id="search" action="http://www.google.com/search" method="get">
211
+ <input type="hidden" name="hl" value="en" />
212
+ <input type="text" id="search-text" name="q" value="site:rubyonrails.org " />
213
+ <input type="submit" value="Search" /> the Rails site
214
+ </form>
215
+ </li>
216
+
217
+ <li>
218
+ <h3>Join the community</h3>
219
+ <ul class="links">
220
+ <li><a href="http://www.rubyonrails.org/">Ruby on Rails</a></li>
221
+ <li><a href="http://weblog.rubyonrails.org/">Official weblog</a></li>
222
+ <li><a href="http://lists.rubyonrails.org/">Mailing lists</a></li>
223
+ <li><a href="http://wiki.rubyonrails.org/rails/pages/IRC">IRC channel</a></li>
224
+ <li><a href="http://wiki.rubyonrails.org/">Wiki</a></li>
225
+ <li><a href="http://dev.rubyonrails.org/">Bug tracker</a></li>
226
+ </ul>
227
+ </li>
228
+
229
+ <li>
230
+ <h3>Browse the documentation</h3>
231
+ <ul class="links">
232
+ <li><a href="http://api.rubyonrails.org/">Rails API</a></li>
233
+ <li><a href="http://stdlib.rubyonrails.org/">Ruby standard library</a></li>
234
+ <li><a href="http://corelib.rubyonrails.org/">Ruby core</a></li>
235
+ </ul>
236
+ </li>
237
+ </ul>
238
+ </div>
239
+
240
+ <div id="content">
241
+ <div id="header">
242
+ <h1>Welcome aboard</h1>
243
+ <h2>You&rsquo;re riding Ruby on Rails!</h2>
244
+ </div>
245
+
246
+ <div id="about">
247
+ <h3><a href="rails/info/properties" onclick="about(); return false">About your application&rsquo;s environment</a></h3>
248
+ <div id="about-content" style="display: none"></div>
249
+ </div>
250
+
251
+ <div id="getting-started">
252
+ <h1>Getting started</h1>
253
+ <h2>Here&rsquo;s how to get rolling:</h2>
254
+
255
+ <ol>
256
+ <li>
257
+ <h2>Create your databases and edit <tt>config/database.yml</tt></h2>
258
+ <p>Rails needs to know your login and password.</p>
259
+ </li>
260
+
261
+ <li>
262
+ <h2>Use <tt>script/generate</tt> to create your models and controllers</h2>
263
+ <p>To see all available options, run it without parameters.</p>
264
+ </li>
265
+
266
+ <li>
267
+ <h2>Set up a default route and remove or rename this file</h2>
268
+ <p>Routes are set up in config/routes.rb.</p>
269
+ </li>
270
+ </ol>
271
+ </div>
272
+ </div>
273
+
274
+ <div id="footer">&nbsp;</div>
275
+ </div>
276
+ </body>
277
+ </html>
@@ -0,0 +1,2 @@
1
+ // Place your application-specific JavaScript functions and classes here
2
+ // This file is automatically included by javascript_include_tag :defaults
@@ -0,0 +1,963 @@
1
+ // Copyright (c) 2005-2007 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
2
+ // (c) 2005-2007 Ivan Krstic (http://blogs.law.harvard.edu/ivan)
3
+ // (c) 2005-2007 Jon Tirsen (http://www.tirsen.com)
4
+ // Contributors:
5
+ // Richard Livsey
6
+ // Rahul Bhargava
7
+ // Rob Wills
8
+ //
9
+ // script.aculo.us is freely distributable under the terms of an MIT-style license.
10
+ // For details, see the script.aculo.us web site: http://script.aculo.us/
11
+
12
+ // Autocompleter.Base handles all the autocompletion functionality
13
+ // that's independent of the data source for autocompletion. This
14
+ // includes drawing the autocompletion menu, observing keyboard
15
+ // and mouse events, and similar.
16
+ //
17
+ // Specific autocompleters need to provide, at the very least,
18
+ // a getUpdatedChoices function that will be invoked every time
19
+ // the text inside the monitored textbox changes. This method
20
+ // should get the text for which to provide autocompletion by
21
+ // invoking this.getToken(), NOT by directly accessing
22
+ // this.element.value. This is to allow incremental tokenized
23
+ // autocompletion. Specific auto-completion logic (AJAX, etc)
24
+ // belongs in getUpdatedChoices.
25
+ //
26
+ // Tokenized incremental autocompletion is enabled automatically
27
+ // when an autocompleter is instantiated with the 'tokens' option
28
+ // in the options parameter, e.g.:
29
+ // new Ajax.Autocompleter('id','upd', '/url/', { tokens: ',' });
30
+ // will incrementally autocomplete with a comma as the token.
31
+ // Additionally, ',' in the above example can be replaced with
32
+ // a token array, e.g. { tokens: [',', '\n'] } which
33
+ // enables autocompletion on multiple tokens. This is most
34
+ // useful when one of the tokens is \n (a newline), as it
35
+ // allows smart autocompletion after linebreaks.
36
+
37
+ if(typeof Effect == 'undefined')
38
+ throw("controls.js requires including script.aculo.us' effects.js library");
39
+
40
+ var Autocompleter = { }
41
+ Autocompleter.Base = Class.create({
42
+ baseInitialize: function(element, update, options) {
43
+ element = $(element)
44
+ this.element = element;
45
+ this.update = $(update);
46
+ this.hasFocus = false;
47
+ this.changed = false;
48
+ this.active = false;
49
+ this.index = 0;
50
+ this.entryCount = 0;
51
+ this.oldElementValue = this.element.value;
52
+
53
+ if(this.setOptions)
54
+ this.setOptions(options);
55
+ else
56
+ this.options = options || { };
57
+
58
+ this.options.paramName = this.options.paramName || this.element.name;
59
+ this.options.tokens = this.options.tokens || [];
60
+ this.options.frequency = this.options.frequency || 0.4;
61
+ this.options.minChars = this.options.minChars || 1;
62
+ this.options.onShow = this.options.onShow ||
63
+ function(element, update){
64
+ if(!update.style.position || update.style.position=='absolute') {
65
+ update.style.position = 'absolute';
66
+ Position.clone(element, update, {
67
+ setHeight: false,
68
+ offsetTop: element.offsetHeight
69
+ });
70
+ }
71
+ Effect.Appear(update,{duration:0.15});
72
+ };
73
+ this.options.onHide = this.options.onHide ||
74
+ function(element, update){ new Effect.Fade(update,{duration:0.15}) };
75
+
76
+ if(typeof(this.options.tokens) == 'string')
77
+ this.options.tokens = new Array(this.options.tokens);
78
+ // Force carriage returns as token delimiters anyway
79
+ if (!this.options.tokens.include('\n'))
80
+ this.options.tokens.push('\n');
81
+
82
+ this.observer = null;
83
+
84
+ this.element.setAttribute('autocomplete','off');
85
+
86
+ Element.hide(this.update);
87
+
88
+ Event.observe(this.element, 'blur', this.onBlur.bindAsEventListener(this));
89
+ Event.observe(this.element, 'keydown', this.onKeyPress.bindAsEventListener(this));
90
+ },
91
+
92
+ show: function() {
93
+ if(Element.getStyle(this.update, 'display')=='none') this.options.onShow(this.element, this.update);
94
+ if(!this.iefix &&
95
+ (Prototype.Browser.IE) &&
96
+ (Element.getStyle(this.update, 'position')=='absolute')) {
97
+ new Insertion.After(this.update,
98
+ '<iframe id="' + this.update.id + '_iefix" '+
99
+ 'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' +
100
+ 'src="javascript:false;" frameborder="0" scrolling="no"></iframe>');
101
+ this.iefix = $(this.update.id+'_iefix');
102
+ }
103
+ if(this.iefix) setTimeout(this.fixIEOverlapping.bind(this), 50);
104
+ },
105
+
106
+ fixIEOverlapping: function() {
107
+ Position.clone(this.update, this.iefix, {setTop:(!this.update.style.height)});
108
+ this.iefix.style.zIndex = 1;
109
+ this.update.style.zIndex = 2;
110
+ Element.show(this.iefix);
111
+ },
112
+
113
+ hide: function() {
114
+ this.stopIndicator();
115
+ if(Element.getStyle(this.update, 'display')!='none') this.options.onHide(this.element, this.update);
116
+ if(this.iefix) Element.hide(this.iefix);
117
+ },
118
+
119
+ startIndicator: function() {
120
+ if(this.options.indicator) Element.show(this.options.indicator);
121
+ },
122
+
123
+ stopIndicator: function() {
124
+ if(this.options.indicator) Element.hide(this.options.indicator);
125
+ },
126
+
127
+ onKeyPress: function(event) {
128
+ if(this.active)
129
+ switch(event.keyCode) {
130
+ case Event.KEY_TAB:
131
+ case Event.KEY_RETURN:
132
+ this.selectEntry();
133
+ Event.stop(event);
134
+ case Event.KEY_ESC:
135
+ this.hide();
136
+ this.active = false;
137
+ Event.stop(event);
138
+ return;
139
+ case Event.KEY_LEFT:
140
+ case Event.KEY_RIGHT:
141
+ return;
142
+ case Event.KEY_UP:
143
+ this.markPrevious();
144
+ this.render();
145
+ Event.stop(event);
146
+ return;
147
+ case Event.KEY_DOWN:
148
+ this.markNext();
149
+ this.render();
150
+ Event.stop(event);
151
+ return;
152
+ }
153
+ else
154
+ if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN ||
155
+ (Prototype.Browser.WebKit > 0 && event.keyCode == 0)) return;
156
+
157
+ this.changed = true;
158
+ this.hasFocus = true;
159
+
160
+ if(this.observer) clearTimeout(this.observer);
161
+ this.observer =
162
+ setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000);
163
+ },
164
+
165
+ activate: function() {
166
+ this.changed = false;
167
+ this.hasFocus = true;
168
+ this.getUpdatedChoices();
169
+ },
170
+
171
+ onHover: function(event) {
172
+ var element = Event.findElement(event, 'LI');
173
+ if(this.index != element.autocompleteIndex)
174
+ {
175
+ this.index = element.autocompleteIndex;
176
+ this.render();
177
+ }
178
+ Event.stop(event);
179
+ },
180
+
181
+ onClick: function(event) {
182
+ var element = Event.findElement(event, 'LI');
183
+ this.index = element.autocompleteIndex;
184
+ this.selectEntry();
185
+ this.hide();
186
+ },
187
+
188
+ onBlur: function(event) {
189
+ // needed to make click events working
190
+ setTimeout(this.hide.bind(this), 250);
191
+ this.hasFocus = false;
192
+ this.active = false;
193
+ },
194
+
195
+ render: function() {
196
+ if(this.entryCount > 0) {
197
+ for (var i = 0; i < this.entryCount; i++)
198
+ this.index==i ?
199
+ Element.addClassName(this.getEntry(i),"selected") :
200
+ Element.removeClassName(this.getEntry(i),"selected");
201
+ if(this.hasFocus) {
202
+ this.show();
203
+ this.active = true;
204
+ }
205
+ } else {
206
+ this.active = false;
207
+ this.hide();
208
+ }
209
+ },
210
+
211
+ markPrevious: function() {
212
+ if(this.index > 0) this.index--
213
+ else this.index = this.entryCount-1;
214
+ this.getEntry(this.index).scrollIntoView(true);
215
+ },
216
+
217
+ markNext: function() {
218
+ if(this.index < this.entryCount-1) this.index++
219
+ else this.index = 0;
220
+ this.getEntry(this.index).scrollIntoView(false);
221
+ },
222
+
223
+ getEntry: function(index) {
224
+ return this.update.firstChild.childNodes[index];
225
+ },
226
+
227
+ getCurrentEntry: function() {
228
+ return this.getEntry(this.index);
229
+ },
230
+
231
+ selectEntry: function() {
232
+ this.active = false;
233
+ this.updateElement(this.getCurrentEntry());
234
+ },
235
+
236
+ updateElement: function(selectedElement) {
237
+ if (this.options.updateElement) {
238
+ this.options.updateElement(selectedElement);
239
+ return;
240
+ }
241
+ var value = '';
242
+ if (this.options.select) {
243
+ var nodes = $(selectedElement).select('.' + this.options.select) || [];
244
+ if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select);
245
+ } else
246
+ value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal');
247
+
248
+ var bounds = this.getTokenBounds();
249
+ if (bounds[0] != -1) {
250
+ var newValue = this.element.value.substr(0, bounds[0]);
251
+ var whitespace = this.element.value.substr(bounds[0]).match(/^\s+/);
252
+ if (whitespace)
253
+ newValue += whitespace[0];
254
+ this.element.value = newValue + value + this.element.value.substr(bounds[1]);
255
+ } else {
256
+ this.element.value = value;
257
+ }
258
+ this.oldElementValue = this.element.value;
259
+ this.element.focus();
260
+
261
+ if (this.options.afterUpdateElement)
262
+ this.options.afterUpdateElement(this.element, selectedElement);
263
+ },
264
+
265
+ updateChoices: function(choices) {
266
+ if(!this.changed && this.hasFocus) {
267
+ this.update.innerHTML = choices;
268
+ Element.cleanWhitespace(this.update);
269
+ Element.cleanWhitespace(this.update.down());
270
+
271
+ if(this.update.firstChild && this.update.down().childNodes) {
272
+ this.entryCount =
273
+ this.update.down().childNodes.length;
274
+ for (var i = 0; i < this.entryCount; i++) {
275
+ var entry = this.getEntry(i);
276
+ entry.autocompleteIndex = i;
277
+ this.addObservers(entry);
278
+ }
279
+ } else {
280
+ this.entryCount = 0;
281
+ }
282
+
283
+ this.stopIndicator();
284
+ this.index = 0;
285
+
286
+ if(this.entryCount==1 && this.options.autoSelect) {
287
+ this.selectEntry();
288
+ this.hide();
289
+ } else {
290
+ this.render();
291
+ }
292
+ }
293
+ },
294
+
295
+ addObservers: function(element) {
296
+ Event.observe(element, "mouseover", this.onHover.bindAsEventListener(this));
297
+ Event.observe(element, "click", this.onClick.bindAsEventListener(this));
298
+ },
299
+
300
+ onObserverEvent: function() {
301
+ this.changed = false;
302
+ this.tokenBounds = null;
303
+ if(this.getToken().length>=this.options.minChars) {
304
+ this.getUpdatedChoices();
305
+ } else {
306
+ this.active = false;
307
+ this.hide();
308
+ }
309
+ this.oldElementValue = this.element.value;
310
+ },
311
+
312
+ getToken: function() {
313
+ var bounds = this.getTokenBounds();
314
+ return this.element.value.substring(bounds[0], bounds[1]).strip();
315
+ },
316
+
317
+ getTokenBounds: function() {
318
+ if (null != this.tokenBounds) return this.tokenBounds;
319
+ var value = this.element.value;
320
+ if (value.strip().empty()) return [-1, 0];
321
+ var diff = arguments.callee.getFirstDifferencePos(value, this.oldElementValue);
322
+ var offset = (diff == this.oldElementValue.length ? 1 : 0);
323
+ var prevTokenPos = -1, nextTokenPos = value.length;
324
+ var tp;
325
+ for (var index = 0, l = this.options.tokens.length; index < l; ++index) {
326
+ tp = value.lastIndexOf(this.options.tokens[index], diff + offset - 1);
327
+ if (tp > prevTokenPos) prevTokenPos = tp;
328
+ tp = value.indexOf(this.options.tokens[index], diff + offset);
329
+ if (-1 != tp && tp < nextTokenPos) nextTokenPos = tp;
330
+ }
331
+ return (this.tokenBounds = [prevTokenPos + 1, nextTokenPos]);
332
+ }
333
+ });
334
+
335
+ Autocompleter.Base.prototype.getTokenBounds.getFirstDifferencePos = function(newS, oldS) {
336
+ var boundary = Math.min(newS.length, oldS.length);
337
+ for (var index = 0; index < boundary; ++index)
338
+ if (newS[index] != oldS[index])
339
+ return index;
340
+ return boundary;
341
+ };
342
+
343
+ Ajax.Autocompleter = Class.create(Autocompleter.Base, {
344
+ initialize: function(element, update, url, options) {
345
+ this.baseInitialize(element, update, options);
346
+ this.options.asynchronous = true;
347
+ this.options.onComplete = this.onComplete.bind(this);
348
+ this.options.defaultParams = this.options.parameters || null;
349
+ this.url = url;
350
+ },
351
+
352
+ getUpdatedChoices: function() {
353
+ this.startIndicator();
354
+
355
+ var entry = encodeURIComponent(this.options.paramName) + '=' +
356
+ encodeURIComponent(this.getToken());
357
+
358
+ this.options.parameters = this.options.callback ?
359
+ this.options.callback(this.element, entry) : entry;
360
+
361
+ if(this.options.defaultParams)
362
+ this.options.parameters += '&' + this.options.defaultParams;
363
+
364
+ new Ajax.Request(this.url, this.options);
365
+ },
366
+
367
+ onComplete: function(request) {
368
+ this.updateChoices(request.responseText);
369
+ }
370
+ });
371
+
372
+ // The local array autocompleter. Used when you'd prefer to
373
+ // inject an array of autocompletion options into the page, rather
374
+ // than sending out Ajax queries, which can be quite slow sometimes.
375
+ //
376
+ // The constructor takes four parameters. The first two are, as usual,
377
+ // the id of the monitored textbox, and id of the autocompletion menu.
378
+ // The third is the array you want to autocomplete from, and the fourth
379
+ // is the options block.
380
+ //
381
+ // Extra local autocompletion options:
382
+ // - choices - How many autocompletion choices to offer
383
+ //
384
+ // - partialSearch - If false, the autocompleter will match entered
385
+ // text only at the beginning of strings in the
386
+ // autocomplete array. Defaults to true, which will
387
+ // match text at the beginning of any *word* in the
388
+ // strings in the autocomplete array. If you want to
389
+ // search anywhere in the string, additionally set
390
+ // the option fullSearch to true (default: off).
391
+ //
392
+ // - fullSsearch - Search anywhere in autocomplete array strings.
393
+ //
394
+ // - partialChars - How many characters to enter before triggering
395
+ // a partial match (unlike minChars, which defines
396
+ // how many characters are required to do any match
397
+ // at all). Defaults to 2.
398
+ //
399
+ // - ignoreCase - Whether to ignore case when autocompleting.
400
+ // Defaults to true.
401
+ //
402
+ // It's possible to pass in a custom function as the 'selector'
403
+ // option, if you prefer to write your own autocompletion logic.
404
+ // In that case, the other options above will not apply unless
405
+ // you support them.
406
+
407
+ Autocompleter.Local = Class.create(Autocompleter.Base, {
408
+ initialize: function(element, update, array, options) {
409
+ this.baseInitialize(element, update, options);
410
+ this.options.array = array;
411
+ },
412
+
413
+ getUpdatedChoices: function() {
414
+ this.updateChoices(this.options.selector(this));
415
+ },
416
+
417
+ setOptions: function(options) {
418
+ this.options = Object.extend({
419
+ choices: 10,
420
+ partialSearch: true,
421
+ partialChars: 2,
422
+ ignoreCase: true,
423
+ fullSearch: false,
424
+ selector: function(instance) {
425
+ var ret = []; // Beginning matches
426
+ var partial = []; // Inside matches
427
+ var entry = instance.getToken();
428
+ var count = 0;
429
+
430
+ for (var i = 0; i < instance.options.array.length &&
431
+ ret.length < instance.options.choices ; i++) {
432
+
433
+ var elem = instance.options.array[i];
434
+ var foundPos = instance.options.ignoreCase ?
435
+ elem.toLowerCase().indexOf(entry.toLowerCase()) :
436
+ elem.indexOf(entry);
437
+
438
+ while (foundPos != -1) {
439
+ if (foundPos == 0 && elem.length != entry.length) {
440
+ ret.push("<li><strong>" + elem.substr(0, entry.length) + "</strong>" +
441
+ elem.substr(entry.length) + "</li>");
442
+ break;
443
+ } else if (entry.length >= instance.options.partialChars &&
444
+ instance.options.partialSearch && foundPos != -1) {
445
+ if (instance.options.fullSearch || /\s/.test(elem.substr(foundPos-1,1))) {
446
+ partial.push("<li>" + elem.substr(0, foundPos) + "<strong>" +
447
+ elem.substr(foundPos, entry.length) + "</strong>" + elem.substr(
448
+ foundPos + entry.length) + "</li>");
449
+ break;
450
+ }
451
+ }
452
+
453
+ foundPos = instance.options.ignoreCase ?
454
+ elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) :
455
+ elem.indexOf(entry, foundPos + 1);
456
+
457
+ }
458
+ }
459
+ if (partial.length)
460
+ ret = ret.concat(partial.slice(0, instance.options.choices - ret.length))
461
+ return "<ul>" + ret.join('') + "</ul>";
462
+ }
463
+ }, options || { });
464
+ }
465
+ });
466
+
467
+ // AJAX in-place editor and collection editor
468
+ // Full rewrite by Christophe Porteneuve <tdd@tddsworld.com> (April 2007).
469
+
470
+ // Use this if you notice weird scrolling problems on some browsers,
471
+ // the DOM might be a bit confused when this gets called so do this
472
+ // waits 1 ms (with setTimeout) until it does the activation
473
+ Field.scrollFreeActivate = function(field) {
474
+ setTimeout(function() {
475
+ Field.activate(field);
476
+ }, 1);
477
+ }
478
+
479
+ Ajax.InPlaceEditor = Class.create({
480
+ initialize: function(element, url, options) {
481
+ this.url = url;
482
+ this.element = element = $(element);
483
+ this.prepareOptions();
484
+ this._controls = { };
485
+ arguments.callee.dealWithDeprecatedOptions(options); // DEPRECATION LAYER!!!
486
+ Object.extend(this.options, options || { });
487
+ if (!this.options.formId && this.element.id) {
488
+ this.options.formId = this.element.id + '-inplaceeditor';
489
+ if ($(this.options.formId))
490
+ this.options.formId = '';
491
+ }
492
+ if (this.options.externalControl)
493
+ this.options.externalControl = $(this.options.externalControl);
494
+ if (!this.options.externalControl)
495
+ this.options.externalControlOnly = false;
496
+ this._originalBackground = this.element.getStyle('background-color') || 'transparent';
497
+ this.element.title = this.options.clickToEditText;
498
+ this._boundCancelHandler = this.handleFormCancellation.bind(this);
499
+ this._boundComplete = (this.options.onComplete || Prototype.emptyFunction).bind(this);
500
+ this._boundFailureHandler = this.handleAJAXFailure.bind(this);
501
+ this._boundSubmitHandler = this.handleFormSubmission.bind(this);
502
+ this._boundWrapperHandler = this.wrapUp.bind(this);
503
+ this.registerListeners();
504
+ },
505
+ checkForEscapeOrReturn: function(e) {
506
+ if (!this._editing || e.ctrlKey || e.altKey || e.shiftKey) return;
507
+ if (Event.KEY_ESC == e.keyCode)
508
+ this.handleFormCancellation(e);
509
+ else if (Event.KEY_RETURN == e.keyCode)
510
+ this.handleFormSubmission(e);
511
+ },
512
+ createControl: function(mode, handler, extraClasses) {
513
+ var control = this.options[mode + 'Control'];
514
+ var text = this.options[mode + 'Text'];
515
+ if ('button' == control) {
516
+ var btn = document.createElement('input');
517
+ btn.type = 'submit';
518
+ btn.value = text;
519
+ btn.className = 'editor_' + mode + '_button';
520
+ if ('cancel' == mode)
521
+ btn.onclick = this._boundCancelHandler;
522
+ this._form.appendChild(btn);
523
+ this._controls[mode] = btn;
524
+ } else if ('link' == control) {
525
+ var link = document.createElement('a');
526
+ link.href = '#';
527
+ link.appendChild(document.createTextNode(text));
528
+ link.onclick = 'cancel' == mode ? this._boundCancelHandler : this._boundSubmitHandler;
529
+ link.className = 'editor_' + mode + '_link';
530
+ if (extraClasses)
531
+ link.className += ' ' + extraClasses;
532
+ this._form.appendChild(link);
533
+ this._controls[mode] = link;
534
+ }
535
+ },
536
+ createEditField: function() {
537
+ var text = (this.options.loadTextURL ? this.options.loadingText : this.getText());
538
+ var fld;
539
+ if (1 >= this.options.rows && !/\r|\n/.test(this.getText())) {
540
+ fld = document.createElement('input');
541
+ fld.type = 'text';
542
+ var size = this.options.size || this.options.cols || 0;
543
+ if (0 < size) fld.size = size;
544
+ } else {
545
+ fld = document.createElement('textarea');
546
+ fld.rows = (1 >= this.options.rows ? this.options.autoRows : this.options.rows);
547
+ fld.cols = this.options.cols || 40;
548
+ }
549
+ fld.name = this.options.paramName;
550
+ fld.value = text; // No HTML breaks conversion anymore
551
+ fld.className = 'editor_field';
552
+ if (this.options.submitOnBlur)
553
+ fld.onblur = this._boundSubmitHandler;
554
+ this._controls.editor = fld;
555
+ if (this.options.loadTextURL)
556
+ this.loadExternalText();
557
+ this._form.appendChild(this._controls.editor);
558
+ },
559
+ createForm: function() {
560
+ var ipe = this;
561
+ function addText(mode, condition) {
562
+ var text = ipe.options['text' + mode + 'Controls'];
563
+ if (!text || condition === false) return;
564
+ ipe._form.appendChild(document.createTextNode(text));
565
+ };
566
+ this._form = $(document.createElement('form'));
567
+ this._form.id = this.options.formId;
568
+ this._form.addClassName(this.options.formClassName);
569
+ this._form.onsubmit = this._boundSubmitHandler;
570
+ this.createEditField();
571
+ if ('textarea' == this._controls.editor.tagName.toLowerCase())
572
+ this._form.appendChild(document.createElement('br'));
573
+ if (this.options.onFormCustomization)
574
+ this.options.onFormCustomization(this, this._form);
575
+ addText('Before', this.options.okControl || this.options.cancelControl);
576
+ this.createControl('ok', this._boundSubmitHandler);
577
+ addText('Between', this.options.okControl && this.options.cancelControl);
578
+ this.createControl('cancel', this._boundCancelHandler, 'editor_cancel');
579
+ addText('After', this.options.okControl || this.options.cancelControl);
580
+ },
581
+ destroy: function() {
582
+ if (this._oldInnerHTML)
583
+ this.element.innerHTML = this._oldInnerHTML;
584
+ this.leaveEditMode();
585
+ this.unregisterListeners();
586
+ },
587
+ enterEditMode: function(e) {
588
+ if (this._saving || this._editing) return;
589
+ this._editing = true;
590
+ this.triggerCallback('onEnterEditMode');
591
+ if (this.options.externalControl)
592
+ this.options.externalControl.hide();
593
+ this.element.hide();
594
+ this.createForm();
595
+ this.element.parentNode.insertBefore(this._form, this.element);
596
+ if (!this.options.loadTextURL)
597
+ this.postProcessEditField();
598
+ if (e) Event.stop(e);
599
+ },
600
+ enterHover: function(e) {
601
+ if (this.options.hoverClassName)
602
+ this.element.addClassName(this.options.hoverClassName);
603
+ if (this._saving) return;
604
+ this.triggerCallback('onEnterHover');
605
+ },
606
+ getText: function() {
607
+ return this.element.innerHTML;
608
+ },
609
+ handleAJAXFailure: function(transport) {
610
+ this.triggerCallback('onFailure', transport);
611
+ if (this._oldInnerHTML) {
612
+ this.element.innerHTML = this._oldInnerHTML;
613
+ this._oldInnerHTML = null;
614
+ }
615
+ },
616
+ handleFormCancellation: function(e) {
617
+ this.wrapUp();
618
+ if (e) Event.stop(e);
619
+ },
620
+ handleFormSubmission: function(e) {
621
+ var form = this._form;
622
+ var value = $F(this._controls.editor);
623
+ this.prepareSubmission();
624
+ var params = this.options.callback(form, value) || '';
625
+ if (Object.isString(params))
626
+ params = params.toQueryParams();
627
+ params.editorId = this.element.id;
628
+ if (this.options.htmlResponse) {
629
+ var options = Object.extend({ evalScripts: true }, this.options.ajaxOptions);
630
+ Object.extend(options, {
631
+ parameters: params,
632
+ onComplete: this._boundWrapperHandler,
633
+ onFailure: this._boundFailureHandler
634
+ });
635
+ new Ajax.Updater({ success: this.element }, this.url, options);
636
+ } else {
637
+ var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
638
+ Object.extend(options, {
639
+ parameters: params,
640
+ onComplete: this._boundWrapperHandler,
641
+ onFailure: this._boundFailureHandler
642
+ });
643
+ new Ajax.Request(this.url, options);
644
+ }
645
+ if (e) Event.stop(e);
646
+ },
647
+ leaveEditMode: function() {
648
+ this.element.removeClassName(this.options.savingClassName);
649
+ this.removeForm();
650
+ this.leaveHover();
651
+ this.element.style.backgroundColor = this._originalBackground;
652
+ this.element.show();
653
+ if (this.options.externalControl)
654
+ this.options.externalControl.show();
655
+ this._saving = false;
656
+ this._editing = false;
657
+ this._oldInnerHTML = null;
658
+ this.triggerCallback('onLeaveEditMode');
659
+ },
660
+ leaveHover: function(e) {
661
+ if (this.options.hoverClassName)
662
+ this.element.removeClassName(this.options.hoverClassName);
663
+ if (this._saving) return;
664
+ this.triggerCallback('onLeaveHover');
665
+ },
666
+ loadExternalText: function() {
667
+ this._form.addClassName(this.options.loadingClassName);
668
+ this._controls.editor.disabled = true;
669
+ var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
670
+ Object.extend(options, {
671
+ parameters: 'editorId=' + encodeURIComponent(this.element.id),
672
+ onComplete: Prototype.emptyFunction,
673
+ onSuccess: function(transport) {
674
+ this._form.removeClassName(this.options.loadingClassName);
675
+ var text = transport.responseText;
676
+ if (this.options.stripLoadedTextTags)
677
+ text = text.stripTags();
678
+ this._controls.editor.value = text;
679
+ this._controls.editor.disabled = false;
680
+ this.postProcessEditField();
681
+ }.bind(this),
682
+ onFailure: this._boundFailureHandler
683
+ });
684
+ new Ajax.Request(this.options.loadTextURL, options);
685
+ },
686
+ postProcessEditField: function() {
687
+ var fpc = this.options.fieldPostCreation;
688
+ if (fpc)
689
+ $(this._controls.editor)['focus' == fpc ? 'focus' : 'activate']();
690
+ },
691
+ prepareOptions: function() {
692
+ this.options = Object.clone(Ajax.InPlaceEditor.DefaultOptions);
693
+ Object.extend(this.options, Ajax.InPlaceEditor.DefaultCallbacks);
694
+ [this._extraDefaultOptions].flatten().compact().each(function(defs) {
695
+ Object.extend(this.options, defs);
696
+ }.bind(this));
697
+ },
698
+ prepareSubmission: function() {
699
+ this._saving = true;
700
+ this.removeForm();
701
+ this.leaveHover();
702
+ this.showSaving();
703
+ },
704
+ registerListeners: function() {
705
+ this._listeners = { };
706
+ var listener;
707
+ $H(Ajax.InPlaceEditor.Listeners).each(function(pair) {
708
+ listener = this[pair.value].bind(this);
709
+ this._listeners[pair.key] = listener;
710
+ if (!this.options.externalControlOnly)
711
+ this.element.observe(pair.key, listener);
712
+ if (this.options.externalControl)
713
+ this.options.externalControl.observe(pair.key, listener);
714
+ }.bind(this));
715
+ },
716
+ removeForm: function() {
717
+ if (!this._form) return;
718
+ this._form.remove();
719
+ this._form = null;
720
+ this._controls = { };
721
+ },
722
+ showSaving: function() {
723
+ this._oldInnerHTML = this.element.innerHTML;
724
+ this.element.innerHTML = this.options.savingText;
725
+ this.element.addClassName(this.options.savingClassName);
726
+ this.element.style.backgroundColor = this._originalBackground;
727
+ this.element.show();
728
+ },
729
+ triggerCallback: function(cbName, arg) {
730
+ if ('function' == typeof this.options[cbName]) {
731
+ this.options[cbName](this, arg);
732
+ }
733
+ },
734
+ unregisterListeners: function() {
735
+ $H(this._listeners).each(function(pair) {
736
+ if (!this.options.externalControlOnly)
737
+ this.element.stopObserving(pair.key, pair.value);
738
+ if (this.options.externalControl)
739
+ this.options.externalControl.stopObserving(pair.key, pair.value);
740
+ }.bind(this));
741
+ },
742
+ wrapUp: function(transport) {
743
+ this.leaveEditMode();
744
+ // Can't use triggerCallback due to backward compatibility: requires
745
+ // binding + direct element
746
+ this._boundComplete(transport, this.element);
747
+ }
748
+ });
749
+
750
+ Object.extend(Ajax.InPlaceEditor.prototype, {
751
+ dispose: Ajax.InPlaceEditor.prototype.destroy
752
+ });
753
+
754
+ Ajax.InPlaceCollectionEditor = Class.create(Ajax.InPlaceEditor, {
755
+ initialize: function($super, element, url, options) {
756
+ this._extraDefaultOptions = Ajax.InPlaceCollectionEditor.DefaultOptions;
757
+ $super(element, url, options);
758
+ },
759
+
760
+ createEditField: function() {
761
+ var list = document.createElement('select');
762
+ list.name = this.options.paramName;
763
+ list.size = 1;
764
+ this._controls.editor = list;
765
+ this._collection = this.options.collection || [];
766
+ if (this.options.loadCollectionURL)
767
+ this.loadCollection();
768
+ else
769
+ this.checkForExternalText();
770
+ this._form.appendChild(this._controls.editor);
771
+ },
772
+
773
+ loadCollection: function() {
774
+ this._form.addClassName(this.options.loadingClassName);
775
+ this.showLoadingText(this.options.loadingCollectionText);
776
+ var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
777
+ Object.extend(options, {
778
+ parameters: 'editorId=' + encodeURIComponent(this.element.id),
779
+ onComplete: Prototype.emptyFunction,
780
+ onSuccess: function(transport) {
781
+ var js = transport.responseText.strip();
782
+ if (!/^\[.*\]$/.test(js)) // TODO: improve sanity check
783
+ throw 'Server returned an invalid collection representation.';
784
+ this._collection = eval(js);
785
+ this.checkForExternalText();
786
+ }.bind(this),
787
+ onFailure: this.onFailure
788
+ });
789
+ new Ajax.Request(this.options.loadCollectionURL, options);
790
+ },
791
+
792
+ showLoadingText: function(text) {
793
+ this._controls.editor.disabled = true;
794
+ var tempOption = this._controls.editor.firstChild;
795
+ if (!tempOption) {
796
+ tempOption = document.createElement('option');
797
+ tempOption.value = '';
798
+ this._controls.editor.appendChild(tempOption);
799
+ tempOption.selected = true;
800
+ }
801
+ tempOption.update((text || '').stripScripts().stripTags());
802
+ },
803
+
804
+ checkForExternalText: function() {
805
+ this._text = this.getText();
806
+ if (this.options.loadTextURL)
807
+ this.loadExternalText();
808
+ else
809
+ this.buildOptionList();
810
+ },
811
+
812
+ loadExternalText: function() {
813
+ this.showLoadingText(this.options.loadingText);
814
+ var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
815
+ Object.extend(options, {
816
+ parameters: 'editorId=' + encodeURIComponent(this.element.id),
817
+ onComplete: Prototype.emptyFunction,
818
+ onSuccess: function(transport) {
819
+ this._text = transport.responseText.strip();
820
+ this.buildOptionList();
821
+ }.bind(this),
822
+ onFailure: this.onFailure
823
+ });
824
+ new Ajax.Request(this.options.loadTextURL, options);
825
+ },
826
+
827
+ buildOptionList: function() {
828
+ this._form.removeClassName(this.options.loadingClassName);
829
+ this._collection = this._collection.map(function(entry) {
830
+ return 2 === entry.length ? entry : [entry, entry].flatten();
831
+ });
832
+ var marker = ('value' in this.options) ? this.options.value : this._text;
833
+ var textFound = this._collection.any(function(entry) {
834
+ return entry[0] == marker;
835
+ }.bind(this));
836
+ this._controls.editor.update('');
837
+ var option;
838
+ this._collection.each(function(entry, index) {
839
+ option = document.createElement('option');
840
+ option.value = entry[0];
841
+ option.selected = textFound ? entry[0] == marker : 0 == index;
842
+ option.appendChild(document.createTextNode(entry[1]));
843
+ this._controls.editor.appendChild(option);
844
+ }.bind(this));
845
+ this._controls.editor.disabled = false;
846
+ Field.scrollFreeActivate(this._controls.editor);
847
+ }
848
+ });
849
+
850
+ //**** DEPRECATION LAYER FOR InPlace[Collection]Editor! ****
851
+ //**** This only exists for a while, in order to let ****
852
+ //**** users adapt to the new API. Read up on the new ****
853
+ //**** API and convert your code to it ASAP! ****
854
+
855
+ Ajax.InPlaceEditor.prototype.initialize.dealWithDeprecatedOptions = function(options) {
856
+ if (!options) return;
857
+ function fallback(name, expr) {
858
+ if (name in options || expr === undefined) return;
859
+ options[name] = expr;
860
+ };
861
+ fallback('cancelControl', (options.cancelLink ? 'link' : (options.cancelButton ? 'button' :
862
+ options.cancelLink == options.cancelButton == false ? false : undefined)));
863
+ fallback('okControl', (options.okLink ? 'link' : (options.okButton ? 'button' :
864
+ options.okLink == options.okButton == false ? false : undefined)));
865
+ fallback('highlightColor', options.highlightcolor);
866
+ fallback('highlightEndColor', options.highlightendcolor);
867
+ };
868
+
869
+ Object.extend(Ajax.InPlaceEditor, {
870
+ DefaultOptions: {
871
+ ajaxOptions: { },
872
+ autoRows: 3, // Use when multi-line w/ rows == 1
873
+ cancelControl: 'link', // 'link'|'button'|false
874
+ cancelText: 'cancel',
875
+ clickToEditText: 'Click to edit',
876
+ externalControl: null, // id|elt
877
+ externalControlOnly: false,
878
+ fieldPostCreation: 'activate', // 'activate'|'focus'|false
879
+ formClassName: 'inplaceeditor-form',
880
+ formId: null, // id|elt
881
+ highlightColor: '#ffff99',
882
+ highlightEndColor: '#ffffff',
883
+ hoverClassName: '',
884
+ htmlResponse: true,
885
+ loadingClassName: 'inplaceeditor-loading',
886
+ loadingText: 'Loading...',
887
+ okControl: 'button', // 'link'|'button'|false
888
+ okText: 'ok',
889
+ paramName: 'value',
890
+ rows: 1, // If 1 and multi-line, uses autoRows
891
+ savingClassName: 'inplaceeditor-saving',
892
+ savingText: 'Saving...',
893
+ size: 0,
894
+ stripLoadedTextTags: false,
895
+ submitOnBlur: false,
896
+ textAfterControls: '',
897
+ textBeforeControls: '',
898
+ textBetweenControls: ''
899
+ },
900
+ DefaultCallbacks: {
901
+ callback: function(form) {
902
+ return Form.serialize(form);
903
+ },
904
+ onComplete: function(transport, element) {
905
+ // For backward compatibility, this one is bound to the IPE, and passes
906
+ // the element directly. It was too often customized, so we don't break it.
907
+ new Effect.Highlight(element, {
908
+ startcolor: this.options.highlightColor, keepBackgroundImage: true });
909
+ },
910
+ onEnterEditMode: null,
911
+ onEnterHover: function(ipe) {
912
+ ipe.element.style.backgroundColor = ipe.options.highlightColor;
913
+ if (ipe._effect)
914
+ ipe._effect.cancel();
915
+ },
916
+ onFailure: function(transport, ipe) {
917
+ alert('Error communication with the server: ' + transport.responseText.stripTags());
918
+ },
919
+ onFormCustomization: null, // Takes the IPE and its generated form, after editor, before controls.
920
+ onLeaveEditMode: null,
921
+ onLeaveHover: function(ipe) {
922
+ ipe._effect = new Effect.Highlight(ipe.element, {
923
+ startcolor: ipe.options.highlightColor, endcolor: ipe.options.highlightEndColor,
924
+ restorecolor: ipe._originalBackground, keepBackgroundImage: true
925
+ });
926
+ }
927
+ },
928
+ Listeners: {
929
+ click: 'enterEditMode',
930
+ keydown: 'checkForEscapeOrReturn',
931
+ mouseover: 'enterHover',
932
+ mouseout: 'leaveHover'
933
+ }
934
+ });
935
+
936
+ Ajax.InPlaceCollectionEditor.DefaultOptions = {
937
+ loadingCollectionText: 'Loading options...'
938
+ };
939
+
940
+ // Delayed observer, like Form.Element.Observer,
941
+ // but waits for delay after last key input
942
+ // Ideal for live-search fields
943
+
944
+ Form.Element.DelayedObserver = Class.create({
945
+ initialize: function(element, delay, callback) {
946
+ this.delay = delay || 0.5;
947
+ this.element = $(element);
948
+ this.callback = callback;
949
+ this.timer = null;
950
+ this.lastValue = $F(this.element);
951
+ Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this));
952
+ },
953
+ delayedListener: function(event) {
954
+ if(this.lastValue == $F(this.element)) return;
955
+ if(this.timer) clearTimeout(this.timer);
956
+ this.timer = setTimeout(this.onTimerEvent.bind(this), this.delay * 1000);
957
+ this.lastValue = $F(this.element);
958
+ },
959
+ onTimerEvent: function() {
960
+ this.timer = null;
961
+ this.callback(this.element, $F(this.element));
962
+ }
963
+ });