forked from saurabh/orbit4-5
140 lines
4.9 KiB
JavaScript
140 lines
4.9 KiB
JavaScript
(function() {
|
|
"use strict";
|
|
|
|
// Commonly use variables
|
|
var doc = document;
|
|
|
|
var group = {
|
|
// Detect and change the top position of the cycle navs
|
|
cycleFix: function() {
|
|
if (doc.querySelectorAll(".group-show-post-banner-image").length >= 1) {
|
|
var imgs = doc.querySelectorAll(".group-show-post-banner-image"),
|
|
cycleNav = doc.querySelectorAll(".cycle-nav"),
|
|
len = cycleNav.length,
|
|
i = -1;
|
|
|
|
|
|
// Hide the navs when there's noly one slide
|
|
if (imgs.length <= 1) {
|
|
for (i = 0; i < len; i++) {
|
|
cycleNav[i].classList.add("hide");
|
|
}
|
|
}
|
|
|
|
} else if (doc.querySelectorAll(".group-show-post-banner-image").length === 0 && doc.querySelector(".group-show-post-image-wrap")) {
|
|
doc.querySelector(".group-show-post-image-wrap").classList.add("hide");
|
|
}
|
|
},
|
|
// Create scroll effect (with css)
|
|
scrollEffect: function(el) {
|
|
var wrap = doc.querySelector(el),
|
|
scrollClass = "scroll";
|
|
|
|
// Use pageYOffset to get the Y positoin and add scroll on it, the animation
|
|
// is done by css transition
|
|
if (el) {
|
|
window.addEventListener("scroll", function() {
|
|
if (window.pageYOffset > 0) {
|
|
wrap.classList.add(scrollClass);
|
|
} else {
|
|
wrap.classList.remove(scrollClass);
|
|
}
|
|
}, false);
|
|
}
|
|
},
|
|
// Equal height for card
|
|
equalHeight: function(el) {
|
|
var bigbrother = -1,
|
|
$el = $(el);
|
|
|
|
$el.each(function() {
|
|
bigbrother = bigbrother > $(this).height() ? bigbrother : $(this).height();
|
|
});
|
|
|
|
$el.each(function() {
|
|
$(this).height(bigbrother);
|
|
});
|
|
},
|
|
// We want to place a dropdown in group-post-item, but link cannot be nested, hance this fix
|
|
makePostClick: function() {
|
|
var postLink = doc.querySelectorAll('.group-post-link');
|
|
|
|
if (postLink) {
|
|
Array.prototype.forEach.call(postLink, function(item) {
|
|
item.parentNode.classList.add('clickable');
|
|
item.parentNode.addEventListener('click', function(e) {
|
|
window.location.href = item.href;
|
|
});
|
|
});
|
|
}
|
|
},
|
|
// Bootstrap dropdown is too much of a hassle, using this instead
|
|
makeDropdown: function(container, toggle, dropdown, kls) {
|
|
var $container = $(container),
|
|
$toggle = $container.find(toggle),
|
|
$dropdown = $container.find(dropdown),
|
|
klass = 'open';
|
|
|
|
$container.on('click', '.toggle', function(e) {
|
|
if ($(this).hasClass(klass)) {
|
|
$(toggle).removeClass(klass);
|
|
$(dropdown).removeClass(klass);
|
|
} else {
|
|
$(toggle).removeClass(klass);
|
|
$(dropdown).removeClass(klass);
|
|
$(this)
|
|
.addClass(klass)
|
|
.next(dropdown)
|
|
.addClass(klass)
|
|
}
|
|
return false;
|
|
|
|
});
|
|
|
|
$(document.body).on('click', function() {
|
|
$(toggle).removeClass(klass)
|
|
$(dropdown).removeClass(klass);
|
|
});
|
|
},
|
|
|
|
// Third-party plugin settings
|
|
plugins: function() {
|
|
// WOWjs
|
|
if (typeof window.WOW !== 'undefined') {
|
|
new WOW().init();
|
|
}
|
|
}
|
|
}
|
|
|
|
// When DOM is completely loaded, execute these functions
|
|
document.addEventListener("DOMContentLoaded", function(event) {
|
|
|
|
if (doc.querySelector('.group-post')) {
|
|
group.scrollEffect('.group-post');
|
|
group.makeDropdown('.group-post', '.group-post-dropdown-toggle', '.group-post-dropdown');
|
|
}
|
|
|
|
if (doc.querySelector('.group-card')) {
|
|
group.makeDropdown('.group-public', '.group-card-dropdown-toggle', '.group-card-dropdown');
|
|
}
|
|
|
|
if (doc.querySelector('.group-index')) {
|
|
group.makeDropdown('.group-index', '.group-card-dropdown-toggle', '.group-card-dropdown');
|
|
}
|
|
|
|
if (doc.querySelector('.group-show-post')) {
|
|
group.makeDropdown('.group-show-post', '.group-show-post-dropdown-toggle', '.group-show-post-dropdown');
|
|
}
|
|
|
|
if (doc.querySelector('.group-member')) {
|
|
group.scrollEffect('.group-member');
|
|
}
|
|
|
|
group.cycleFix();
|
|
group.equalHeight('.group-card-inner');
|
|
group.equalHeight('.group-admin-edit-image-item');
|
|
group.plugins();
|
|
});
|
|
|
|
})();
|