deltacloud-core 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. data/COPYING +502 -0
  2. data/Rakefile +108 -0
  3. data/bin/deltacloudd +88 -0
  4. data/config.ru +5 -0
  5. data/deltacloud.rb +14 -0
  6. data/lib/converters/xml_converter.rb +133 -0
  7. data/lib/deltacloud/base_driver.rb +19 -0
  8. data/lib/deltacloud/base_driver/base_driver.rb +189 -0
  9. data/lib/deltacloud/base_driver/features.rb +144 -0
  10. data/lib/deltacloud/drivers/ec2/ec2_driver.rb +318 -0
  11. data/lib/deltacloud/drivers/ec2/ec2_mock_driver.rb +170 -0
  12. data/lib/deltacloud/drivers/gogrid/gogrid_client.rb +45 -0
  13. data/lib/deltacloud/drivers/gogrid/gogrid_driver.rb +239 -0
  14. data/lib/deltacloud/drivers/mock/mock_driver.rb +275 -0
  15. data/lib/deltacloud/drivers/opennebula/cloud_client.rb +116 -0
  16. data/lib/deltacloud/drivers/opennebula/occi_client.rb +204 -0
  17. data/lib/deltacloud/drivers/opennebula/opennebula_driver.rb +241 -0
  18. data/lib/deltacloud/drivers/rackspace/rackspace_client.rb +129 -0
  19. data/lib/deltacloud/drivers/rackspace/rackspace_driver.rb +150 -0
  20. data/lib/deltacloud/drivers/rhevm/rhevm_driver.rb +254 -0
  21. data/lib/deltacloud/drivers/rimu/rimu_hosting_client.rb +87 -0
  22. data/lib/deltacloud/drivers/rimu/rimu_hosting_driver.rb +143 -0
  23. data/lib/deltacloud/hardware_profile.rb +131 -0
  24. data/lib/deltacloud/helpers.rb +5 -0
  25. data/lib/deltacloud/helpers/application_helper.rb +38 -0
  26. data/lib/deltacloud/helpers/conversion_helper.rb +39 -0
  27. data/lib/deltacloud/helpers/hardware_profiles_helper.rb +35 -0
  28. data/lib/deltacloud/models/base_model.rb +58 -0
  29. data/lib/deltacloud/models/image.rb +26 -0
  30. data/lib/deltacloud/models/instance.rb +37 -0
  31. data/lib/deltacloud/models/instance_profile.rb +47 -0
  32. data/lib/deltacloud/models/realm.rb +25 -0
  33. data/lib/deltacloud/models/storage_snapshot.rb +26 -0
  34. data/lib/deltacloud/models/storage_volume.rb +27 -0
  35. data/lib/deltacloud/state_machine.rb +84 -0
  36. data/lib/deltacloud/validation.rb +70 -0
  37. data/lib/drivers.rb +37 -0
  38. data/lib/sinatra/lazy_auth.rb +56 -0
  39. data/lib/sinatra/rabbit.rb +272 -0
  40. data/lib/sinatra/respond_to.rb +262 -0
  41. data/lib/sinatra/static_assets.rb +83 -0
  42. data/lib/sinatra/url_for.rb +44 -0
  43. data/public/favicon.ico +0 -0
  44. data/public/images/grid.png +0 -0
  45. data/public/images/logo-wide.png +0 -0
  46. data/public/images/rails.png +0 -0
  47. data/public/images/topbar-bg.png +0 -0
  48. data/public/javascripts/application.js +2 -0
  49. data/public/javascripts/controls.js +963 -0
  50. data/public/javascripts/dragdrop.js +973 -0
  51. data/public/javascripts/effects.js +1128 -0
  52. data/public/javascripts/prototype.js +4320 -0
  53. data/public/stylesheets/compiled/application.css +613 -0
  54. data/public/stylesheets/compiled/ie.css +31 -0
  55. data/public/stylesheets/compiled/print.css +27 -0
  56. data/public/stylesheets/compiled/screen.css +456 -0
  57. data/server.rb +340 -0
  58. data/tests/deltacloud_test.rb +60 -0
  59. data/tests/images_test.rb +94 -0
  60. data/tests/instances_test.rb +136 -0
  61. data/tests/realms_test.rb +56 -0
  62. data/tests/storage_snapshots_test.rb +48 -0
  63. data/tests/storage_volumes_test.rb +48 -0
  64. data/views/accounts/index.html.haml +11 -0
  65. data/views/accounts/show.html.haml +30 -0
  66. data/views/api/show.html.haml +15 -0
  67. data/views/api/show.xml.haml +5 -0
  68. data/views/docs/collection.html.haml +37 -0
  69. data/views/docs/collection.xml.haml +14 -0
  70. data/views/docs/index.html.haml +15 -0
  71. data/views/docs/index.xml.haml +5 -0
  72. data/views/docs/operation.html.haml +31 -0
  73. data/views/docs/operation.xml.haml +10 -0
  74. data/views/errors/auth_exception.html.haml +8 -0
  75. data/views/errors/auth_exception.xml.haml +2 -0
  76. data/views/errors/backend_error.html.haml +17 -0
  77. data/views/errors/backend_error.xml.haml +8 -0
  78. data/views/errors/validation_failure.html.haml +11 -0
  79. data/views/errors/validation_failure.xml.haml +7 -0
  80. data/views/hardware_profiles/index.html.haml +25 -0
  81. data/views/hardware_profiles/index.xml.haml +4 -0
  82. data/views/hardware_profiles/show.html.haml +19 -0
  83. data/views/hardware_profiles/show.xml.haml +17 -0
  84. data/views/images/index.html.haml +30 -0
  85. data/views/images/index.xml.haml +7 -0
  86. data/views/images/show.html.haml +21 -0
  87. data/views/images/show.xml.haml +5 -0
  88. data/views/instance_states/show.gv.erb +45 -0
  89. data/views/instance_states/show.html.haml +31 -0
  90. data/views/instance_states/show.xml.haml +8 -0
  91. data/views/instances/index.html.haml +29 -0
  92. data/views/instances/index.xml.haml +23 -0
  93. data/views/instances/new.html.haml +49 -0
  94. data/views/instances/show.html.haml +42 -0
  95. data/views/instances/show.xml.haml +28 -0
  96. data/views/layout.html.haml +23 -0
  97. data/views/realms/index.html.haml +29 -0
  98. data/views/realms/index.xml.haml +12 -0
  99. data/views/realms/show.html.haml +15 -0
  100. data/views/realms/show.xml.haml +10 -0
  101. data/views/root/index.html.haml +4 -0
  102. data/views/storage_snapshots/index.html.haml +20 -0
  103. data/views/storage_snapshots/index.xml.haml +11 -0
  104. data/views/storage_snapshots/show.html.haml +14 -0
  105. data/views/storage_snapshots/show.xml.haml +9 -0
  106. data/views/storage_volumes/index.html.haml +21 -0
  107. data/views/storage_volumes/index.xml.haml +13 -0
  108. data/views/storage_volumes/show.html.haml +20 -0
  109. data/views/storage_volumes/show.xml.haml +13 -0
  110. metadata +311 -0
