Commit eed38cd88fcf7c8bfb7702f0bb78b9f4f5468b9e
1 parent
48e8a1da
Exists in
master
and in
22 other branches
Move to modal api
Showing
44 changed files
with
195 additions
and
196 deletions
Show diff stats
app/helpers/application_helper.rb
| ... | ... | @@ -8,7 +8,7 @@ module ApplicationHelper |
| 8 | 8 | |
| 9 | 9 | include PermissionNameHelper |
| 10 | 10 | |
| 11 | - include ColorboxHelper | |
| 11 | + include ModalHelper | |
| 12 | 12 | |
| 13 | 13 | include BoxesHelper |
| 14 | 14 | |
| ... | ... | @@ -648,7 +648,7 @@ module ApplicationHelper |
| 648 | 648 | ' onblur="if(/^\s*$/.test(this.value)){this.value=\''+s+'\'} this.form.className=\'focus-out\'">'+ |
| 649 | 649 | '</form>' |
| 650 | 650 | else |
| 651 | - colorbox_link_to '<span class="icon-menu-search"></span>'+ _('Search'), { | |
| 651 | + modal_link_to '<span class="icon-menu-search"></span>'+ _('Search'), { | |
| 652 | 652 | :controller => 'search', |
| 653 | 653 | :action => 'popup', |
| 654 | 654 | :category_path => (@category ? @category.explode_path : nil)}, |
| ... | ... | @@ -1046,7 +1046,7 @@ module ApplicationHelper |
| 1046 | 1046 | {s_('contents|Most commented') => {:href => url_for({:controller => 'search', :action => 'contents', :filter => 'more_comments'})}} |
| 1047 | 1047 | ] |
| 1048 | 1048 | if logged_in? |
| 1049 | - links.push(_('New content') => colorbox_options({:href => url_for({:controller => 'cms', :action => 'new', :profile => current_user.login, :cms => true})})) | |
| 1049 | + links.push(_('New content') => modal_options({:href => url_for({:controller => 'cms', :action => 'new', :profile => current_user.login, :cms => true})})) | |
| 1050 | 1050 | end |
| 1051 | 1051 | |
| 1052 | 1052 | link_to(content_tag(:span, _('Contents'), :class => 'icon-menu-articles'), {:controller => "search", :action => 'contents', :category_path => nil}, :id => 'submenu-contents') + | ... | ... |
app/helpers/boxes_helper.rb
| ... | ... | @@ -231,7 +231,7 @@ module BoxesHelper |
| 231 | 231 | end |
| 232 | 232 | |
| 233 | 233 | if block.editable? |
| 234 | - buttons << colorbox_icon_button(:edit, _('Edit'), { :action => 'edit', :id => block.id }) | |
| 234 | + buttons << modal_icon_button(:edit, _('Edit'), { :action => 'edit', :id => block.id }) | |
| 235 | 235 | end |
| 236 | 236 | |
| 237 | 237 | if !block.main? |
| ... | ... | @@ -241,7 +241,7 @@ module BoxesHelper |
| 241 | 241 | end |
| 242 | 242 | |
| 243 | 243 | if block.respond_to?(:help) |
| 244 | - buttons << colorbox_inline_icon(:help, _('Help on this block'), {}, "#help-on-box-#{block.id}") << content_tag('div', content_tag('h2', _('Help')) + content_tag('div', block.help, :style => 'margin-bottom: 1em;') + colorbox_close_button(_('Close')), :style => 'display: none;', :id => "help-on-box-#{block.id}") | |
| 244 | + buttons << modal_inline_icon(:help, _('Help on this block'), {}, "#help-on-box-#{block.id}") << content_tag('div', content_tag('h2', _('Help')) + content_tag('div', block.help, :style => 'margin-bottom: 1em;') + modal_close_button(_('Close')), :style => 'display: none;', :id => "help-on-box-#{block.id}") | |
| 245 | 245 | end |
| 246 | 246 | |
| 247 | 247 | if block.embedable? | ... | ... |
app/helpers/colorbox_helper.rb
| ... | ... | @@ -1,46 +0,0 @@ |
| 1 | -module ColorboxHelper | |
| 2 | - | |
| 3 | - def colorbox_inline_link_to title, url, selector, options = {} | |
| 4 | - link_to title, url, colorbox_options(options.merge(:inline => selector)) | |
| 5 | - end | |
| 6 | - | |
| 7 | - def colorbox_inline_icon type, title, url, selector, options = {} | |
| 8 | - icon_button type, title, url, colorbox_options(options.merge(:inline => selector)) | |
| 9 | - end | |
| 10 | - | |
| 11 | - def colorbox_link_to title, url, options = {} | |
| 12 | - link_to title, url, colorbox_options(options) | |
| 13 | - end | |
| 14 | - | |
| 15 | - def colorbox_close_link text, options = {} | |
| 16 | - link_to text, '#', colorbox_options(options, :close) | |
| 17 | - end | |
| 18 | - | |
| 19 | - def colorbox_close_button(text, options = {}) | |
| 20 | - button(:close, text, '#', colorbox_options(options, :close).merge(:rel => 'deactivate')) | |
| 21 | - end | |
| 22 | - | |
| 23 | - def colorbox_button(type, label, url, options = {}) | |
| 24 | - button(type, label, url, colorbox_options(options)) | |
| 25 | - end | |
| 26 | - | |
| 27 | - def colorbox_icon_button(type, label, url, options = {}) | |
| 28 | - icon_button(type, label, url, colorbox_options(options)) | |
| 29 | - end | |
| 30 | - | |
| 31 | - # options must be an HTML options hash as passed to link_to etc. | |
| 32 | - # | |
| 33 | - # returns a new hash with colorbox class added. Keeps existing classes. | |
| 34 | - def colorbox_options(options, type=nil) | |
| 35 | - inline_selector = options.delete :inline | |
| 36 | - options[:onclick] = "return colorbox_helpers.inline('#{inline_selector}')" if inline_selector | |
| 37 | - | |
| 38 | - classes = if inline_selector then '' else 'colorbox' end | |
| 39 | - classes += "-#{type.to_s}" if type.present? | |
| 40 | - classes << " #{options[:class]}" if options.has_key? :class | |
| 41 | - options.merge!(:class => classes) | |
| 42 | - | |
| 43 | - options | |
| 44 | - end | |
| 45 | - | |
| 46 | -end |
app/helpers/comment_helper.rb
| ... | ... | @@ -65,7 +65,7 @@ module CommentHelper |
| 65 | 65 | |
| 66 | 66 | def link_for_edit(comment) |
| 67 | 67 | if comment.can_be_updated_by?(user) |
| 68 | - {:link => expirable_comment_link(comment, :edit, _('Edit'), url_for(:profile => profile.identifier, :controller => :comment, :action => :edit, :id => comment.id),:class => 'colorbox')} | |
| 68 | + {:link => expirable_comment_link(comment, :edit, _('Edit'), url_for(:profile => profile.identifier, :controller => :comment, :action => :edit, :id => comment.id),:class => 'modal')} | |
| 69 | 69 | end |
| 70 | 70 | end |
| 71 | 71 | ... | ... |
| ... | ... | @@ -0,0 +1,46 @@ |
| 1 | +module ModalHelper | |
| 2 | + | |
| 3 | + def modal_inline_link_to title, url, selector, options = {} | |
| 4 | + link_to title, url, modal_options(options.merge(:inline => selector)) | |
| 5 | + end | |
| 6 | + | |
| 7 | + def modal_inline_icon type, title, url, selector, options = {} | |
| 8 | + icon_button type, title, url, modal_options(options.merge(:inline => selector)) | |
| 9 | + end | |
| 10 | + | |
| 11 | + def modal_link_to title, url, options = {} | |
| 12 | + link_to title, url, modal_options(options) | |
| 13 | + end | |
| 14 | + | |
| 15 | + def modal_close_link text, options = {} | |
| 16 | + link_to text, '#', modal_options(options, :close) | |
| 17 | + end | |
| 18 | + | |
| 19 | + def modal_close_button(text, options = {}) | |
| 20 | + button :close, text, '#', modal_options(options, :close).merge(:rel => 'deactivate') | |
| 21 | + end | |
| 22 | + | |
| 23 | + def modal_button(type, label, url, options = {}) | |
| 24 | + button type, label, url, modal_options(options) | |
| 25 | + end | |
| 26 | + | |
| 27 | + def modal_icon_button(type, label, url, options = {}) | |
| 28 | + icon_button type, label, url, modal_options(options) | |
| 29 | + end | |
| 30 | + | |
| 31 | + # options must be an HTML options hash as passed to link_to etc. | |
| 32 | + # | |
| 33 | + # returns a new hash with modal class added. Keeps existing classes. | |
| 34 | + def modal_options(options, type=nil) | |
| 35 | + inline_selector = options.delete :inline | |
| 36 | + options[:onclick] = "return noosfero.modal.inline('#{inline_selector}')" if inline_selector | |
| 37 | + | |
| 38 | + classes = if inline_selector then '' else 'modal-toggle' end | |
| 39 | + classes += " modal-#{type.to_s}" if type.present? | |
| 40 | + classes << " #{options[:class]}" if options.has_key? :class | |
| 41 | + options.merge!(:class => classes) | |
| 42 | + | |
| 43 | + options | |
| 44 | + end | |
| 45 | + | |
| 46 | +end | ... | ... |
app/views/account/_login_form.html.erb
app/views/account/index_anonymous.html.erb
| 1 | 1 | <h1><%= _('Identify yourself') %></h1> |
| 2 | 2 | |
| 3 | 3 | <p> |
| 4 | -<%= colorbox_link_to _('Login.'), { :controller => 'account', :action => 'login_popup' } %> | |
| 4 | +<%= modal_link_to _('Login.'), { :controller => 'account', :action => 'login_popup' } %> | |
| 5 | 5 | |
| 6 | 6 | <%= _('You need to login to be able to use all the features in this environment.') %> |
| 7 | 7 | </p> | ... | ... |
app/views/account/login.html.erb
app/views/account/logout_popup.html.erb
app/views/box_organizer/add_block.html.erb
app/views/box_organizer/edit.html.erb
app/views/box_organizer/index.html.erb
| 1 | 1 | <h1><%= _('Editing sideboxes')%></h1> |
| 2 | 2 | |
| 3 | 3 | <% button_bar :class=>'design-menu' do %> |
| 4 | - <%= colorbox_button('add', _('Add a block'), { :action => 'add_block' }) %> | |
| 4 | + <%= modal_button('add', _('Add a block'), { :action => 'add_block' }) %> | |
| 5 | 5 | <%= button(:back, _('Back to control panel'), :controller => (profile.nil? ? 'admin_panel': 'profile_editor')) %> |
| 6 | 6 | <% end %> | ... | ... |
app/views/cms/edit.html.erb
| ... | ... | @@ -28,7 +28,7 @@ |
| 28 | 28 | <% end %> |
| 29 | 29 | |
| 30 | 30 | <div style='float: right'> |
| 31 | - <%= colorbox_button :help, _('Why categorize?'), :action => 'why_categorize' %> | |
| 31 | + <%= modal_button :help, _('Why categorize?'), :action => 'why_categorize' %> | |
| 32 | 32 | </div> |
| 33 | 33 | |
| 34 | 34 | <%= select_categories(:article, _('Categorize your article')) %> | ... | ... |
app/views/cms/select_article_type.html.erb
app/views/cms/view.html.erb
| ... | ... | @@ -17,7 +17,7 @@ |
| 17 | 17 | <% button_bar(:style => 'margin-bottom: 1em;') do %> |
| 18 | 18 | <% parent_id = ((@article && @article.allow_children?) ? @article : nil) %> |
| 19 | 19 | |
| 20 | - <%= colorbox_button('new', _('New content'), :action => 'new', :parent_id => parent_id, :cms => true) %> | |
| 20 | + <%= modal_button('new', _('New content'), :action => 'new', :parent_id => parent_id, :cms => true) %> | |
| 21 | 21 | <%= button(:back, _('Back to control panel'), :controller => 'profile_editor', :action => "index") %> |
| 22 | 22 | <% end %> |
| 23 | 23 | ... | ... |
app/views/cms/why_categorize.html.erb
app/views/comment/_comment_form.html.erb
| ... | ... | @@ -10,7 +10,7 @@ |
| 10 | 10 | <%= recaptcha_tags(:display => { :theme => 'clean' }, :ajax => true) %> |
| 11 | 11 | <% button_bar do %> |
| 12 | 12 | <%= button_to_function :add, _('Confirm'), "return false", :id => "confirm-captcha" %> |
| 13 | - <%= button_to_function :cancel, _('Cancel'), "jQuery.colorbox.close()" %> | |
| 13 | + <%= button_to_function :cancel, _('Cancel'), "noosfero.modal.close()" %> | |
| 14 | 14 | <% end %> |
| 15 | 15 | </div> |
| 16 | 16 | |
| ... | ... | @@ -31,10 +31,10 @@ function check_captcha(button, confirm_action) { |
| 31 | 31 | return true; |
| 32 | 32 | <% else %> |
| 33 | 33 | jQuery('#recaptcha-container').show(); |
| 34 | - jQuery.colorbox({ html: jQuery('#recaptcha-container').html(), maxWidth : '600px', maxHeight : '300px' }); | |
| 34 | + noosfero.modal.inline('#recaptcha-container', {maxWidth :'600px', maxHeight : '300px' }); | |
| 35 | 35 | jQuery('#confirm-captcha').unbind('click'); |
| 36 | 36 | jQuery('#confirm-captcha').bind('click', function() { |
| 37 | - jQuery.colorbox.close(); | |
| 37 | + noosfero.modal.close(); | |
| 38 | 38 | button.form.recaptcha_response_field.value = jQuery('#recaptcha_response_field').val(); |
| 39 | 39 | button.form.recaptcha_challenge_field.value = jQuery('#recaptcha_challenge_field').val(); |
| 40 | 40 | button.form.confirm.value = 'true'; |
| ... | ... | @@ -88,7 +88,7 @@ function check_captcha(button, confirm_action) { |
| 88 | 88 | <% if !edition_mode %> |
| 89 | 89 | <%= button :cancel, _('Cancel'), '', :id => 'cancel-comment' %> |
| 90 | 90 | <% else %> |
| 91 | - <%= button :cancel, _('Cancel'), '#', :onclick => "jQuery.colorbox.close();" %> | |
| 91 | + <%= button :cancel, _('Cancel'), '#', :onclick => "noosfero.modal.close();" %> | |
| 92 | 92 | <% end %> |
| 93 | 93 | <% end %> |
| 94 | 94 | <% end %> | ... | ... |
app/views/content_viewer/_article_toolbar.html.erb
| ... | ... | @@ -28,7 +28,7 @@ |
| 28 | 28 | <%= expirable_button @page, :locale, content, url %> |
| 29 | 29 | <% end %> |
| 30 | 30 | |
| 31 | - <%= colorbox_button(:new, label_for_new_article(@page), profile.admin_url.merge(:controller => 'cms', :action => 'new', :parent_id => (@page.folder? ? @page : (@page.parent.nil? ? nil : @page.parent)))) unless remove_content_button(:new, @page) %> | |
| 31 | + <%= modal_button(:new, label_for_new_article(@page), profile.admin_url.merge(:controller => 'cms', :action => 'new', :parent_id => (@page.folder? ? @page : (@page.parent.nil? ? nil : @page.parent)))) unless remove_content_button(:new, @page) %> | |
| 32 | 32 | <% end %> |
| 33 | 33 | |
| 34 | 34 | <% if @page.accept_uploads? && @page.allow_create?(user) %> | ... | ... |
app/views/content_viewer/_comment_form.html.erb
| ... | ... | @@ -7,10 +7,10 @@ function submit_comment_form(button) { |
| 7 | 7 | return true; |
| 8 | 8 | <% else %> |
| 9 | 9 | jQuery('#recaptcha-container').show(); |
| 10 | - jQuery.colorbox({ inline : true, href : '#recaptcha-container', maxWidth : '600px', maxHeight : '300px' }); | |
| 10 | + noosfero.modal.inline('#recaptcha-container', {maxWidth :'600px', maxHeight : '300px' }); | |
| 11 | 11 | jQuery('#confirm-captcha').unbind('click'); |
| 12 | 12 | jQuery('#confirm-captcha').bind('click', function() { |
| 13 | - jQuery.colorbox.close(); | |
| 13 | + noosfero.modal.close(); | |
| 14 | 14 | button.form.recaptcha_response_field.value = jQuery('#recaptcha_response_field').val(); |
| 15 | 15 | button.form.recaptcha_challenge_field.value = jQuery('#recaptcha_challenge_field').val(); |
| 16 | 16 | button.form.confirm.value = 'true'; |
| ... | ... | @@ -38,7 +38,7 @@ function submit_comment_form(button) { |
| 38 | 38 | <%= recaptcha_tags(:display => { :theme => 'clean' }, :ajax => true) %> |
| 39 | 39 | <% button_bar do %> |
| 40 | 40 | <%= button_to_function :add, _('Confirm'), "return false", :id => "confirm-captcha" %> |
| 41 | - <%= button_to_function :cancel, _('Cancel'), "jQuery.colorbox.close()" %> | |
| 41 | + <%= button_to_function :cancel, _('Cancel'), "noosfero.modal.close()" %> | |
| 42 | 42 | <% end %> |
| 43 | 43 | </div> |
| 44 | 44 | ... | ... |
app/views/layouts/_user.html.erb
| ... | ... | @@ -7,7 +7,7 @@ |
| 7 | 7 | </span> |
| 8 | 8 | <% else %> |
| 9 | 9 | <span class='not-logged-in'> |
| 10 | - <%= _("<span class='login'>%s</span>") % colorbox_inline_link_to('<i class="icon-menu-login"></i><strong>' + _('Login') + '</strong>', login_url, '#inlineLoginBox', :id => 'link_login') %> | |
| 10 | + <%= _("<span class='login'>%s</span>") % modal_inline_link_to('<i class="icon-menu-login"></i><strong>' + _('Login') + '</strong>', login_url, '#inlineLoginBox', :id => 'link_login') %> | |
| 11 | 11 | <%= @plugins.dispatch(:alternative_authentication_link).collect { |content| instance_exec(&content) }.join("") %> |
| 12 | 12 | |
| 13 | 13 | <div id='inlineLoginBox' style='display: none;'> | ... | ... |
app/views/layouts/application-ng.html.erb
| ... | ... | @@ -18,7 +18,7 @@ |
| 18 | 18 | <%= yield :head %> |
| 19 | 19 | <%= |
| 20 | 20 | @plugins.dispatch(:head_ending).map do |content| |
| 21 | - if content.respond_to?(:call) then instance_exec(&content).html_safe else content.html_safe end | |
| 21 | + if content.respond_to?(:call) then instance_exec(&content).to_s.html_safe else content.to_s.html_safe end | |
| 22 | 22 | end.join("\n") |
| 23 | 23 | %> |
| 24 | 24 | |
| ... | ... | @@ -32,7 +32,7 @@ |
| 32 | 32 | |
| 33 | 33 | <%= |
| 34 | 34 | @plugins.dispatch(:body_beginning).map do |content| |
| 35 | - if content.respond_to?(:call) then instance_exec(&content).html_safe else content.html_safe end | |
| 35 | + if content.respond_to?(:call) then instance_exec(&content).to_s.html_safe else content.to_s.html_safe end | |
| 36 | 36 | end.join("\n") |
| 37 | 37 | %> |
| 38 | 38 | ... | ... |
app/views/profile/join.html.erb
| ... | ... | @@ -9,7 +9,7 @@ |
| 9 | 9 | <%= hidden_field_tag(:confirmation, 1) %> |
| 10 | 10 | <%= submit_button(:ok, _("Yes, I want to join.") % profile.name) %> |
| 11 | 11 | <% if logged_in? && request.xhr? %> |
| 12 | - <%= colorbox_close_button _("No, I don't want") %> | |
| 12 | + <%= modal_close_button _("No, I don't want") %> | |
| 13 | 13 | <% else %> |
| 14 | 14 | <%= button(:cancel, _("No, I don't want."), profile.url) %> |
| 15 | 15 | <% end %> | ... | ... |
app/views/profile/leave.html.erb
| ... | ... | @@ -9,7 +9,7 @@ |
| 9 | 9 | <%= hidden_field_tag(:back_to, @back_to) %> |
| 10 | 10 | <%= submit_button(:ok, _("Yes, I want to leave.") % profile.name) %> |
| 11 | 11 | <% if logged_in? && request.xhr? %> |
| 12 | - <%= colorbox_close_button _("No, I don't want") %> | |
| 12 | + <%= modal_close_button _("No, I don't want") %> | |
| 13 | 13 | <% else %> |
| 14 | 14 | <%= button(:cancel, _("No, I don't want."), profile.url) %> |
| 15 | 15 | <% end %> | ... | ... |
app/views/profile/report_abuse.html.erb
| ... | ... | @@ -9,7 +9,7 @@ |
| 9 | 9 | <% end %> |
| 10 | 10 | |
| 11 | 11 | <%= submit_button(:send, _('Report profile'), :style => 'float: left; cursor: pointer;', :id => 'report-abuse-submit-button', :onclick => "jQuery('#form-submit-loading').show()") %> |
| 12 | - <%= button(:cancel, _('Cancel'), {}, :style => 'float: left; padding-top: 0px; padding-bottom: 0px;', :onclick => 'jQuery.colorbox.close(); return false;')%> | |
| 12 | + <%= button(:cancel, _('Cancel'), {}, :style => 'float: left; padding-top: 0px; padding-bottom: 0px;', :onclick => 'noosfero.modal.close(); return false;')%> | |
| 13 | 13 | <div id="form-submit-loading" class="small-loading" style="width: 16px; height: 16px; margin-top: 3px; float: left; display: none;"></div> |
| 14 | 14 | <% end %> |
| 15 | 15 | |
| ... | ... | @@ -30,7 +30,7 @@ |
| 30 | 30 | success: function(data, status, ajax){ |
| 31 | 31 | if ( !data.ok ) display_notice(data.error.message); |
| 32 | 32 | else { |
| 33 | - $.colorbox.close(); | |
| 33 | + noosfero.modal.close(); | |
| 34 | 34 | display_notice(data.message); |
| 35 | 35 | window.location.reload(); |
| 36 | 36 | } | ... | ... |
app/views/profile_themes/add_css.html.erb
app/views/profile_themes/edit.html.erb
| ... | ... | @@ -16,7 +16,7 @@ |
| 16 | 16 | <% end %> |
| 17 | 17 | </ul> |
| 18 | 18 | <% button_bar do %> |
| 19 | - <%= colorbox_button :add, _('New CSS'), :action => 'add_css', :id => @theme.id %> | |
| 19 | + <%= modal_button :add, _('New CSS'), :action => 'add_css', :id => @theme.id %> | |
| 20 | 20 | <% end %> |
| 21 | 21 | </div> |
| 22 | 22 | |
| ... | ... | @@ -28,7 +28,7 @@ |
| 28 | 28 | <% end %> |
| 29 | 29 | </ul> |
| 30 | 30 | <% button_bar do %> |
| 31 | - <%= colorbox_button :add, _('Add image'), :action => 'add_image', :id => @theme.id %> | |
| 31 | + <%= modal_button :add, _('Add image'), :action => 'add_image', :id => @theme.id %> | |
| 32 | 32 | <% end %> |
| 33 | 33 | </div> |
| 34 | 34 | ... | ... |
app/views/profile_themes/index.html.erb
| ... | ... | @@ -42,7 +42,7 @@ |
| 42 | 42 | |
| 43 | 43 | <% button_bar do %> |
| 44 | 44 | <% if environment.enabled?('user_themes') %> |
| 45 | - <%= colorbox_button :add, _('New theme ...'), :action => 'new' %> | |
| 45 | + <%= modal_button :add, _('New theme ...'), :action => 'new' %> | |
| 46 | 46 | <% end %> |
| 47 | 47 | <%= button(:back, _('Back'), :controller => 'profile_editor', :action => 'index') %> |
| 48 | 48 | <% end %> | ... | ... |
app/views/shared/user_menu.html.erb
| ... | ... | @@ -20,7 +20,7 @@ |
| 20 | 20 | </li> |
| 21 | 21 | |
| 22 | 22 | <li> |
| 23 | - <%= colorbox_link_to '<span class="icon-new"></span>' + _('New article'), '/myprofile/{login}/cms/new' %> | |
| 23 | + <%= modal_link_to '<span class="icon-new"></span>' + _('New article'), '/myprofile/{login}/cms/new' %> | |
| 24 | 24 | </li> |
| 25 | 25 | |
| 26 | 26 | <li id='manage-enterprises-link-template' style='display: none'><a href='/myprofile/{identifier}'><span class="icon-menu-enterprise"></span><%= _('Manage %s') % '{name}' %></a></li> |
| ... | ... | @@ -58,7 +58,7 @@ |
| 58 | 58 | <% if theme_option( :menu_login ) == 'full_form' %> |
| 59 | 59 | <%= render :file => 'account/login_block' %> |
| 60 | 60 | <% else %> |
| 61 | - <%= colorbox_inline_link_to('<span class="icon-menu-login"></span>'+ _('Login'), login_url, '#inlineLoginBox', :id => 'link_login') %> | |
| 61 | + <%= modal_inline_link_to('<span class="icon-menu-login"></span>'+ _('Login'), login_url, '#inlineLoginBox', :id => 'link_login') %> | |
| 62 | 62 | <div id='inlineLoginBox' style='display: none;'> |
| 63 | 63 | <%= render :file => 'account/login', :locals => { :is_popin => true } %> |
| 64 | 64 | </div> | ... | ... |
plugins/custom_forms/public/style.css
plugins/custom_forms/views/custom_forms_plugin_myprofile/_edit_select.html.erb
| ... | ... | @@ -26,7 +26,7 @@ |
| 26 | 26 | <%= labelled_radio_button 'Multiple Select', "fields[#{counter}][kind]", 'multiple_select', field.multiple && field.list %><br /> |
| 27 | 27 | |
| 28 | 28 | <% button_bar do %> |
| 29 | - <%= button :ok, c_('Ok'), '#', :class => 'colorbox-ok-button', :div_id => elem_id %> | |
| 29 | + <%= button :ok, _('Ok'), '#', :div_id => elem_id %> | |
| 30 | 30 | <% end %> |
| 31 | 31 | </div> |
| 32 | 32 | ... | ... |
plugins/shopping_cart/public/cart.js
| ... | ... | @@ -290,14 +290,11 @@ function Cart(config) { |
| 290 | 290 | log.error('Send request - HTTP '+status, errorThrown); |
| 291 | 291 | }, |
| 292 | 292 | complete: function() { |
| 293 | - $.colorbox.close(); | |
| 293 | + noosfero.modal.close(); | |
| 294 | 294 | } |
| 295 | 295 | }); |
| 296 | 296 | } |
| 297 | 297 | |
| 298 | - Cart.colorbox_close = function() { | |
| 299 | - $.colorbox.close(); | |
| 300 | - } | |
| 301 | 298 | |
| 302 | 299 | $(window).bind('beforeunload', function(){ |
| 303 | 300 | log('Page unload.'); | ... | ... |
plugins/shopping_cart/views/cart.html.erb
| ... | ... | @@ -5,7 +5,7 @@ |
| 5 | 5 | <a href="cart:clean" onclick="Cart.clean(this); return false" class="cart-clean"><%=_('Clean basket')%></a> |
| 6 | 6 | <ul class="cart-items"></ul> |
| 7 | 7 | <div class="cart-total"><%=_('Total:')%> <b></b></div> |
| 8 | - <a href="/plugin/shopping_cart/buy" class="cart-buy colorbox"><%=_('Shopping checkout')%></a> | |
| 8 | + <a href="/plugin/shopping_cart/buy" class="cart-buy modal"><%=_('Shopping checkout')%></a> | |
| 9 | 9 | </div> |
| 10 | 10 | <a href="#" onclick="Cart.toggle(this); return false" class="cart-toggle"> |
| 11 | 11 | <span class="str-show"><%=_('Show basket')%></span> | ... | ... |
plugins/shopping_cart/views/shopping_cart_plugin/buy.html.erb
| ... | ... | @@ -24,7 +24,7 @@ |
| 24 | 24 | <% end %> |
| 25 | 25 | <% delivery_option = @settings.delivery_options.first && @settings.delivery_options.first.first %> |
| 26 | 26 | <%= items_table(@cart[:items], @profile, delivery_option) %> |
| 27 | - <%= link_to '', '#', :onclick => "Cart.colorbox_close(this);", :class => 'cart-box-close icon-cancel' %> | |
| 27 | + <%= link_to_function '', "noosfero.modal.close();", :class => 'cart-box-close icon-cancel' %> | |
| 28 | 28 | </div> |
| 29 | 29 | |
| 30 | 30 | <%= javascript_include_tag '../plugins/shopping_cart/buy' %> | ... | ... |
plugins/shopping_cart/views/shopping_cart_plugin_profile/buy.html.erb
| ... | ... | @@ -17,7 +17,7 @@ |
| 17 | 17 | </div> |
| 18 | 18 | <% end %> |
| 19 | 19 | <%= items_table(session[:cart][:items], profile) %> |
| 20 | - <%= link_to '', '#', :onclick => "Cart.colorbox_close(this);", :class => 'cart-box-close icon-cancel' %> | |
| 20 | + <%= link_to_function '', "noosfero.modal.close();", :class => 'cart-box-close icon-cancel' %> | |
| 21 | 21 | </div> |
| 22 | 22 | |
| 23 | 23 | <script type="text/javascript"> | ... | ... |
plugins/stoa/public/javascripts/signup_complement.js
| ... | ... | @@ -55,9 +55,10 @@ $("#usp_id_field").observe_field(1, function(){ |
| 55 | 55 | }); |
| 56 | 56 | |
| 57 | 57 | function displayValidationUspIdError(error){ |
| 58 | - jQuery.colorbox({html: '<h2>'+error.message+'</h2>'+error.backtrace.join("<br />"), | |
| 58 | + noosfero.modal.html('<h2>'+error.message+'</h2>'+error.backtrace.join("<br />"), { | |
| 59 | 59 | height: "80%", |
| 60 | - width: "70%" }); | |
| 60 | + width: "70%" | |
| 61 | + }); | |
| 61 | 62 | } |
| 62 | 63 | |
| 63 | 64 | jQuery('#usp_id_field').focus(function() { jQuery('#usp-id-balloon').fadeIn('slow'); }); | ... | ... |
public/javascripts/article.js
| ... | ... | @@ -88,7 +88,7 @@ jQuery(function($) { |
| 88 | 88 | var $item = $(this).closest('.item'); |
| 89 | 89 | var html_selector = $item.attr('data-item'); |
| 90 | 90 | insert_item_in_text($item.find(html_selector)); |
| 91 | - $.colorbox.close(); | |
| 91 | + noosfero.modal.close(); | |
| 92 | 92 | return false; |
| 93 | 93 | }); |
| 94 | 94 | $('a.zoom').live('click', function() { |
| ... | ... | @@ -96,14 +96,13 @@ jQuery(function($) { |
| 96 | 96 | var html_selector = $item.attr('data-item'); |
| 97 | 97 | var name = $item.attr('title'); |
| 98 | 98 | var img = $item.find(html_selector).find('img').attr('src'); |
| 99 | - $.colorbox({ | |
| 100 | - html: zoom_dialog_html(name, img), | |
| 101 | - scrolling: false | |
| 99 | + noosfero.modal.html(zoom_dialog_html(img), { | |
| 100 | + scrolling: false, | |
| 102 | 101 | }); |
| 103 | 102 | return false; |
| 104 | 103 | }); |
| 105 | 104 | $('a.close').live('click', function() { |
| 106 | - $.colorbox.close(); | |
| 105 | + noosfero.modal.close(); | |
| 107 | 106 | return false; |
| 108 | 107 | }) |
| 109 | 108 | ... | ... |
public/javascripts/colorbox-helpers.js
| ... | ... | @@ -1,44 +0,0 @@ |
| 1 | -colorbox_helpers = { | |
| 2 | - | |
| 3 | - watchClass: function() { | |
| 4 | - jQuery(function($) { | |
| 5 | - $('.colorbox').live('click', function() { | |
| 6 | - $.colorbox({ | |
| 7 | - href: $(this).attr('href'), | |
| 8 | - maxWidth: $(window).width()-50, | |
| 9 | - height: $(window).height()-50, | |
| 10 | - open: true, | |
| 11 | - close: 'Cancel', | |
| 12 | - onComplete: function(bt) { | |
| 13 | - var opt = {}, maxH = $(window).height()-50; | |
| 14 | - if ($('#cboxLoadedContent *:first').height() > maxH) opt.height = maxH; | |
| 15 | - $.colorbox.resize(opt); | |
| 16 | - } | |
| 17 | - }); | |
| 18 | - return false; | |
| 19 | - }); | |
| 20 | - | |
| 21 | - $('.colorbox-close').live('click', function() { | |
| 22 | - $.colorbox.close(); | |
| 23 | - return false; | |
| 24 | - }); | |
| 25 | - | |
| 26 | - }); | |
| 27 | - }, | |
| 28 | - | |
| 29 | - inline: function(href) { | |
| 30 | - var href = jQuery(href); | |
| 31 | - | |
| 32 | - jQuery.colorbox({ | |
| 33 | - inline: true, href: href, | |
| 34 | - onLoad: function(){ href.show(); }, | |
| 35 | - onCleanup: function(){ href.hide(); }, | |
| 36 | - }); | |
| 37 | - | |
| 38 | - return false; | |
| 39 | - }, | |
| 40 | - | |
| 41 | -}; | |
| 42 | - | |
| 43 | -colorbox_helpers.watchClass(); | |
| 44 | - |
public/javascripts/comment_form.js
| ... | ... | @@ -53,7 +53,7 @@ function save_comment(button) { |
| 53 | 53 | //Comment of reply |
| 54 | 54 | $('#'+ data.render_target).replaceWith(data.html); |
| 55 | 55 | $('#' + data.render_target).effect("highlight", {}, 3000); |
| 56 | - $.colorbox.close(); | |
| 56 | + noosfero.modal.close(); | |
| 57 | 57 | increment_comment_count(comment_div); |
| 58 | 58 | } else { |
| 59 | 59 | //New comment of article |
| ... | ... | @@ -64,7 +64,7 @@ function save_comment(button) { |
| 64 | 64 | }); |
| 65 | 65 | |
| 66 | 66 | page_comment_form.find('.errorExplanation').remove(); |
| 67 | - $.colorbox.close(); | |
| 67 | + noosfero.modal.close(); | |
| 68 | 68 | increment_comment_count(comment_div); |
| 69 | 69 | } |
| 70 | 70 | ... | ... |
| ... | ... | @@ -0,0 +1,58 @@ |
| 1 | +noosfero.modal = { | |
| 2 | + | |
| 3 | + watchClass: function() { | |
| 4 | + jQuery(function($) { | |
| 5 | + $(document).delegate('.modal-toggle', 'click', function() { | |
| 6 | + $.colorbox({ | |
| 7 | + href: $(this).attr('href'), | |
| 8 | + maxWidth: $(window).width()-50, | |
| 9 | + height: $(window).height()-50, | |
| 10 | + open: true, | |
| 11 | + close: 'Cancel', | |
| 12 | + class: 'modal', | |
| 13 | + onComplete: function(bt) { | |
| 14 | + var opt = {}, maxH = $(window).height()-50; | |
| 15 | + if ($('#cboxLoadedContent *:first').height() > maxH) opt.height = maxH; | |
| 16 | + $.colorbox.resize(opt); | |
| 17 | + } | |
| 18 | + }); | |
| 19 | + return false; | |
| 20 | + }); | |
| 21 | + | |
| 22 | + $(document).delegate('.modal-close', 'click', function() { | |
| 23 | + $.colorbox.close(); | |
| 24 | + return false; | |
| 25 | + }); | |
| 26 | + | |
| 27 | + }); | |
| 28 | + }, | |
| 29 | + | |
| 30 | + inline: function(href, options) { | |
| 31 | + href = jQuery(href); | |
| 32 | + options = jQuery.extend({ | |
| 33 | + inline: true, href: href, | |
| 34 | + onLoad: function(){ href.show(); }, | |
| 35 | + onCleanup: function(){ href.hide(); }, | |
| 36 | + }, options) | |
| 37 | + | |
| 38 | + jQuery.colorbox(options); | |
| 39 | + | |
| 40 | + return false; | |
| 41 | + }, | |
| 42 | + | |
| 43 | + html: function(html, options) { | |
| 44 | + options = jQuery.extend({ | |
| 45 | + html: html, | |
| 46 | + }, options); | |
| 47 | + | |
| 48 | + jQuery.colorbox(options); | |
| 49 | + }, | |
| 50 | + | |
| 51 | + close: function() { | |
| 52 | + jQuery.colorbox.close(); | |
| 53 | + }, | |
| 54 | + | |
| 55 | +}; | |
| 56 | + | |
| 57 | +noosfero.modal.watchClass(); | |
| 58 | + | ... | ... |
public/javascripts/report-abuse.js
public/stylesheets/application.css
| ... | ... | @@ -1901,17 +1901,6 @@ a.button.disabled, input.disabled { |
| 1901 | 1901 | * Block options editor floating window * |
| 1902 | 1902 | ****************************************/ |
| 1903 | 1903 | |
| 1904 | -/* FIXME This changes broke colorboxes all over the place. | |
| 1905 | - * Therefore I'm canceling them until they are properly treateda. */ | |
| 1906 | -#cboxLoadedContent { | |
| 1907 | - background: #FFF; | |
| 1908 | -/* box-shadow: 0 0 15px #888 inset; | |
| 1909 | - border-radius: 5px; | |
| 1910 | - border: 1px solid #777; | |
| 1911 | - border-left: none; | |
| 1912 | - border-right: none; */ | |
| 1913 | -} | |
| 1914 | - | |
| 1915 | 1904 | .block-config-options { |
| 1916 | 1905 | padding: 0px 10px 0px 30px; |
| 1917 | 1906 | } | ... | ... |
test/functional/cms_controller_test.rb
| ... | ... | @@ -638,7 +638,7 @@ class CmsControllerTest < ActionController::TestCase |
| 638 | 638 | |
| 639 | 639 | should 'display OK button on why_categorize popup' do |
| 640 | 640 | get :why_categorize, :profile => profile.identifier |
| 641 | - assert_tag :tag => 'a', :attributes => { :rel => 'deactivate'} # colorbox close button | |
| 641 | + assert_tag :tag => 'a', :attributes => { :rel => 'deactivate'} # modal close button | |
| 642 | 642 | end |
| 643 | 643 | |
| 644 | 644 | should 'display published option' do | ... | ... |
test/unit/colorbox_helper_test.rb
| ... | ... | @@ -1,36 +0,0 @@ |
| 1 | -require_relative "../test_helper" | |
| 2 | - | |
| 3 | -class ColorboxHelperTest < ActiveSupport::TestCase | |
| 4 | - | |
| 5 | - include ColorboxHelper | |
| 6 | - | |
| 7 | - should 'provide the needed files' do | |
| 8 | - assert File.exists?(Rails.root.join('public', 'stylesheets', 'colorbox.css')), 'colorbox.css expected to be in public/stylesheets, but not found' | |
| 9 | - assert File.exists?(Rails.root.join('public', 'javascripts', 'colorbox.js')), 'colorbox.js expected to be in public/javascripts, but not found' | |
| 10 | - end | |
| 11 | - | |
| 12 | - should 'provide link to close colorbox' do | |
| 13 | - expects(:button).with(:close, 'text', '#', has_entries({ :class => 'colorbox-close', :id => 'my-id' })).returns('[close-colorbox]') | |
| 14 | - | |
| 15 | - assert_equal '[close-colorbox]', colorbox_close_button('text', :id => 'my-id') | |
| 16 | - end | |
| 17 | - | |
| 18 | - should 'merge existing :class option in colorbox_close_button' do | |
| 19 | - expects(:button).with(:close, 'text', '#', has_entries({ :class => 'colorbox-close my-class', :id => 'my-id' })).returns('[close-colorbox]') | |
| 20 | - | |
| 21 | - assert_equal '[close-colorbox]', colorbox_close_button('text', :class => 'my-class', :id => 'my-id' ) | |
| 22 | - end | |
| 23 | - | |
| 24 | - should 'provide colorbox_button' do | |
| 25 | - expects(:button).with('type', 'label', { :action => 'popup'}, has_entries({ :class => 'colorbox' })).returns('[button]') | |
| 26 | - | |
| 27 | - assert_equal '[button]', colorbox_button('type', 'label', { :action => 'popup'}) | |
| 28 | - end | |
| 29 | - | |
| 30 | - should 'provide colorbox_icon_button' do | |
| 31 | - expects(:icon_button).with('type', 'label', { :action => 'popup'}, has_entries({ :class => 'colorbox' })).returns('[button]') | |
| 32 | - | |
| 33 | - assert_equal '[button]', colorbox_icon_button('type', 'label', { :action => 'popup'}) | |
| 34 | - end | |
| 35 | - | |
| 36 | -end |
| ... | ... | @@ -0,0 +1,36 @@ |
| 1 | +require_relative '../test_helper' | |
| 2 | + | |
| 3 | +class ModalHelperTest < ActiveSupport::TestCase | |
| 4 | + | |
| 5 | + include ModalHelper | |
| 6 | + | |
| 7 | + should 'provide the needed files' do | |
| 8 | + assert File.exists?(Rails.root.join('public', 'stylesheets', 'colorbox.css')), 'colorbox.css expected to be in public/stylesheets, but not found' | |
| 9 | + assert File.exists?(Rails.root.join('public', 'javascripts', 'jquery.colorbox-min.js')), 'jquery.colorbox-min.js expected to be in public/javascripts, but not found' | |
| 10 | + end | |
| 11 | + | |
| 12 | + should 'provide link to close modal' do | |
| 13 | + expects(:button).with(:close, 'text', '#', has_entries({ :class => 'modal-toggle modal-close', :id => 'my-id' })).returns('[close-modal]') | |
| 14 | + | |
| 15 | + assert_equal '[close-modal]', modal_close_button('text', :id => 'my-id') | |
| 16 | + end | |
| 17 | + | |
| 18 | + should 'merge existing :class option in modal_close_button' do | |
| 19 | + expects(:button).with(:close, 'text', '#', has_entries({ :class => 'modal-toggle modal-close my-class', :id => 'my-id' })).returns('[close-modal]') | |
| 20 | + | |
| 21 | + assert_equal '[close-modal]', modal_close_button('text', :class => 'my-class', :id => 'my-id' ) | |
| 22 | + end | |
| 23 | + | |
| 24 | + should 'provide modal_button' do | |
| 25 | + expects(:button).with('type', 'label', { :action => 'popup'}, has_entries({ :class => 'modal-toggle' })).returns('[button]') | |
| 26 | + | |
| 27 | + assert_equal '[button]', modal_button('type', 'label', { :action => 'popup'}) | |
| 28 | + end | |
| 29 | + | |
| 30 | + should 'provide modal_icon_button' do | |
| 31 | + expects(:icon_button).with('type', 'label', { :action => 'popup'}, has_entries({ :class => 'modal-toggle' })).returns('[button]') | |
| 32 | + | |
| 33 | + assert_equal '[button]', modal_icon_button('type', 'label', { :action => 'popup'}) | |
| 34 | + end | |
| 35 | + | |
| 36 | +end | ... | ... |