var _URL = window.URL || window.webkitURL;
$('#image_file').change(function () {
var file = $(this)[0].files[0];
img = new Image();
img.src = _URL.createObjectURL(file);
img.onload = function() {
imgwidth = this.width;
imgheight = this.height;
$("#width").text(imgwidth);
$("#height").text(imgheight);
if((imgwidth>=400 && imgwidth<=600) && (imgheight>=60 && imgheight<=80)){
}else{
$.growl.error({
"title": "Error!",
message: 'Image dimension must be between 400X60 and 600X80.'
});
$('#image_file').val('');
}
}
});
$.validator.addMethod(
"filesize",
function (value, element) {
if (this.optional(element) || ! element.files || ! element.files[0]) {
return true;
} else {
return element.files[0].size <= 1024 * 1024 * 10;
}
},
'The file size can not exceed 5MB.'
);
$(document).ready(function () {
$('#add_type').on('change',function(){
var add_type=$(this).val();
$('#add_link').hide();
$("[id^='add_type_']").hide();
$('#add_type_'+add_type).show();
if(add_type==1)
$('#add_link').show();
});
$('#location').on('change',function(){
var location=$(this).val();
$('#con_div').hide();
$('#cont_div').hide();
if(location=='3')
$('#con_div').show();
if(location=='2')
$('#cont_div').show();
});
$.validator.addMethod("valueNotEquals", function (value, element, arg) {
return arg != value;
}, "Please select the option.");
$('#addAdvertisementForm').validate({
errorClass: "help-block",
validClass: 'valid',
rules: {
'email': {
required: true,
email: true,
},
'name': {
required: true
},
'location': {
required: true
},
'contact_code': {
required: true,
},
'contact_number': {
required: true,
digits:true,
minlength: 10,
maxlength:10
},
'add_type': {
required: true,
},
'ads_link': {
url:true
},
'vimeo_id': {
required:function(element) {
if($('#add_type').val()=='3')
return true;
else
return false;
}
},
'countries[]': {
required:function(element) {
if($('#location').val()=='3')
return true;
else
return false;
}
},
'continents[]': {
required:function(element) {
if($('#location').val()=='2')
return true;
else
return false;
}
},
'youtube_id': {
required: function(element) {
if($('#add_type').val()=='4')
return true;
else
return false;
},
},
'image_file': {
required: function(element) {
if($('#add_type').val()=='1')
return true;
else
return false;
},
extension: "jpg|jpeg|png"
},
'video_file': {
required: function(element) {
if($('#add_type').val()=='2')
return true;
else
return false;
},
extension: "webm|avi|3gp|wmv|flv|mov|mp4",
filesize: true
}
},
messages: {
'ads_link': {
url: 'Please enter valid advertisement url.',
},
'email': {
required: 'Please enter email address.',
email: 'Please enter valid email address.',
},
'name': {
required: 'Please enter full name.',
},
'location': {
required: 'Please select category.',
},
'countries[]':{
required: 'Please select country(s).',
},
'continents[]':{
required: 'Please select continents(s).',
},
'contact_code': {
required: 'Please select country code.',
},
'contact_number': {
required: 'Please enter contact number',
digits:'Please enter only digits in contact number.',
minlength: 'Please enter 10 digits contact number.',
maxlength:'Please enter 10 digits contact number.',
},
'add_type': {
required: 'Please select add type.',
},
'vimeo_id': {
required: 'Please enter vimeo video id.',
},
'youtube_id': {
required: 'Please enter youtube video id.',
},
'video_file':{
required: 'Please upload video file.',
extension:'Please upload only wmv, flv, mov, webm, avi, mp4 and 3gp files.',
filesize:"The Video file size can not exceed 10 MB/1 Minute."
},
'image_file':{
required: 'Please upload image file',
extension:'Please upload only jpg,png file'
}
},
errorPlacement: function (error, element) {
//element.parents('div.form-group').append(error);
},
highlight: function (element, errorClass, validClass) {
$(element).parents("div.form-group").addClass('has-error').removeClass(validClass);
},
invalidHandler: function (form, validator) {
var errors = validator.numberOfInvalids();
var errorMsgs = '';
$.each(validator.invalid, function (key, val) {
errorMsgs += val + '
';
});
if (errorMsgs) {
$.growl.error({title: 'Error!', message: errorMsgs});
}
},
unhighlight: function (element, errorClass, validClass) {
$(element).parents(".has-error").removeClass('has-error').addClass(validClass);
},
submitHandler: function (form) {
// var formData = $('#addAdvertisementForm').serialize();
$('#adv_submit').text('Wait...');
$('#adv_submit').attr('disabled',true);
$('#cp_show_loader').show();
var formData = new FormData($('#addAdvertisementForm')[0]);
$.ajax({
type: 'POST',
url: SITE_URL + 'advertisements/add',
data: formData,
cache: false,
contentType: false,
processData: false,
success: function (response) {
$('#form_show').hide();
$('#otp_show').show();
$('.optVerifaction').show();
$('.advertise-overlay').hide();
},
error: function () {
}
});
}
});
$('#addOtpVerifyForm').validate({
errorClass: "help-block",
validClass: 'valid',
rules: {
"opt": {
required: true,
}
},
messages: {
"opt": {
required: "Please Enter OTP",
},
},
errorPlacement: function (error, element) {
},
highlight: function (element, errorClass, validClass) {
$(element).parents("div.form-group").addClass('has-error').removeClass(validClass);
},
unhighlight: function (element, errorClass, validClass) {
$(element).parents(".has-error").removeClass('has-error').addClass(validClass);
},
invalidHandler: function (form, validator) {
var errors = validator.numberOfInvalids();
var errorMsgs = '';
$.each(validator.invalid, function (key, val) {
errorMsgs += val + '
';
});
if (errorMsgs) {
$.growl.error({title: 'OTP Error!', message: errorMsgs});
}
},
submitHandler: function (form) {
var formData = $('#addOtpVerifyForm').serialize();
$('#otp_verify').text('Verifying...');
$('#otp_verify').attr('disabled', true);
$.ajax({
type: 'POST',
url: SITE_URL + 'ajax/verifyOtp/',
data: formData,
success: function (response) {
var response1 = jQuery.parseJSON(response);
if (response1.status == 'success') {
$('#otp_verify').text('OTP Verified');
window.location.href = window.location = SITE_URL + 'advertisements/payment';
/* $.growl.notice({
"title": "OTP Verified Successfully",
message: ''
});*/
}else{
$('#otp_verify').text('Submit');
$('#otp_verify').attr('disabled', false);
$.growl.error({
"title": "OTP Error",
message: 'This OTP is not Valid.Enter a Valid OTP'
});
}
},
error: function () {}
});
}
});
});