@@ -0,0 +1,262 @@
1
+ require 'sinatra/base'
2
+ require 'rack/accept_media_types'
3
+
4
+ # Accept header parsing was looked at but deemed
5
+ # too much of an irregularity to deal with. Problems with the header
6
+ # differences from IE, Firefox, Safari, and every other UA causes
7
+ # problems with the expected output. The general expected behavior
8
+ # would be serve html when no extension provided, but most UAs say
9
+ # they will accept application/xml with out a quality indicator, meaning
10
+ # you'd get the xml block served insead. Just plain retarded, use the
11
+ # extension and you'll never be suprised.
12
+
13
+ module Sinatra
14
+ module RespondTo
15
+ class UnhandledFormat < Sinatra::NotFound; end
16
+ class MissingTemplate < Sinatra::NotFound
17
+ def code; 500 end
18
+ end
19
+
20
+ TEXT_MIME_TYPES = [:txt, :html, :js, :json, :xml, :rss, :atom, :css, :asm, :c, :cc, :conf,
21
+ :csv, :cxx, :diff, :dtd, :f, :f77, :f90, :for, :gemspec, :h, :hh, :htm,
22
+ :log, :mathml, :mml, :p, :pas, :pl, :pm, :py, :rake, :rb, :rdf, :rtf, :ru,
23
+ :s, :sgm, :sgml, :sh, :svg, :svgz, :text, :wsdl, :xhtml, :xsl, :xslt, :yaml,
24
+ :yml, :ics]
25
+
26
+ def self.registered(app)
27
+ app.helpers RespondTo::Helpers
28
+
29
+ app.set :default_charset, 'utf-8'
30
+ app.set :default_content, :html
31
+ app.set :assume_xhr_is_js, true
32
+
33
+ # We remove the trailing extension so routes
34
+ # don't have to be of the style
35
+ #
36
+ # get '/resouce.:format'
37
+ #
38
+ # They can instead be of the style
39
+ #
40
+ # get '/resource'
41
+ #
42
+ # and the format will automatically be available in <tt>format</tt>
43
+ app.before do
44
+ # Let through sinatra image urls in development
45
+ next if self.class.development? && request.path_info =~ %r{/__sinatra__/.*?.png}
46
+
47
+ unless options.static? && options.public? && (request.get? || request.head?) && static_file?(request.path_info)
48
+ request.path_info.sub! %r{\.([^\./]+)$}, ''
49
+
50
+ ext = nil
51
+ if request.xhr? && options.assume_xhr_is_js?
52
+ ext = :js
53
+ elsif ! $1.nil?
54
+ ext = $1
55
+ elsif env['HTTP_ACCEPT'].nil? || env['HTTP_ACCEPT'].empty?
56
+ ext = options.default_content
57
+ end
58
+ if ext
59
+ @mime_types = [ Helpers::mime_type(ext) ]
60
+ format ext
61
+ end
62
+ end
63
+ end
64
+
65
+ app.configure :development do |dev|
66
+ dev.error UnhandledFormat do
67
+ content_type :html, :charset => 'utf-8'
68
+
69
+ (<<-HTML).gsub(/^ {10}/, '')
70
+ <!DOCTYPE html>
71
+ <html>
72
+ <head>
73
+ <style type="text/css">
74
+ body { text-align:center;font-family:helvetica,arial;font-size:22px;
75
+ color:#888;margin:20px}
76
+ #c {margin:0 auto;width:500px;text-align:left}
77
+ </style>
78
+ </head>
79
+ <body>
80
+ <h2>Sinatra doesn't know this ditty.</h2>
81
+ <img src='/__sinatra__/404.png'>
82
+ <div id="c">
83
+ Try this:
84
+ <pre>#{request.request_method.downcase} '#{request.path_info}' do\n respond_to do |wants|\n wants.#{format} { "Hello World" }\n end\nend</pre>
85
+ </div>
86
+ </body>
87
+ </html>
88
+ HTML
89
+ end
90
+
91
+ dev.error MissingTemplate do
92
+ content_type :html, :charset => 'utf-8'
93
+ response.status = request.env['sinatra.error'].code
94
+
95
+ engine = request.env['sinatra.error'].message.split('.').last
96
+ engine = 'haml' unless ['haml', 'builder', 'erb'].include? engine
97
+
98
+ path = File.basename(request.path_info)
99
+ path = "root" if path.nil? || path.empty?
100
+
101
+ format = engine == 'builder' ? 'xml' : 'html'
102
+
103
+ layout = case engine
104
+ when 'haml' then "!!!\n%html\n %body= yield"
105
+ when 'erb' then "<html>\n <body>\n <%= yield %>\n </body>\n</html>"
106
+ when 'builder' then ::Sinatra::VERSION =~ /^1.0/ ? "xml << yield" : "builder do |xml|\n xml << yield\nend"
107
+ end
108
+
109
+ layout = "<small>app.#{format}.#{engine}</small>\n<pre>#{escape_html(layout)}</pre>"
110
+
111
+ (<<-HTML).gsub(/^ {10}/, '')
112
+ <!DOCTYPE html>
113
+ <html>
114
+ <head>
115
+ <style type="text/css">
116
+ body { text-align:center;font-family:helvetica,arial;font-size:22px;
117
+ color:#888;margin:20px}
118
+ #c {margin:0 auto;width:500px;text-align:left;}
119
+ small {float:right;clear:both;}
120
+ pre {clear:both;}
121
+ </style>
122
+ </head>
123
+ <body>
124
+ <h2>Sinatra can't find #{request.env['sinatra.error'].message}</h2>
125
+ <img src='/__sinatra__/500.png'>
126
+ <div id="c">
127
+ Try this:<br />
128
+ #{layout}
129
+ <small>#{path}.#{format}.#{engine}</small>
130
+ <pre>Hello World!</pre>
131
+ <small>application.rb</small>
132
+ <pre>#{request.request_method.downcase} '#{request.path_info}' do\n respond_to do |wants|\n wants.#{engine == 'builder' ? 'xml' : 'html'} { #{engine} :#{path}#{",\n#{' '*32}layout => :app" if layout} }\n end\nend</pre>
133
+ </div>
134
+ </body>
135
+ </html>
136
+ HTML
137
+ end
138
+
139
+ end
140
+
141
+ app.class_eval do
142
+ private
143
+ def accept_list
144
+ @mime_types || Rack::AcceptMediaTypes.new(env['HTTP_ACCEPT'] || '')
145
+ end
146
+
147
+ # Changes in 1.0 Sinatra reuse render for layout so we store
148
+ # the original value to tell us if this is an automatic attempt
149
+ # to do a layout call. If it is, it might fail with Errno::ENOENT
150
+ # and we want to pass that back to sinatra since it isn't a MissingTemplate
151
+ # error
152
+ def render_with_format(*args, &block)
153
+ assumed_layout = args[1] == :layout
154
+ args[1] = "#{args[1]}.#{format}".to_sym if args[1].is_a?(::Symbol)
155
+ render_without_format *args, &block
156
+ rescue Errno::ENOENT => e
157
+ raise MissingTemplate, "#{args[1]}.#{args[0]}" unless assumed_layout
158
+ raise e
159
+ end
160
+ alias_method :render_without_format, :render
161
+ alias_method :render, :render_with_format
162
+
163
+ if ::Sinatra::VERSION =~ /^0\.9/
164
+ def lookup_layout_with_format(*args)
165
+ args[1] = "#{args[1]}.#{format}".to_sym if args[1].is_a?(::Symbol)
166
+ lookup_layout_without_format *args
167
+ end
168
+ alias_method :lookup_layout_without_format, :lookup_layout
169
+ alias_method :lookup_layout, :lookup_layout_with_format
170
+ end
171
+ end
172
+ end
173
+
174
+ module Helpers
175
+ # Patch the content_type function to remember the set type
176
+ # This helps cut down on time in the format helper so it
177
+ # doesn't have to do a reverse lookup on the header
178
+ def self.included(klass)
179
+ klass.class_eval do
180
+ def content_type_with_save(*args)
181
+ content_type_without_save *args
182
+ @_format = args.first.to_sym
183
+ response['Content-Type']
184
+ end
185
+ alias_method :content_type_without_save, :content_type
186
+ alias_method :content_type, :content_type_with_save
187
+ end if ::Sinatra::VERSION =~ /^1.0/
188
+ end
189
+
190
+ def self.mime_type(sym)
191
+ ::Sinatra::Base.respond_to?(:mime_type) && ::Sinatra::Base.mime_type(sym) || ::Sinatra::Base.media_type(sym)
192
+ end
193
+
194
+ def format(val=nil)
195
+ unless val.nil?
196
+ mime_type = ::Sinatra::RespondTo::Helpers.mime_type(val)
197
+ fail "Unknown media type #{val}\nTry registering the extension with a mime type" if mime_type.nil?
198
+
199
+ @_format = val.to_sym
200
+ response['Content-Type'].sub!(/^[^;]+/, mime_type)
201
+ charset options.default_charset if Sinatra::RespondTo::TEXT_MIME_TYPES.include? format
202
+ end
203
+
204
+ @_format
205
+ end
206
+
207
+ # This is mostly just a helper so request.path_info isn't changed when
208
+ # serving files from the public directory
209
+ def static_file?(path)
210
+ public_dir = File.expand_path(options.public)
211
+ path = File.expand_path(File.join(public_dir, unescape(path)))
212
+
213
+ path[0, public_dir.length] == public_dir && File.file?(path)
214
+ end
215
+
216
+ def charset(val=nil)
217
+ fail "Content-Type must be set in order to specify a charset" if response['Content-Type'].nil?
218
+
219
+ if response['Content-Type'] =~ /charset=[^;]+/
220
+ response['Content-Type'].sub!(/charset=[^;]+/, (val == '' && '') || "charset=#{val}")
221
+ else
222
+ response['Content-Type'] += ";charset=#{val}"
223
+ end unless val.nil?
224
+
225
+ response['Content-Type'][/charset=([^;]+)/, 1]
226
+ end
227
+
228
+ def respond_to(&block)
229
+ wants = Format.new
230
+ yield wants
231
+ fmt, type, handler = match_accept_type(accept_list, wants)
232
+ raise UnhandledFormat if fmt.nil?
233
+ format fmt
234
+ handler.nil? ? nil : handler.call
235
+ end
236
+
237
+ def match_accept_type(mime_types, format)
238
+ selected = []
239
+ accepted_types = mime_types.map {|type| Regexp.escape(type).gsub(/\\\*/,'.*') }
240
+ accepted_types.each do |at|
241
+ format.each do |fmt, ht, handler|
242
+ (selected = [fmt, ht, handler]) and break if ht.match(at)
243
+ end
244
+ break unless selected.empty?
245
+ end
246
+ selected
247
+ end
248
+
249
+ # NOTE Array instead of hash because order matters (wildcard type
250
+ # matches first handler)
251
+ class Format < Array #:nodoc:
252
+ def method_missing(format, *args, &handler)
253
+ mt = Sinatra::RespondTo::Helpers.mime_type(format)
254
+ if mt.nil?
255
+ Sinatra::Base.send(:fail, "Unknown media type for respond_to: #{format}\nTry registering the extension with a mime type")
256
+ end
257
+ self << [format.to_s, mt, handler]
258
+ end
259
+ end
260
+ end
261
+ end
262
+ end
@@ -0,0 +1,83 @@
1
+ require 'sinatra/base'
2
+ require 'sinatra/url_for'
3
+
4
+ module Sinatra
5
+ module StaticAssets
6
+ module Helpers
7
+ # In HTML <link> and <img> tags have no end tag.
8
+ # In XHTML, on the contrary, these tags must be properly closed.
9
+ #
10
+ # We can choose the appropriate behaviour with +closed+ option:
11
+ #
12
+ # image_tag "/images/foo.png", :alt => "Foo itself", :closed => true
13
+ #
14
+ # The default value of +closed+ option is +false+.
15
+ #
16
+ def image_tag(source, options = {})
17
+ options[:src] = url_for(source)
18
+ tag("img", options)
19
+ end
20
+
21
+ def stylesheet_link_tag(*sources)
22
+ list, options = extract_options(sources)
23
+ list.collect { |source| stylesheet_tag(source, options) }.join("\n")
24
+ end
25
+
26
+ def javascript_script_tag(*sources)
27
+ list, options = extract_options(sources)
28
+ list.collect { |source| javascript_tag(source, options) }.join("\n")
29
+ end
30
+
31
+ def link_to(desc, url, options = {})
32
+ tag("a", options.merge(:href => url_for(url))) do
33
+ desc
34
+ end
35
+ end
36
+
37
+ private
38
+
39
+ def tag(name, local_options = {})
40
+ start_tag = "<#{name}#{tag_options(local_options) if local_options}"
41
+ if block_given?
42
+ content = yield
43
+ "#{start_tag}>#{content}</#{name}>"
44
+ else
45
+ "#{start_tag}#{"/" if options.xhtml}>"
46
+ end
47
+ end
48
+
49
+ def tag_options(options)
50
+ unless options.empty?
51
+ attrs = []
52
+ attrs = options.map { |key, value| %(#{key}="#{Rack::Utils.escape_html(value)}") }
53
+ " #{attrs.sort * ' '}" unless attrs.empty?
54
+ end
55
+ end
56
+
57
+ def stylesheet_tag(source, options = {})
58
+ tag("link", { :type => "text/css",
59
+ :charset => "utf-8", :media => "screen", :rel => "stylesheet",
60
+ :href => url_for(source) }.merge(options))
61
+ end
62
+
63
+ def javascript_tag(source, options = {})
64
+ tag("script", { :type => "text/javascript", :charset => "utf-8",
65
+ :src => url_for(source) }.merge(options)) do
66
+ end
67
+ end
68
+
69
+ def extract_options(a)
70
+ opts = a.last.is_a?(::Hash) ? a.pop : {}
71
+ [a, opts]
72
+ end
73
+
74
+ end
75
+
76
+ def self.registered(app)
77
+ app.helpers StaticAssets::Helpers
78
+ app.disable :xhtml
79
+ end
80
+ end
81
+
82
+ register StaticAssets
83
+ end
@@ -0,0 +1,44 @@
1
+ module Sinatra
2
+ module UrlForHelper
3
+ # Construct a link to +url_fragment+, which should be given relative to
4
+ # the base of this Sinatra app. The mode should be either
5
+ # <code>:path_only</code>, which will generate an absolute path within
6
+ # the current domain (the default), or <code>:full</code>, which will
7
+ # include the site name and port number. (The latter is typically
8
+ # necessary for links in RSS feeds.) Example usage:
9
+ #
10
+ # url_for "/" # Returns "/myapp/"
11
+ # url_for "/foo" # Returns "/myapp/foo"
12
+ # url_for "/foo", :full # Returns "http://example.com/myapp/foo"
13
+ #--
14
+ # See README.rdoc for a list of some of the people who helped me clean
15
+ # up earlier versions of this code.
16
+ def url_for url_fragment, mode=:path_only
17
+ case mode
18
+ when :path_only
19
+ base = request.script_name
20
+ when :full
21
+ scheme = request.scheme
22
+ if (scheme == 'http' && request.port == 80 ||
23
+ scheme == 'https' && request.port == 443)
24
+ port = ""
25
+ else
26
+ port = ":#{request.port}"
27
+ end
28
+ request_host = HOSTNAME ? HOSTNAME : request.host
29
+ base = "#{scheme}://#{request_host}#{port}#{request.script_name}"
30
+ else
31
+ raise TypeError, "Unknown url_for mode #{mode}"
32
+ end
33
+ "#{base}#{url_fragment}"
34
+ end
35
+
36
+ def root_url
37
+ url_for '/'
38
+ end
39
+ end
40
+
41
+
42
+
43
+ helpers UrlForHelper
44
+ end
File without changes
Binary file
Binary file
Binary file
Binary file
@@ -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-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
2
+ // (c) 2005-2008 Ivan Krstic (http://blogs.law.harvard.edu/ivan)
3
+ // (c) 2005-2008 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.unescapeHTML();
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
+ });