95d5c9ca68
193 specs | 5 failing The 5 failing specs appear (according to Firebug) to be due to missing fixtures and/or missing routes in the Jasmine environment. Fixing these last 5 failures is a task probably best left to a more experienced Javascript/Jasmine developer. This commit also moves validation.js and clear-form.js into app/assets/javascripts and precompiles validation.js
130 lines
3.7 KiB
JavaScript
130 lines
3.7 KiB
JavaScript
/* Copyright (c) 2010-2011, Diaspora Inc. This file is
|
|
* licensed under the Affero General Public License version 3 or later. See
|
|
* the COPYRIGHT file.
|
|
*/
|
|
//= require mailchimp/jquery.form
|
|
var View = {
|
|
initialize: function() {
|
|
/* Buttons */
|
|
$("input:submit").addClass("button");
|
|
|
|
/* label placeholders */
|
|
$("input, textarea").placeholder();
|
|
|
|
/* "Toggling" the search input */
|
|
$(this.search.selector)
|
|
.blur(this.search.blur)
|
|
.focus(this.search.focus)
|
|
|
|
/* Submit the form when the user hits enter */
|
|
.keypress(this.search.keyPress);
|
|
|
|
/* Dropdowns */
|
|
$(this.dropdowns.selector)
|
|
.live('click', this.dropdowns.click);
|
|
|
|
/* Avatars */
|
|
$(this.avatars.selector).error(this.avatars.fallback);
|
|
|
|
/* Clear forms after successful submit, this is some legacy dan hanson stuff, do we still want it? */
|
|
$.fn.clearForm = function() {
|
|
return this.each(function() {
|
|
if ($(this).is('form')) {
|
|
return $(':input', this).clearForm();
|
|
}
|
|
if ($(this).hasClass('clear_on_submit') || $(this).is(':text') || $(this).is(':password') || $(this).is('textarea')) {
|
|
$(this).val('');
|
|
} else if ($(this).is(':checkbox') || $(this).is(':radio')) {
|
|
$(this).attr('checked', false);
|
|
} else if ($(this).is('select')) {
|
|
this.selectedIndex = -1;
|
|
} else if ($(this).attr('name') == 'photos[]') {
|
|
$(this).val('');
|
|
}
|
|
$(this).blur();
|
|
});
|
|
};
|
|
|
|
$('form[data-remote]').live('ajax:success', function (e) {
|
|
$(this).clearForm();
|
|
$(this).focusout();
|
|
});
|
|
|
|
/* tag following */
|
|
$("#new_tag_following .tag_input").bind('focus', function(evt){
|
|
$(this).siblings("#tag_following_submit").removeClass('hidden');
|
|
});
|
|
|
|
/* photo exporting in the works */
|
|
$("#photo-export-button").bind("click", function(evt){
|
|
evt.preventDefault();
|
|
alert($(this).attr('title'));
|
|
});
|
|
|
|
$(document.body).click(this.dropdowns.removeFocus);
|
|
|
|
/* facebox */
|
|
$.facebox.settings.closeImage = '/assets/facebox/closelabel.png';
|
|
$.facebox.settings.loadingImage = '/assets/facebox/loading.gif';
|
|
$.facebox.settings.opacity = 0.75;
|
|
|
|
$('a[rel*=facebox]').facebox();
|
|
$(document).bind('reveal.facebox', function() {
|
|
Diaspora.page.directionDetector.updateBinds();
|
|
});
|
|
|
|
$("a.new_aspect").click(function(e){
|
|
$("input#aspect_name").focus()
|
|
});
|
|
|
|
/* facebox 'done' buttons */
|
|
$("*[rel*=close]").live('click', function(){ $.facebox.close(); });
|
|
|
|
/* notification routing */
|
|
$("#notification").delegate('.hard_object_link', 'click', function(evt){
|
|
var post = $("#"+ $(this).attr('data-ref')),
|
|
lastComment = post.find('.comment.posted').last();
|
|
|
|
if(post.length > 0){
|
|
evt.preventDefault();
|
|
$('html, body').animate({scrollTop: parseInt(lastComment.offset().top)-80 }, 'fast');
|
|
}
|
|
});
|
|
},
|
|
|
|
search: {
|
|
blur: function() {
|
|
$(this).removeClass("active");
|
|
},
|
|
focus: function() {
|
|
$(this).addClass("active");
|
|
},
|
|
selector: "#q"
|
|
},
|
|
|
|
dropdowns: {
|
|
click: function(evt) {
|
|
$(this).parent('.dropdown').toggleClass("active");
|
|
evt.preventDefault();
|
|
},
|
|
removeFocus: function(evt) {
|
|
var $target = $(evt.target);
|
|
if(!$target.is('.dropdown_list *') && !$target.is('.dropdown.active > .toggle')) {
|
|
$(View.dropdowns.selector).parent().removeClass("active");
|
|
}
|
|
},
|
|
selector: ".dropdown > .toggle",
|
|
parentSelector: ".dropdown > .wrapper"
|
|
},
|
|
|
|
avatars: {
|
|
fallback: function(evt) {
|
|
$(this).attr("src", "/assets/user/default.png");
|
|
},
|
|
selector: "img.avatar"
|
|
}
|
|
};
|
|
|
|
$(function() {
|
|
View.initialize();
|
|
});
|