a52c2a8462
Add the legacy frontend themes, scripts, and plugin assets required by the main SPOTA interfaces.
522 lines
14 KiB
JavaScript
522 lines
14 KiB
JavaScript
/* =========================================================
|
|
Comment Form
|
|
============================================================ */
|
|
jQuery(document).ready(function(){
|
|
if(jQuery("#comments-form").length > 0){
|
|
// Validate the contact form
|
|
jQuery('#comments-form').validate({
|
|
|
|
// Add requirements to each of the fields
|
|
rules: {
|
|
name: {
|
|
required: true,
|
|
minlength: 2
|
|
},
|
|
email: {
|
|
required: true,
|
|
email: true
|
|
},
|
|
captcha:{
|
|
required: true,
|
|
minlength: 6
|
|
},
|
|
message: {
|
|
required: true,
|
|
minlength: 10
|
|
}
|
|
},
|
|
|
|
// Specify what error messages to display
|
|
// when the user does something horrid
|
|
messages: {
|
|
name: {
|
|
required: "Silakan isikan nama lengkap anda.",
|
|
minlength: jQuery.format("Minimal {0} karakter.")
|
|
},
|
|
email: {
|
|
required: "Silakan masukkan email anda.",
|
|
email: "Silakan masukkan email yang valid."
|
|
},
|
|
captcha: {
|
|
required: "Silakan masukkan kode captcha yang terlihat.",
|
|
minlength: jQuery.format("Minimal {0} karakter.")
|
|
},
|
|
message: {
|
|
required: "Silakan masukkan pesan/komentar anda.",
|
|
minlength: jQuery.format("Minimal {0} karakter.")
|
|
}
|
|
},
|
|
|
|
// Use Ajax to send everything to processForm.php
|
|
submitHandler: function(form) {
|
|
jQuery("#submit-comment").attr("value", "Sending...");
|
|
jQuery(form).ajaxSubmit({
|
|
success: function(responseText, statusText, xhr, $form) {
|
|
jQuery("#response").html(responseText).hide().slideDown("fast");
|
|
jQuery("#submit-comment").attr("value", "Comment");
|
|
}
|
|
});
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
|
|
if(jQuery("#contact-form").length > 0){
|
|
// Validate the contact form
|
|
jQuery('#contact-form').validate({
|
|
|
|
// Add requirements to each of the fields
|
|
rules: {
|
|
name: {
|
|
required: true,
|
|
minlength: 2
|
|
},
|
|
email: {
|
|
required: true,
|
|
email: true
|
|
},
|
|
captcha:{
|
|
required: true,
|
|
minlength: 6
|
|
},
|
|
message: {
|
|
required: true,
|
|
minlength: 10
|
|
}
|
|
},
|
|
|
|
// Specify what error messages to display
|
|
// when the user does something horrid
|
|
messages: {
|
|
name: {
|
|
required: "Silakan isikan nama lengkap anda.",
|
|
minlength: jQuery.format("Minimal {0} karakter.")
|
|
},
|
|
email: {
|
|
required: "Silakan masukkan email anda.",
|
|
email: "Silakan masukkan email yang valid."
|
|
},
|
|
url: {
|
|
required: "Please enter your url.",
|
|
url: "Please enter a valid url."
|
|
},
|
|
captcha: {
|
|
required: "Silakan masukkan kode captcha yang terlihat.",
|
|
minlength: jQuery.format("Minimal {0} karakter.")
|
|
},
|
|
message: {
|
|
required: "Silakan masukkan pesan/komentar anda.",
|
|
minlength: jQuery.format("Minimal {0} karakter.")
|
|
}
|
|
},
|
|
|
|
// Use Ajax to send everything to processForm.php
|
|
submitHandler: function(form) {
|
|
jQuery("#submit-contact").attr("value", "Sending...");
|
|
jQuery(form).ajaxSubmit({
|
|
success: function(responseText, statusText, xhr, $form) {
|
|
jQuery("#response").html(responseText).hide().slideDown("fast");
|
|
jQuery("#submit-contact").attr("value", "Submit");
|
|
}
|
|
});
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
/* =========================================================
|
|
HeadLine Scroller
|
|
============================================================ */
|
|
|
|
jQuery(function() {
|
|
var _scroll = {
|
|
delay: 1000,
|
|
easing: 'linear',
|
|
items: 1,
|
|
duration: 0.07,
|
|
timeoutDuration: 0,
|
|
pauseOnHover: 'immediate'
|
|
};
|
|
/*jQuery('.ticker-1').carouFredSel({
|
|
width: 1000,
|
|
align: false,
|
|
items: {
|
|
width: 'variable',
|
|
height: 40,
|
|
visible: 1
|
|
},
|
|
scroll: _scroll
|
|
});*/
|
|
|
|
// set carousels to be 100% wide
|
|
jQuery('.caroufredsel_wrapper').css('width', '100%');
|
|
});
|
|
|
|
/* =========================================================
|
|
Sub menu
|
|
==========================================================*/
|
|
(function($){ //create closure so we can safely use $ as alias for jQuery
|
|
|
|
jQuery(document).ready(function(){
|
|
|
|
// initialise plugin
|
|
var example = jQuery('#main-menu').superfish({
|
|
//add options here if required
|
|
});
|
|
});
|
|
|
|
})(jQuery);
|
|
|
|
/* =========================================================
|
|
Mobile menu
|
|
============================================================ */
|
|
jQuery(document).ready(function () {
|
|
|
|
jQuery('#mobile-menu > span').click(function () {
|
|
|
|
var mobile_menu = jQuery('#toggle-view-menu');
|
|
|
|
if (mobile_menu.is(':hidden')) {
|
|
mobile_menu.slideDown('300');
|
|
jQuery(this).children('span').html('-');
|
|
} else {
|
|
mobile_menu.slideUp('300');
|
|
jQuery(this).children('span').html('+');
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
jQuery('#toggle-view-menu li').click(function () {
|
|
|
|
var text = jQuery(this).children('div.menu-panel');
|
|
|
|
if (text.is(':hidden')) {
|
|
text.slideDown('300');
|
|
jQuery(this).children('span').html('-');
|
|
} else {
|
|
text.slideUp('300');
|
|
jQuery(this).children('span').html('+');
|
|
}
|
|
|
|
jQuery(this).toggleClass('active');
|
|
|
|
});
|
|
|
|
});
|
|
|
|
/* =========================================================
|
|
Flex Slider
|
|
============================================================ */
|
|
jQuery(window).load(function(){
|
|
jQuery('.home-slider').flexslider({
|
|
animation: "slide",
|
|
start: function(slider){
|
|
jQuery('body').removeClass('loading');
|
|
}
|
|
});
|
|
|
|
jQuery('.entry-thumb-slider').flexslider({
|
|
animation: "slide",
|
|
start: function(slider){
|
|
jQuery('body').removeClass('loading');
|
|
}
|
|
});
|
|
|
|
jQuery('.gallery-slider').flexslider({
|
|
animation: "slide",
|
|
start: function(slider){
|
|
jQuery('body').removeClass('loading');
|
|
}
|
|
});
|
|
|
|
jQuery('.kopa-single-slider').flexslider({
|
|
animation: "slide",
|
|
start: function(slider){
|
|
jQuery('body').removeClass('loading');
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
/* =========================================================
|
|
Tabs
|
|
============================================================ */
|
|
jQuery(document).ready(function() {
|
|
|
|
if( jQuery(".tab-content-1").length > 0){
|
|
//Default Action Product Tab
|
|
jQuery(".tab-content-1").hide(); //Hide all content
|
|
jQuery("ul.tabs-1 li:first").addClass("active").show(); //Activate first tab
|
|
jQuery(".tab-content-1:first").show(); //Show first tab content
|
|
//On Click Event Product Tab
|
|
jQuery("ul.tabs-1 li").click(function() {
|
|
jQuery("ul.tabs-1 li").removeClass("active"); //Remove any "active" class
|
|
jQuery(this).addClass("active"); //Add "active" class to selected tab
|
|
jQuery(".tab-content-1").hide(); //Hide all tab content
|
|
var activeTab = jQuery(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
|
|
jQuery(activeTab).fadeIn(); //Fade in the active content
|
|
return false;
|
|
|
|
});
|
|
}
|
|
|
|
if( jQuery(".tab-content-2").length > 0){
|
|
//Default Action Product Tab
|
|
jQuery(".tab-content-2").hide(); //Hide all content
|
|
jQuery("ul.tabs-2 li:first").addClass("active").show(); //Activate first tab
|
|
jQuery(".tab-content-2:first").show(); //Show first tab content
|
|
//On Click Event Product Tab
|
|
jQuery("ul.tabs-2 li").click(function() {
|
|
jQuery("ul.tabs-2 li").removeClass("active"); //Remove any "active" class
|
|
jQuery(this).addClass("active"); //Add "active" class to selected tab
|
|
jQuery(".tab-content-2").hide(); //Hide all tab content
|
|
var activeTab = jQuery(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
|
|
jQuery(activeTab).fadeIn(); //Fade in the active content
|
|
return false;
|
|
|
|
});
|
|
}
|
|
|
|
if( jQuery(".tab-content-3").length > 0){
|
|
//Default Action Product Tab
|
|
jQuery(".tab-content-3").hide(); //Hide all content
|
|
jQuery("ul.tabs-3 li:first").addClass("active").show(); //Activate first tab
|
|
jQuery(".tab-content-3:first").show(); //Show first tab content
|
|
//On Click Event Product Tab
|
|
jQuery("ul.tabs-3 li").click(function() {
|
|
jQuery("ul.tabs-3 li").removeClass("active"); //Remove any "active" class
|
|
jQuery(this).addClass("active"); //Add "active" class to selected tab
|
|
jQuery(".tab-content-3").hide(); //Hide all tab content
|
|
var activeTab = jQuery(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
|
|
jQuery(activeTab).fadeIn(); //Fade in the active content
|
|
return false;
|
|
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
/* =========================================================
|
|
Carousel
|
|
============================================================ */
|
|
/*jQuery(window).load(function() {
|
|
|
|
if( jQuery(".kopa-featured-news-carousel").length > 0){
|
|
jQuery('.kopa-featured-news-carousel').carouFredSel({
|
|
//responsive: true,
|
|
prev: '#prev-1',
|
|
next: '#next-1',
|
|
width: '100%',
|
|
align: 'left',
|
|
scroll: 1,
|
|
pagination: "#pager2",
|
|
auto: false,
|
|
items: {
|
|
width: 234,
|
|
height: 'auto',
|
|
visible: {
|
|
min: 1,
|
|
max: 4
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});*/
|
|
|
|
/* =========================================================
|
|
prettyPhoto
|
|
============================================================ */
|
|
jQuery(document).ready(function(){
|
|
init_image_effect();
|
|
});
|
|
|
|
jQuery(window).resize(function(){
|
|
init_image_effect();
|
|
});
|
|
|
|
function init_image_effect(){
|
|
|
|
var view_p_w = jQuery(window).width();
|
|
var pp_w = 500;
|
|
var pp_h = 344;
|
|
|
|
if(view_p_w <= 479){
|
|
pp_w = '120%';
|
|
pp_h = '100%';
|
|
}
|
|
else if(view_p_w >= 480 && view_p_w <= 599){
|
|
pp_w = '100%';
|
|
pp_h = '170%';
|
|
}
|
|
|
|
jQuery("a[rel^='prettyPhoto']").prettyPhoto({
|
|
show_title: false,
|
|
deeplinking:false,
|
|
social_tools:false,
|
|
default_width: pp_w,
|
|
default_height: pp_h
|
|
});
|
|
}
|
|
|
|
/* =========================================================
|
|
Twitter
|
|
============================================================ */
|
|
jQuery(function(){
|
|
jQuery('#tweets').tweetable({
|
|
username: 'philipbeel',
|
|
time: true,
|
|
rotate: false,
|
|
speed: 4000,
|
|
limit: 3,
|
|
replies: false,
|
|
position: 'append',
|
|
failed: "Sorry, twitter is currently unavailable for this user.",
|
|
html5: true,
|
|
onComplete:function($ul){
|
|
jQuery('time').timeago();
|
|
}
|
|
});
|
|
});
|
|
|
|
/* =========================================================
|
|
Accordion
|
|
========================================================= */
|
|
jQuery(document).ready(function() {
|
|
var acc_wrapper=jQuery('.acc-wrapper');
|
|
if (acc_wrapper.length >0)
|
|
{
|
|
|
|
jQuery('.acc-wrapper .accordion-container').hide();
|
|
jQuery.each(acc_wrapper, function(index, item){
|
|
jQuery(this).find(jQuery('.accordion-title')).first().addClass('active').next().show();
|
|
|
|
});
|
|
|
|
jQuery('.accordion-title').on('click', function(e) {
|
|
kopa_accordion_click(jQuery(this));
|
|
e.preventDefault();
|
|
});
|
|
|
|
var titles = jQuery('.accordion-title');
|
|
|
|
jQuery.each(titles,function(){
|
|
kopa_accordion_click(jQuery(this));
|
|
});
|
|
}
|
|
|
|
});
|
|
|
|
function kopa_accordion_click (obj) {
|
|
if( obj.next().is(':hidden') ) {
|
|
obj.parent().find(jQuery('.active')).removeClass('active').next().slideUp(300);
|
|
obj.toggleClass('active').next().slideDown(300);
|
|
|
|
}
|
|
jQuery('.accordion-title span').html('+');
|
|
if (obj.hasClass('active')) {
|
|
obj.find('span').first().html('-');
|
|
}
|
|
}
|
|
|
|
/* =========================================================
|
|
Full Screen Background
|
|
============================================================ */
|
|
/*jQuery(document).ready(function(){
|
|
var view_port_w;
|
|
if(self.innerWidth!=undefined) view_port_w= self.innerWidth;
|
|
else{
|
|
var D= document.documentElement;
|
|
if(D) view_port_w= D.clientWidth;
|
|
}
|
|
if(view_port_w > 1000){
|
|
jQuery.backstretch([
|
|
"placeholders/01.jpg",
|
|
"placeholders/02.jpg",
|
|
"placeholders/03.jpg"
|
|
], {
|
|
fade: 750,
|
|
duration: 4000
|
|
});
|
|
}
|
|
})
|
|
*/
|
|
/* =========================================================
|
|
Toggle Boxes
|
|
============================================================ */
|
|
jQuery(document).ready(function () {
|
|
|
|
jQuery('#toggle-view li').click(function (event) {
|
|
|
|
var text = jQuery(this).children('div.panel');
|
|
|
|
if (text.is(':hidden')) {
|
|
jQuery(this).addClass('active');
|
|
text.slideDown('300');
|
|
jQuery(this).children('span').html('-');
|
|
} else {
|
|
jQuery(this).removeClass('active');
|
|
text.slideUp('300');
|
|
jQuery(this).children('span').html('+');
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
/* =========================================================
|
|
Gallery slider
|
|
============================================================ */
|
|
jQuery(window).load(function(){
|
|
|
|
jQuery('.kp-gallery-carousel').flexslider({
|
|
animation: "slide",
|
|
controlNav: false,
|
|
slideshow: false,
|
|
itemWidth: 149,
|
|
itemMargin: 6,
|
|
asNavFor: '.kp-gallery-slider'
|
|
});
|
|
|
|
jQuery('.kp-gallery-slider').flexslider({
|
|
animation: "slide",
|
|
controlNav: false,
|
|
slideshow: false,
|
|
sync: ".kp-gallery-carousel",
|
|
start: function(slider){
|
|
jQuery('body').removeClass('loading');
|
|
}
|
|
});
|
|
});
|
|
|
|
/* =========================================================
|
|
Scroll to top
|
|
============================================================ */
|
|
jQuery(document).ready(function(){
|
|
|
|
// hide #back-top first
|
|
jQuery("#back-top").hide();
|
|
|
|
// fade in #back-top
|
|
jQuery(function () {
|
|
jQuery(window).scroll(function () {
|
|
if (jQuery(this).scrollTop() > 200) {
|
|
jQuery('#back-top').fadeIn();
|
|
} else {
|
|
jQuery('#back-top').fadeOut();
|
|
}
|
|
});
|
|
|
|
// scroll body to 0px on click
|
|
jQuery('#back-top a').click(function () {
|
|
jQuery('body,html').animate({
|
|
scrollTop: 0
|
|
}, 800);
|
|
return false;
|
|
});
|
|
});
|
|
|
|
});
|