first commit
This commit is contained in:
20
assets/javascript/frontend/newslettre.js
Normal file
20
assets/javascript/frontend/newslettre.js
Normal file
@@ -0,0 +1,20 @@
|
||||
|
||||
$(".check-groupe").change(function () {
|
||||
|
||||
related = $(this).attr("data-related");
|
||||
operation = $(this).prop("checked");
|
||||
|
||||
console.log(related);
|
||||
console.log(operation);
|
||||
|
||||
$.post( pathAjaxUpdate, {related:related, operation:operation}, function( data ) {
|
||||
|
||||
console.log(data);
|
||||
|
||||
}).fail(function(response) {
|
||||
console.log(response.responseText);
|
||||
});
|
||||
|
||||
|
||||
//$("input:checkbox").prop('checked', $(this).prop("checked"));
|
||||
});
|
||||
9
assets/javascript/frontend/parrainage.js
Normal file
9
assets/javascript/frontend/parrainage.js
Normal file
@@ -0,0 +1,9 @@
|
||||
import copy from 'copy-text-to-clipboard';
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
|
||||
$( "#copurl" ).click(function() {
|
||||
copy($("#urlParinage").val());
|
||||
});
|
||||
|
||||
})
|
||||
106
assets/javascript/frontend/register.js
Normal file
106
assets/javascript/frontend/register.js
Normal file
@@ -0,0 +1,106 @@
|
||||
import intlTelInput from 'intl-tel-input';
|
||||
import 'intl-tel-input/build/js/utils';
|
||||
import 'jquery-mask-plugin';
|
||||
|
||||
import countrySelect from 'country-select-bd';
|
||||
import 'country-select-bd/build/css/countrySelect.min.css';
|
||||
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
$("#user_registration_country , #user_adresse_country").countrySelect({
|
||||
defaultCountry: "tn",
|
||||
preferredCountries: ['tn','fr'],
|
||||
excludeCountries: ["il"],
|
||||
nationalMode: false,
|
||||
formatOnDisplay: true,
|
||||
separateDialCode: true,
|
||||
autoHideDialCode: true,
|
||||
});
|
||||
|
||||
|
||||
var input = document.querySelector("#user_registration_phoneNumber");
|
||||
|
||||
|
||||
if(input != null) {
|
||||
var iti = intlTelInput(input, {
|
||||
nationalMode: false,
|
||||
formatOnDisplay: true,
|
||||
separateDialCode: true,
|
||||
autoHideDialCode: true,
|
||||
autoPlaceholder: "aggressive" ,
|
||||
initialCountry: "tn",
|
||||
placeholderNumberType: "MOBILE",
|
||||
preferredCountries: ['tn','fr'],
|
||||
excludeCountries: ["il"]
|
||||
})
|
||||
|
||||
var phoneInputID = "#user_registration_phoneNumber";
|
||||
|
||||
$(phoneInputID).on("countrychange", function(event) {
|
||||
|
||||
// Get the selected country data to know which country is selected.
|
||||
var selectedCountryData = iti.getSelectedCountryData();
|
||||
|
||||
// Get an example number for the selected country to use as placeholder.
|
||||
var newPlaceholder = intlTelInputUtils.getExampleNumber(selectedCountryData.iso2, true, intlTelInputUtils.numberFormat.INTERNATIONAL);
|
||||
|
||||
// Reset the phone number input.
|
||||
iti.setNumber("");
|
||||
|
||||
// Convert placeholder as exploitable mask by replacing all 1-9 numbers with 0s
|
||||
var mask = newPlaceholder.replace(/[1-9]/g, "0");
|
||||
|
||||
// Apply the new mask for the input
|
||||
$(this).mask(mask);
|
||||
});
|
||||
|
||||
|
||||
iti.promise.then(function() {
|
||||
$(phoneInputID).trigger("countrychange");
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
var inputInfoPerson = document.querySelector("#user_info_perso_phoneNumber");
|
||||
|
||||
if(inputInfoPerson != null) {
|
||||
|
||||
var iti = intlTelInput(inputInfoPerson, {
|
||||
nationalMode: false,
|
||||
formatOnDisplay: true,
|
||||
separateDialCode: true,
|
||||
autoHideDialCode: true,
|
||||
autoPlaceholder: "aggressive" ,
|
||||
initialCountry: "tn",
|
||||
placeholderNumberType: "MOBILE",
|
||||
preferredCountries: ['tn','fr'],
|
||||
excludeCountries: ["il"]
|
||||
|
||||
})
|
||||
|
||||
$("#user_info_perso_phoneNumber").on("countrychange", function(event) {
|
||||
|
||||
// Get the selected country data to know which country is selected.
|
||||
var selectedCountryData = iti.getSelectedCountryData();
|
||||
|
||||
// Get an example number for the selected country to use as placeholder.
|
||||
var newPlaceholder = intlTelInputUtils.getExampleNumber(selectedCountryData.iso2, true, intlTelInputUtils.numberFormat.INTERNATIONAL);
|
||||
|
||||
// Reset the phone number input.
|
||||
iti.setNumber("");
|
||||
|
||||
// Convert placeholder as exploitable mask by replacing all 1-9 numbers with 0s
|
||||
var mask = newPlaceholder.replace(/[1-9]/g, "0");
|
||||
|
||||
// Apply the new mask for the input
|
||||
$(this).mask(mask);
|
||||
});
|
||||
|
||||
|
||||
iti.promise.then(function() {
|
||||
$("#user_info_perso_phoneNumber").trigger("countrychange");
|
||||
});
|
||||
}
|
||||
});
|
||||
354
assets/javascript/frontend/scripts.js
Normal file
354
assets/javascript/frontend/scripts.js
Normal file
@@ -0,0 +1,354 @@
|
||||
import 'jquery';
|
||||
import 'bootstrap';
|
||||
import 'bootstrap-dropdown-hover';
|
||||
import { WOW } from 'wow.js';
|
||||
import { echo } from 'echo-js';
|
||||
import 'jquery.rateit';
|
||||
import 'jquery.easing';
|
||||
import '../../../public/assets/js/owl.carousel.min.js';
|
||||
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
"use strict";
|
||||
|
||||
/*===================================================================================*/
|
||||
/* OWL CAROUSEL
|
||||
/*===================================================================================*/
|
||||
jQuery(function () {
|
||||
var dragging = true;
|
||||
var owlElementID = "#owl-main";
|
||||
|
||||
function fadeInReset() {
|
||||
if (!dragging) {
|
||||
jQuery(owlElementID + " .caption .fadeIn-1, " + owlElementID + " .caption .fadeIn-2, " + owlElementID + " .caption .fadeIn-3").stop().delay(800).animate({ opacity: 0 }, { duration: 400, easing: "easeInCubic" });
|
||||
}
|
||||
else {
|
||||
jQuery(owlElementID + " .caption .fadeIn-1, " + owlElementID + " .caption .fadeIn-2, " + owlElementID + " .caption .fadeIn-3").css({ opacity: 0 });
|
||||
}
|
||||
}
|
||||
|
||||
function fadeInDownReset() {
|
||||
if (!dragging) {
|
||||
jQuery(owlElementID + " .caption .fadeInDown-1, " + owlElementID + " .caption .fadeInDown-2, " + owlElementID + " .caption .fadeInDown-3").stop().delay(800).animate({ opacity: 0, top: "-15px" }, { duration: 400, easing: "easeInCubic" });
|
||||
}
|
||||
else {
|
||||
jQuery(owlElementID + " .caption .fadeInDown-1, " + owlElementID + " .caption .fadeInDown-2, " + owlElementID + " .caption .fadeInDown-3").css({ opacity: 0, top: "-15px" });
|
||||
}
|
||||
}
|
||||
|
||||
function fadeInUpReset() {
|
||||
if (!dragging) {
|
||||
jQuery(owlElementID + " .caption .fadeInUp-1, " + owlElementID + " .caption .fadeInUp-2, " + owlElementID + " .caption .fadeInUp-3").stop().delay(800).animate({ opacity: 0, top: "15px" }, { duration: 400, easing: "easeInCubic" });
|
||||
}
|
||||
else {
|
||||
$(owlElementID + " .caption .fadeInUp-1, " + owlElementID + " .caption .fadeInUp-2, " + owlElementID + " .caption .fadeInUp-3").css({ opacity: 0, top: "15px" });
|
||||
}
|
||||
}
|
||||
|
||||
function fadeInLeftReset() {
|
||||
if (!dragging) {
|
||||
jQuery(owlElementID + " .caption .fadeInLeft-1, " + owlElementID + " .caption .fadeInLeft-2, " + owlElementID + " .caption .fadeInLeft-3").stop().delay(800).animate({ opacity: 0, left: "15px" }, { duration: 400, easing: "easeInCubic" });
|
||||
}
|
||||
else {
|
||||
jQuery(owlElementID + " .caption .fadeInLeft-1, " + owlElementID + " .caption .fadeInLeft-2, " + owlElementID + " .caption .fadeInLeft-3").css({ opacity: 0, left: "15px" });
|
||||
}
|
||||
}
|
||||
|
||||
function fadeInRightReset() {
|
||||
if (!dragging) {
|
||||
jQuery(owlElementID + " .caption .fadeInRight-1, " + owlElementID + " .caption .fadeInRight-2, " + owlElementID + " .caption .fadeInRight-3").stop().delay(800).animate({ opacity: 0, left: "-15px" }, { duration: 400, easing: "easeInCubic" });
|
||||
}
|
||||
else {
|
||||
jQuery(owlElementID + " .caption .fadeInRight-1, " + owlElementID + " .caption .fadeInRight-2, " + owlElementID + " .caption .fadeInRight-3").css({ opacity: 0, left: "-15px" });
|
||||
}
|
||||
}
|
||||
|
||||
function fadeIn() {
|
||||
jQuery(owlElementID + " .active .caption .fadeIn-1").stop().delay(500).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
|
||||
jQuery(owlElementID + " .active .caption .fadeIn-2").stop().delay(700).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
|
||||
jQuery(owlElementID + " .active .caption .fadeIn-3").stop().delay(1000).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
|
||||
}
|
||||
|
||||
function fadeInDown() {
|
||||
jQuery(owlElementID + " .active .caption .fadeInDown-1").stop().delay(500).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
jQuery(owlElementID + " .active .caption .fadeInDown-2").stop().delay(700).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
jQuery(owlElementID + " .active .caption .fadeInDown-3").stop().delay(1000).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
}
|
||||
|
||||
function fadeInUp() {
|
||||
jQuery(owlElementID + " .active .caption .fadeInUp-1").stop().delay(500).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
jQuery(owlElementID + " .active .caption .fadeInUp-2").stop().delay(700).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
jQuery(owlElementID + " .active .caption .fadeInUp-3").stop().delay(1000).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
}
|
||||
|
||||
function fadeInLeft() {
|
||||
jQuery(owlElementID + " .active .caption .fadeInLeft-1").stop().delay(500).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
jQuery(owlElementID + " .active .caption .fadeInLeft-2").stop().delay(700).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
jQuery(owlElementID + " .active .caption .fadeInLeft-3").stop().delay(1000).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
}
|
||||
|
||||
function fadeInRight() {
|
||||
jQuery(owlElementID + " .active .caption .fadeInRight-1").stop().delay(500).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
jQuery(owlElementID + " .active .caption .fadeInRight-2").stop().delay(700).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
jQuery(owlElementID + " .active .caption .fadeInRight-3").stop().delay(1000).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
|
||||
}
|
||||
|
||||
jQuery(owlElementID).owlCarousel({
|
||||
|
||||
autoPlay: 5000,
|
||||
stopOnHover: true,
|
||||
navigation: true,
|
||||
pagination: true,
|
||||
singleItem: true,
|
||||
addClassActive: true,
|
||||
transitionStyle: "fade",
|
||||
navigationText: ["<i class='icon fa fa-angle-left'></i>", "<i class='icon fa fa-angle-right'></i>"],
|
||||
|
||||
afterInit: function() {
|
||||
fadeIn();
|
||||
fadeInDown();
|
||||
fadeInUp();
|
||||
fadeInLeft();
|
||||
fadeInRight();
|
||||
},
|
||||
|
||||
afterMove: function() {
|
||||
fadeIn();
|
||||
fadeInDown();
|
||||
fadeInUp();
|
||||
fadeInLeft();
|
||||
fadeInRight();
|
||||
},
|
||||
|
||||
afterUpdate: function() {
|
||||
fadeIn();
|
||||
fadeInDown();
|
||||
fadeInUp();
|
||||
fadeInLeft();
|
||||
fadeInRight();
|
||||
},
|
||||
|
||||
startDragging: function() {
|
||||
dragging = true;
|
||||
},
|
||||
|
||||
afterAction: function() {
|
||||
fadeInReset();
|
||||
fadeInDownReset();
|
||||
fadeInUpReset();
|
||||
fadeInLeftReset();
|
||||
fadeInRightReset();
|
||||
dragging = false;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
if (jQuery(owlElementID).hasClass("owl-one-item")) {
|
||||
jQuery(owlElementID + ".owl-one-item").data('owlCarousel').destroy();
|
||||
}
|
||||
|
||||
jQuery(owlElementID + ".owl-one-item").owlCarousel({
|
||||
singleItem: true,
|
||||
navigation: false,
|
||||
pagination: false
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
jQuery('.home-owl-carousel').each(function(){
|
||||
|
||||
var owl = $(this);
|
||||
var itemPerLine = owl.data('item');
|
||||
if(!itemPerLine){
|
||||
itemPerLine = 5;
|
||||
}
|
||||
owl.owlCarousel({
|
||||
items : itemPerLine,
|
||||
itemsDesktop : [1199,3],
|
||||
itemsTablet:[991,2],
|
||||
navigation : true,
|
||||
pagination : false,
|
||||
|
||||
navigationText: ["", ""]
|
||||
});
|
||||
});
|
||||
|
||||
jQuery('.homepage-owl-carousel').each(function(){
|
||||
|
||||
var owl = $(this);
|
||||
var itemPerLine = owl.data('item');
|
||||
if(!itemPerLine){
|
||||
itemPerLine = 4;
|
||||
}
|
||||
owl.owlCarousel({
|
||||
items : itemPerLine,
|
||||
itemsTablet:[991,2],
|
||||
itemsDesktop : [1199,3],
|
||||
navigation : true,
|
||||
pagination : false,
|
||||
|
||||
navigationText: ["", ""]
|
||||
});
|
||||
});
|
||||
|
||||
jQuery(".blog-slider").owlCarousel({
|
||||
items : 3,
|
||||
itemsDesktopSmall :[979,2],
|
||||
itemsDesktop : [1199,3],
|
||||
navigation : true,
|
||||
slideSpeed : 300,
|
||||
pagination: false,
|
||||
navigationText: ["", ""]
|
||||
});
|
||||
|
||||
jQuery(".best-seller").owlCarousel({
|
||||
items : 3,
|
||||
navigation : true,
|
||||
itemsDesktopSmall :[979,2],
|
||||
itemsDesktop : [1199,2],
|
||||
slideSpeed : 300,
|
||||
pagination: false,
|
||||
paginationSpeed : 400,
|
||||
navigationText: ["", ""]
|
||||
});
|
||||
|
||||
jQuery(".sidebar-carousel").owlCarousel({
|
||||
items : 1,
|
||||
itemsTablet:[978,1],
|
||||
itemsDesktopSmall :[979,2],
|
||||
itemsDesktop : [1199,1],
|
||||
navigation : true,
|
||||
slideSpeed : 300,
|
||||
pagination: false,
|
||||
paginationSpeed : 400,
|
||||
navigationText: ["", ""]
|
||||
});
|
||||
|
||||
jQuery(".brand-slider").owlCarousel({
|
||||
items :6,
|
||||
navigation : true,
|
||||
slideSpeed : 300,
|
||||
pagination: false,
|
||||
paginationSpeed : 400,
|
||||
navigationText: ["", ""]
|
||||
});
|
||||
jQuery("#advertisement").owlCarousel({
|
||||
items : 1,
|
||||
itemsTablet:[978,1],
|
||||
itemsDesktopSmall :[979,1],
|
||||
itemsDesktop : [1199,1],
|
||||
navigation : true,
|
||||
slideSpeed : 300,
|
||||
pagination: true,
|
||||
paginationSpeed : 400,
|
||||
navigationText: ["", ""]
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(window).on('load', function(){
|
||||
|
||||
/*===================================================================================*/
|
||||
/* LAZY LOAD IMAGES USING ECHO
|
||||
/*===================================================================================*/
|
||||
|
||||
echo.init({
|
||||
offset: 100,
|
||||
throttle: 250,
|
||||
unload: false
|
||||
});
|
||||
|
||||
|
||||
/*===================================================================================*/
|
||||
/* RATING
|
||||
/*===================================================================================*/
|
||||
jQuery('.rating').rateit({max: 5, step: 1, value : 4, resetable : false , readonly : true});
|
||||
|
||||
|
||||
|
||||
/*===================================================================================*/
|
||||
/* WOW
|
||||
/*===================================================================================*/
|
||||
|
||||
WOW.init();
|
||||
|
||||
|
||||
/*===================================================================================*/
|
||||
/* TOOLTIP
|
||||
/*===================================================================================*/
|
||||
jQuery("[data-toggle='tooltip']").tooltip();
|
||||
|
||||
});
|
||||
|
||||
/*===================================================================================*/
|
||||
/* PRICE SLIDER
|
||||
/*===================================================================================*/
|
||||
jQuery(function () {
|
||||
|
||||
// Price Slider
|
||||
if (jQuery('.price-slider').length > 0) {
|
||||
jQuery('.price-slider').slider({
|
||||
min: 100,
|
||||
max: 700,
|
||||
step: 10,
|
||||
value: [200, 500],
|
||||
handle: "square"
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
/*===================================================================================*/
|
||||
/* SINGLE PRODUCT GALLERY
|
||||
/*===================================================================================*/
|
||||
jQuery(function(){
|
||||
jQuery('#owl-single-product').owlCarousel({
|
||||
items:1,
|
||||
itemsTablet:[768,3],
|
||||
itemsDesktop : [1199,1],
|
||||
itemsTablet : [992,1],
|
||||
itemsDesktopSmall : [768,3]
|
||||
|
||||
});
|
||||
|
||||
jQuery('#owl-single-product-thumbnails').owlCarousel({
|
||||
items: 4,
|
||||
pagination: true,
|
||||
rewindNav: true,
|
||||
itemsTablet : [992,4],
|
||||
itemsDesktopSmall :[768,4],
|
||||
itemsDesktop : [992,1]
|
||||
});
|
||||
|
||||
jQuery('#owl-single-product2-thumbnails').owlCarousel({
|
||||
items: 6,
|
||||
pagination: true,
|
||||
rewindNav: true,
|
||||
itemsTablet : [768, 4],
|
||||
itemsDesktop : [1199,3]
|
||||
});
|
||||
|
||||
jQuery('.single-product-slider').owlCarousel({
|
||||
stopOnHover: true,
|
||||
rewindNav: true,
|
||||
singleItem: true,
|
||||
pagination: true
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
})
|
||||
Reference in New Issue
Block a user