mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-mobile-client.git
synced 2026-08-19 12:24:13 +00:00
Darel
403 lines
11 KiB
JavaScript
403 lines
11 KiB
JavaScript
"use strict";
|
|
|
|
/* =========================================
|
|
[Navigation Side Menu System] Start Here
|
|
==========================================*/
|
|
$(document).ready(function(){
|
|
/* If User Click Navigation Button, Call Navigation Menu to Open*/
|
|
$('.navi-menu-button').on('click', function(e){
|
|
navMenuOpen();
|
|
});
|
|
|
|
/* If User Click Outside of Navigation Menu, Call Navigation Menu to Close*/
|
|
$('.nav-menu').on('click', function(e){
|
|
if ($(e.target).hasClass('nav-menu')){
|
|
navMenuClose();
|
|
}
|
|
});
|
|
|
|
/* [Company nav Open] */
|
|
$('.profile-menu-company').on('click', function (e) {
|
|
AznavCMenuOpen();
|
|
});
|
|
|
|
/* [Branch nav Open] */
|
|
$('.profile-menu-branch').on('click', function (e) {
|
|
AznavBMenuOpen();
|
|
});
|
|
|
|
/* [Delivery nav Open] */
|
|
$('.profile-menu-xAxisP').on('click', function (e) {
|
|
AznavDMenuOpen();
|
|
});
|
|
|
|
/* [Staff nav Open] */
|
|
$('.profile-menu-xAxisM').on('click', function (e) {
|
|
AznavSMenuOpen();
|
|
});
|
|
|
|
/* [Personal nav Open] */
|
|
$('.profile-menu-personal').on('click', function (e) {
|
|
AznavPMenuOpen();
|
|
});
|
|
|
|
$('.go-back-linkC').on('click', function (e) {
|
|
AznavCMenuClose();
|
|
});
|
|
|
|
$('.go-back-linkB').on('click', function (e) {
|
|
AznavBMenuClose();
|
|
});
|
|
|
|
$('.go-back-linkD').on('click', function (e) {
|
|
AznavDMenuClose();
|
|
});
|
|
|
|
$('.go-back-linkS').on('click', function (e) {
|
|
AznavSMenuClose();
|
|
});
|
|
|
|
$('.go-back-linkP').on('click', function (e) {
|
|
AznavPMenuClose();
|
|
});
|
|
|
|
/* Dropdown List System for Unorderd List Function*/
|
|
$('nav.menu ul.main-menu>li>a').on('click', function(e){
|
|
var that = $(this);
|
|
if (that.parent().find('ul:first').length)
|
|
{
|
|
e.preventDefault();
|
|
if (!that.parent().hasClass('active'))
|
|
{
|
|
/* If User Click Dropdown List Change Up Arrow to Down Arrow*/
|
|
$('nav.menu ul.main-menu ul').slideUp('fast',function(){
|
|
$('nav.menu ul.main-menu > li').removeClass('active');
|
|
});
|
|
|
|
$('nav.menu ul li a span').removeClass('fa-angle-up').addClass('fa-angle-down');
|
|
|
|
/* If User Click Other Dropdown List Change Down Arrow to Up Arrow*/
|
|
that.parent().find('ul:first').slideDown('fast',function(){
|
|
that.parent().addClass('active');
|
|
});
|
|
|
|
that.find('span').removeClass('fa-angle-down').addClass('fa-angle-up');
|
|
}
|
|
else
|
|
{
|
|
/* If User Click None Change Up Arrow to Down Arrow*/
|
|
that.parent().find('ul:first').slideUp('fast',function(){
|
|
$(this).parent().removeClass('active');
|
|
});
|
|
that.find('span').removeClass('fa-angle-up').addClass('fa-angle-down');
|
|
}
|
|
}
|
|
else
|
|
{
|
|
$('nav.menu ul.main-menu ul').slideUp('fast');
|
|
$('nav.menu ul.main-menu > li').removeClass('active');
|
|
that.parent().addClass('active');
|
|
}
|
|
});
|
|
|
|
|
|
$('.tab-item .fix-width .menu-item').css({ 'width': 100 / $('.tab-item .fix-width .menu-item').length+'%'});
|
|
|
|
if ($('.wizard').length)
|
|
{
|
|
wizardFixHeight();
|
|
$(window).resize();
|
|
}
|
|
|
|
|
|
|
|
if ($('.animated-text').length)
|
|
animateText();
|
|
|
|
});
|
|
/* =========================================
|
|
[Navigation Side Menu System] End Here
|
|
==========================================*/
|
|
|
|
$(".wrapper-inline").on("scroll", function(e) {
|
|
if (this.scrollTop > 150) {
|
|
$('header.no-background').addClass("set-bg");
|
|
} else {
|
|
$('header.no-background').removeClass("set-bg");
|
|
}
|
|
|
|
});
|
|
|
|
/* =========================================
|
|
[Open Navigation Menu Function] Don't touch
|
|
==========================================*/
|
|
//[Main Nav]
|
|
var navMenuOpen = function () {
|
|
$('.navi-menu-button').addClass('focused');
|
|
|
|
$('div.nav-menu').fadeIn(50, function (e) {
|
|
$('nav.menu').addClass('opened');
|
|
});
|
|
};
|
|
//[Company Nav]
|
|
var AznavCMenuOpen = function () {
|
|
$('.profile-menu-company').addClass('focused');
|
|
|
|
$('div.AznavC-menuC').fadeIn(50, function (e) {
|
|
$('AznavC.menuC').addClass('opened');
|
|
});
|
|
};
|
|
//[Branch Nav]
|
|
var AznavBMenuOpen = function () {
|
|
$('.profile-menu-branch').addClass('focused');
|
|
|
|
$('div.AznavB-menuB').fadeIn(50, function (e) {
|
|
$('AznavB.menuB').addClass('opened');
|
|
});
|
|
};
|
|
//[Delivery Nav]
|
|
var AznavDMenuOpen = function () {
|
|
$('.profile-menu-xAxisP').addClass('focused');
|
|
|
|
$('div.AznavD-menuD').fadeIn(50, function (e) {
|
|
$('AznavD.menuD').addClass('opened');
|
|
});
|
|
};
|
|
//[Staff Nav]
|
|
var AznavSMenuOpen = function () {
|
|
$('.profile-menu-xAxisM').addClass('focused');
|
|
|
|
$('div.AznavS-menuS').fadeIn(50, function (e) {
|
|
$('AznavS.menuS').addClass('opened');
|
|
});
|
|
};
|
|
//[Personal Nav]
|
|
var AznavPMenuOpen = function () {
|
|
$('.profile-menu-personal').addClass('focused');
|
|
|
|
$('div.AznavP-menuP').fadeIn(50, function (e) {
|
|
$('AznavP.menuP').addClass('opened');
|
|
});
|
|
};
|
|
|
|
/* =========================================
|
|
[Close Navigation Menu Function] Don't touch
|
|
==========================================*/
|
|
//[Main Nav]
|
|
var navMenuClose = function () {
|
|
$('.navi-menu-button').removeClass('focused');
|
|
|
|
$('nav.menu').removeClass('opened');
|
|
$('div.nav-menu').fadeOut(200);
|
|
};
|
|
//[Company Nav]
|
|
var AznavCMenuClose = function () {
|
|
$('.go-back-linkC').removeClass('focused');
|
|
|
|
$('AznavC.menuC').removeClass('opened');
|
|
$('div.AznavC-menuC').fadeOut(200);
|
|
};
|
|
//[Branch Nav]
|
|
var AznavBMenuClose = function () {
|
|
$('.go-back-linkB').removeClass('focused');
|
|
|
|
$('AznavB.menuB').removeClass('opened');
|
|
$('div.AznavB-menuB').fadeOut(200);
|
|
};
|
|
//[Delivery Nav]
|
|
var AznavDMenuClose = function () {
|
|
$('.go-back-linkD').removeClass('focused');
|
|
|
|
$('AznavD.menuD').removeClass('opened');
|
|
$('div.AznavD-menuD').fadeOut(200);
|
|
};
|
|
//[Staff Nav]
|
|
var AznavSMenuClose = function () {
|
|
$('.go-back-linkS').removeClass('focused');
|
|
|
|
$('AznavS.menuS').removeClass('opened');
|
|
$('div.AznavS-menuS').fadeOut(200);
|
|
};
|
|
//[Personal Nav]
|
|
var AznavPMenuClose = function () {
|
|
$('.go-back-linkP').removeClass('focused');
|
|
|
|
$('AznavP.menuP').removeClass('opened');
|
|
$('div.AznavP-menuP').fadeOut(200);
|
|
};
|
|
|
|
/* =========================================
|
|
[Navigation Button Animate] Don't touch
|
|
==========================================*/
|
|
var animateText = function () {
|
|
$('.vertical-center').css({ 'margin-top': $(window).height() / 2 - $('.vertical-center').height() / 2 });
|
|
$('.animated-text').removeClass('zero-opacity');
|
|
$('[data-transation]').each(function (e, i) {
|
|
var that = $(this);
|
|
that.addClass('hide');
|
|
|
|
var transation = that.attr('data-transation');
|
|
if (transation == '')
|
|
transation = 'fadeInDown';
|
|
|
|
var startTime = parseInt(that.attr('data-start-time'));
|
|
if (isNaN(startTime))
|
|
startTime = 0;
|
|
|
|
setTimeout(function () {
|
|
that.addClass('animated ' + transation);
|
|
}, startTime);
|
|
});
|
|
};
|
|
|
|
|
|
/* =========================================
|
|
[Check Box]
|
|
==========================================*/
|
|
$('.sweet-check :checkbox:checked').each(function(e,i){
|
|
$(this).parent().addClass('checked');
|
|
});
|
|
|
|
|
|
$(document).on('click', '.sweet-check', function(){
|
|
if ($(this).hasClass('checked'))
|
|
{
|
|
$(this).removeClass('checked');
|
|
$(this).find('input').prop('checked', false);
|
|
}
|
|
else
|
|
{
|
|
$(this).addClass('checked');
|
|
$(this).find('input').prop('checked', true);
|
|
}
|
|
|
|
//console.log($(this).find('input').prop('checked'));
|
|
});
|
|
|
|
$(document).on('click','[data-loader]', function(){
|
|
$('.sweet-loader').show().addClass('show');
|
|
});
|
|
|
|
|
|
/* =========================================
|
|
[Accordion]
|
|
==========================================*/
|
|
$(document).on('click', '.expandable-item .expandable-header', function(){
|
|
if ($(this).parent().hasClass('accordion'))
|
|
{
|
|
if ($(this).parent().hasClass('active'))
|
|
{
|
|
$(this).parent().removeClass('active');
|
|
$(this).parent().find('.expandable-content').attr('style','');
|
|
}
|
|
else
|
|
{
|
|
var accordionGroup = $(this).parent().attr('data-group');
|
|
$('[data-group="'+accordionGroup+'"]').removeClass('active');
|
|
$('[data-group="'+accordionGroup+'"]').find('.expandable-content').attr('style','');
|
|
$(this).parent().find('.expandable-content').css({'max-height':$(this).parent().find('.expandable-content')[0].scrollHeight});
|
|
$(this).parent().addClass('active');
|
|
}
|
|
}
|
|
else
|
|
{
|
|
if ($(this).parent().hasClass('active'))
|
|
$(this).parent().find('.expandable-content').attr('style','');
|
|
else
|
|
$(this).parent().find('.expandable-content').css({'max-height':$(this).parent().find('.expandable-content')[0].scrollHeight});
|
|
|
|
$(this).parent().toggleClass('active');
|
|
}
|
|
});
|
|
|
|
|
|
/* =========================================
|
|
[Tab Control]
|
|
==========================================*/
|
|
$(document).on('click', '.tab-item .menu-item', function(e){
|
|
e.preventDefault();
|
|
var tabContentId = $(this).attr('data-content');
|
|
|
|
$(this).parents('.tab-item').find('.menu-item').removeClass('active');
|
|
$(this).addClass('active');
|
|
|
|
$(this).parents('.tab-item').find('.content-item').removeClass('active');
|
|
$('#' + tabContentId).addClass('active');
|
|
window.location.hash = tabContentId;
|
|
});
|
|
|
|
/* =========================================
|
|
[Popup Action]
|
|
==========================================*/
|
|
$(document).on('click', '[data-dismiss="true"]', function(){
|
|
$(this).parents('.popup-overlay').fadeOut('fast');
|
|
});
|
|
|
|
$(document).on('click', '[data-popup]', function(){
|
|
var modalId = $(this).attr('data-popup');
|
|
$('#'+modalId).fadeIn('fast');
|
|
});
|
|
|
|
$(document).on('click', '.popup-overlay', function(e){
|
|
if ($(e.target).hasClass('popup-overlay'))
|
|
{
|
|
$(this).fadeOut('fast');
|
|
}
|
|
});
|
|
|
|
|
|
/* =========================================
|
|
[Search Popup Action]
|
|
==========================================*/
|
|
var openSearchPopup = function () {
|
|
$('.search-form').fadeIn('fast');
|
|
$('.search-form input').focus();
|
|
};
|
|
|
|
var closeSearchPopup = function () {
|
|
$('.search-form').fadeOut('fast');
|
|
};
|
|
|
|
$(document).on('click', '[data-search="open"]', function(){
|
|
openSeautBranchp();archPopup();
|
|
});
|
|
|
|
$(document).on('click', '[data-search="close"]', function(){
|
|
closeSearchPopup();
|
|
});
|
|
|
|
/* =========================================
|
|
[Personal Profile Upload] Start Here
|
|
==========================================*/
|
|
$("#PersonalProfile").click(function (e) {
|
|
$("#PersonalUpload").click();
|
|
});
|
|
|
|
function fasterPreviewPersonal(uploader) {
|
|
if (uploader.files && uploader.files[0]) {
|
|
$('#PersonalProfile').attr('src',
|
|
window.URL.createObjectURL(uploader.files[0]));
|
|
}
|
|
}
|
|
|
|
$("#PersonalUpload").change(function () {
|
|
fasterPreviewPersonal(this);
|
|
});
|
|
|
|
/* =========================================
|
|
[Company Profile Upload] Start Here
|
|
==========================================*/
|
|
$("#CompanyProfile").click(function (c) {
|
|
$("#CompanyUpload").click();
|
|
});
|
|
|
|
function fasterPreviewCompany(uploader) {
|
|
if (uploader.files && uploader.files[0]) {
|
|
$('#CompanyProfile').attr('src',
|
|
window.URL.createObjectURL(uploader.files[0]));
|
|
}
|
|
}
|
|
|
|
$("#CompanyUpload").change(function (c) {
|
|
fasterPreviewCompany(this);
|
|
}); |