161 lines
4.6 KiB
JavaScript
161 lines
4.6 KiB
JavaScript
$(document).ready(function(){
|
|
|
|
function doNotShowPopup(){
|
|
$.get("/Usersettings/donotshowregistrationpopup", {format:"json"});
|
|
}
|
|
|
|
var dialog = $("#register_popup");
|
|
|
|
dialog.dialog({
|
|
autoOpen: false,
|
|
width: 500,
|
|
resizable: false,
|
|
modal: true,
|
|
position:['center',50],
|
|
close: doNotShowPopup,
|
|
buttons: [
|
|
{
|
|
id: "remind_me",
|
|
text: "Remind me in 1 week",
|
|
click: function() {
|
|
var url = '/Usersettings/remindme';
|
|
$.ajax({
|
|
url: url,
|
|
data: {format:"json"}
|
|
});
|
|
$(this).dialog("close");
|
|
}
|
|
},
|
|
{
|
|
id: "help_airtime",
|
|
text: "Yes, help Airtime",
|
|
click: function() {
|
|
$("#register-form").submit();
|
|
}
|
|
}
|
|
]
|
|
});
|
|
|
|
var button = $("#help_airtime");
|
|
|
|
if($("#link_to_terms_and_condition").length > 0 ){
|
|
button.removeAttr('disabled').removeClass('ui-state-disabled');
|
|
}else{
|
|
button.attr('disabled', 'disabled' ).addClass('ui-state-disabled');
|
|
}
|
|
dialog.dialog('open');
|
|
|
|
|
|
$('.collapsible-header').live('click',function() {
|
|
$(this).next().toggle('fast');
|
|
$(this).toggleClass("close");
|
|
return false;
|
|
}).next().hide();
|
|
|
|
$("#SupportFeedback").live('click', function(){
|
|
var pub = $("#Publicise");
|
|
var privacy = $("#Privacy");
|
|
var button = $("#help_airtime");
|
|
if( !$(this).is(':checked') ){
|
|
pub.removeAttr("checked");
|
|
pub.attr("disabled", true);
|
|
$("#public-info").hide();
|
|
button.attr('disabled', 'disabled' ).addClass('ui-state-disabled');
|
|
}else{
|
|
pub.removeAttr("disabled");
|
|
if(privacy.length == 0 || privacy.is(':checked')){
|
|
button.removeAttr('disabled').removeClass('ui-state-disabled');
|
|
}
|
|
}
|
|
});
|
|
|
|
var promote = $("#Publicise");
|
|
promote.live('click', function(){
|
|
if($(this).is(':checked')){
|
|
$("#public-info").show();
|
|
}else{
|
|
$("#public-info").hide();
|
|
}
|
|
});
|
|
if( promote.is(":checked")){
|
|
$("#public-info").show();
|
|
}
|
|
|
|
$("#Privacy").live('click', function(){
|
|
var support = $("#SupportFeedback");
|
|
var button = $("#help_airtime");
|
|
if($(this).is(':checked') && support.is(':checked')){
|
|
button.removeAttr('disabled').removeClass('ui-state-disabled');
|
|
}else{
|
|
button.attr('disabled', 'disabled' ).addClass('ui-state-disabled');
|
|
}
|
|
});
|
|
|
|
if($("#SupportFeedback").is(':checked') && ($("#Privacy").length == 0 || $("#Privacy").is(':checked'))){
|
|
button.removeAttr('disabled').removeClass('ui-state-disabled');
|
|
}else{
|
|
button.attr('disabled', 'disabled' ).addClass('ui-state-disabled');
|
|
}
|
|
|
|
$('.toggle legend').live('click',function() {
|
|
$('.toggle').toggleClass('closed');
|
|
return false;
|
|
});
|
|
|
|
$("#Logo").live('change', function(ev){
|
|
var content, res, logoEl;
|
|
|
|
content = $(this).val();
|
|
res = content.match(/(jpg|jpeg|png|gif)$/gi);
|
|
logoEl = $("#Logo-element");
|
|
|
|
//not an accepted image extension.
|
|
if (!res) {
|
|
var ul, li;
|
|
|
|
ul = logoEl.find('.errors');
|
|
li = $("<li/>").append("Image must be one of jpg, jpeg, png, or gif");
|
|
|
|
//errors ul has already been created.
|
|
if (ul.length > 0) {
|
|
ul.empty()
|
|
.append(li);
|
|
}
|
|
else {
|
|
logoEl
|
|
.append('<ul class="errors"></ul>')
|
|
.find(".errors")
|
|
.append(li);
|
|
}
|
|
|
|
$(this).val("");
|
|
}
|
|
else {
|
|
logoEl.find(".errors").remove();
|
|
}
|
|
});
|
|
});
|
|
|
|
function resizeImg(ele, targetWidth, targetHeight){
|
|
var img = $(ele);
|
|
|
|
var width = ele.width;
|
|
var height = ele.height;
|
|
|
|
// resize img proportionaly
|
|
if( width > height && width > targetWidth){
|
|
var ratio = targetWidth/width;
|
|
img.css("width", targetHeight+"px");
|
|
var newHeight = height * ratio;
|
|
img.css("height", newHeight);
|
|
}else if( width < height && height > targetHeight){
|
|
var ratio = targetHeight/height;
|
|
img.css("height", targetHeight+"px");
|
|
var newWidth = width * ratio;
|
|
img.css("width", newWidth);
|
|
}else if( width == height && width > targetWidth){
|
|
img.css("height", targetHeight+"px");
|
|
img.css("width", targetWidth+"px" );
|
|
}
|
|
}
|