diff --git a/DjangoFiles/BaseBillet/static/blk-pro/assets/js/blk-design-system-pro.js b/DjangoFiles/BaseBillet/static/blk-pro/assets/js/blk-design-system-pro.js index 03bc936..a569acb 100644 --- a/DjangoFiles/BaseBillet/static/blk-pro/assets/js/blk-design-system-pro.js +++ b/DjangoFiles/BaseBillet/static/blk-pro/assets/js/blk-design-system-pro.js @@ -23,245 +23,271 @@ var transparentDemo = true; var fixedTop = false; var navbar_initialized, - backgroundOrange = false, - toggle_initialized = false; + backgroundOrange = false, + toggle_initialized = false; var $datepicker = $('.datepicker'); var $collapse = $('.navbar .collapse'); var $html = $('html'); var $tagsinput = $('.tagsinput'); -(function() { - var isWindows = navigator.platform.indexOf('Win') > -1 ? true : false; +(function () { + var isWindows = navigator.platform.indexOf('Win') > -1 ? true : false; - if (isWindows) { - // if we are on windows OS we activate the perfectScrollbar function + if (isWindows) { + // if we are on windows OS we activate the perfectScrollbar function - if ($('.tab-content .table-responsive').length != 0) { + if ($('.tab-content .table-responsive').length != 0) { - $('.table-responsive').each(function() { - var ps2 = new PerfectScrollbar($(this)[0]); - }); + $('.table-responsive').each(function () { + var ps2 = new PerfectScrollbar($(this)[0]); + }); + } + + + $html.addClass('perfect-scrollbar-on'); + } else { + $html.addClass('perfect-scrollbar-off'); } - - - - $html.addClass('perfect-scrollbar-on'); - } else { - $html.addClass('perfect-scrollbar-off'); - } })(); -$(document).ready(function() { +$(document).ready(function () { - // Multilevel Dropdown menu + // Multilevel Dropdown menu - $('.dropdown-menu a.dropdown-toggle').on('click', function(e) { - var $el = $(this); - var $parent = $(this).offsetParent(".dropdown-menu"); - if (!$(this).next().hasClass('show')) { - $(this).parents('.dropdown-menu').first().find('.show').removeClass("show"); - } - var $subMenu = $(this).next(".dropdown-menu"); - $subMenu.toggleClass('show'); + $('.dropdown-menu a.dropdown-toggle').on('click', function (e) { + var $el = $(this); + var $parent = $(this).offsetParent(".dropdown-menu"); + if (!$(this).next().hasClass('show')) { + $(this).parents('.dropdown-menu').first().find('.show').removeClass("show"); + } + var $subMenu = $(this).next(".dropdown-menu"); + $subMenu.toggleClass('show'); - $(this).closest("a").toggleClass('open'); + $(this).closest("a").toggleClass('open'); - $(this).parents('a.dropdown-item.dropdown.show').on('hidden.bs.dropdown', function(e) { - $('.dropdown-menu .show').removeClass("show"); + $(this).parents('a.dropdown-item.dropdown.show').on('hidden.bs.dropdown', function (e) { + $('.dropdown-menu .show').removeClass("show"); + }); + + if (!$parent.parent().hasClass('navbar-nav')) { + $el.next().css({ + "top": $el[0].offsetTop, + "left": $parent.outerWidth() - 4 + }); + } + + return false; }); - if (!$parent.parent().hasClass('navbar-nav')) { - $el.next().css({ - "top": $el[0].offsetTop, - "left": $parent.outerWidth() - 4 - }); + // Activate the Tooltips + $('[data-toggle="tooltip"], [rel="tooltip"]').tooltip(); + + var tagClass = $tagsinput.data('color'); + + if ($tagsinput.length != 0) { + $tagsinput.tagsinput(); } - return false; - }); + $('.bootstrap-tagsinput').find('.tag').addClass('badge-' + tagClass); - // Activate the Tooltips - $('[data-toggle="tooltip"], [rel="tooltip"]').tooltip(); + // Activate bootstrap-select - var tagClass = $tagsinput.data('color'); - - if ($tagsinput.length != 0) { - $tagsinput.tagsinput(); - } - - $('.bootstrap-tagsinput').find('.tag').addClass('badge-' + tagClass); - - // Activate bootstrap-select - - if ($(".selectpicker").length != 0) { - $(".selectpicker").selectpicker({ - iconBase: "tim-icons", - tickIcon: "icon-check-2" - }); - }; - - if ($(window).width() >= 768) { - big_image = $('.header[data-parallax="true"]'); - if (big_image.length != 0) { - $(window).on('scroll', blackKit.checkScrollForParallax); + if ($(".selectpicker").length != 0) { + $(".selectpicker").selectpicker({ + iconBase: "tim-icons", + tickIcon: "icon-check-2" + }); } - } + ; - - // Activate Popovers and set color for popovers - $('[data-toggle="popover"]').each(function() { - color_class = $(this).data('color'); - $(this).popover({ - template: '' - }); - }); - - var squares1 = document.getElementById("square1"); - var squares2 = document.getElementById("square2"); - var squares3 = document.getElementById("square3"); - var squares4 = document.getElementById("square4"); - var squares5 = document.getElementById("square5"); - var squares6 = document.getElementById("square6"); - var squares9 = document.getElementById("square7"); - var squares10 = document.getElementById("square8"); - - if (!(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))) { - if ($('.square').length != 0) { - - $(document).mousemove(function(e) { - posX = event.clientX - window.innerWidth / 2; - posY = event.clientY - window.innerWidth / 6; - - squares1.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; - squares2.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; - squares3.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; - squares4.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; - squares5.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; - squares6.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; - squares9.style.transform = "perspective(500px) rotateY(" + posX * 0.02 + "deg) rotateX(" + posY * (-0.02) + "deg)"; - squares10.style.transform = "perspective(500px) rotateY(" + posX * 0.02 + "deg) rotateX(" + posY * (-0.02) + "deg)"; - - }); + if ($(window).width() >= 768) { + big_image = $('.header[data-parallax="true"]'); + if (big_image.length != 0) { + $(window).on('scroll', blackKit.checkScrollForParallax); + } } - } - // Activate the image for the navbar-collapse - blackKit.initNavbarImage(); - $navbar = $('.navbar[color-on-scroll]'); - scroll_distance = $navbar.attr('color-on-scroll') || 500; - - // Check if we have the class "navbar-color-on-scroll" then add the function to remove the class "navbar-transparent" so it will transform to a plain color. - if ($('.navbar[color-on-scroll]').length != 0) { - blackKit.checkScrollForTransparentNavbar(); - $(window).on('scroll', blackKit.checkScrollForTransparentNavbar) - } - - $('.form-control').on("focus", function() { - $(this).parent('.input-group').addClass("input-group-focus"); - }).on("blur", function() { - $(this).parent(".input-group").removeClass("input-group-focus"); - }); - - // Activate bootstrapSwitch - $('.bootstrap-switch').each(function() { - $this = $(this); - data_on_label = $this.data('on-label') || ''; - data_off_label = $this.data('off-label') || ''; - - $this.bootstrapSwitch({ - onText: data_on_label, - offText: data_off_label + // Activate Popovers and set color for popovers + $('[data-toggle="popover"]').each(function () { + color_class = $(this).data('color'); + $(this).popover({ + template: '' + }); }); - }); - if ($(window).width() >= 992) { - big_image = $('.page-header-image[data-parallax="true"]'); + var squares1 = document.getElementById("square1"); + var squares2 = document.getElementById("square2"); + var squares3 = document.getElementById("square3"); + var squares4 = document.getElementById("square4"); + var squares5 = document.getElementById("square5"); + var squares6 = document.getElementById("square6"); + var squares9 = document.getElementById("square7"); + var squares10 = document.getElementById("square8"); - $(window).on('scroll', blackKit.checkScrollForParallax); - } + if (!(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))) { + if ($('.square').length != 0) { - // Activate Carousel - $('.carousel').carousel({ - interval: 4000 - }); + $(document).mousemove(function (e) { + posX = event.clientX - window.innerWidth / 2; + posY = event.clientY - window.innerWidth / 6; - if ($(".datetimepicker").length != 0) { - $('.datetimepicker').datetimepicker({ - icons: { - time: "tim-icons icon-watch-time", - date: "tim-icons icon-calendar-60", - up: "fa fa-chevron-up", - down: "fa fa-chevron-down", - previous: 'tim-icons icon-minimal-left', - next: 'tim-icons icon-minimal-right', - today: 'fa fa-screenshot', - clear: 'fa fa-trash', - close: 'fa fa-remove' - } + squares1.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; + squares2.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; + squares3.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; + squares4.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; + squares5.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; + squares6.style.transform = "perspective(500px) rotateY(" + posX * 0.05 + "deg) rotateX(" + posY * (-0.05) + "deg)"; + squares9.style.transform = "perspective(500px) rotateY(" + posX * 0.02 + "deg) rotateX(" + posY * (-0.02) + "deg)"; + squares10.style.transform = "perspective(500px) rotateY(" + posX * 0.02 + "deg) rotateX(" + posY * (-0.02) + "deg)"; + + }); + } + } + + // Activate the image for the navbar-collapse + blackKit.initNavbarImage(); + + $navbar = $('.navbar[color-on-scroll]'); + scroll_distance = $navbar.attr('color-on-scroll') || 500; + + // Check if we have the class "navbar-color-on-scroll" then add the function to remove the class "navbar-transparent" so it will transform to a plain color. + if ($('.navbar[color-on-scroll]').length != 0) { + blackKit.checkScrollForTransparentNavbar(); + $(window).on('scroll', blackKit.checkScrollForTransparentNavbar) + } + + $('.form-control').on("focus", function () { + $(this).parent('.input-group').addClass("input-group-focus"); + }).on("blur", function () { + $(this).parent(".input-group").removeClass("input-group-focus"); }); - } - if ($(".datepicker").length != 0) { - $('.datepicker').datetimepicker({ - format: 'MM/DD/YYYY', - icons: { - time: "tim-icons icon-watch-time", - date: "tim-icons icon-calendar-60", - up: "fa fa-chevron-up", - down: "fa fa-chevron-down", - previous: 'tim-icons icon-minimal-left', - next: 'tim-icons icon-minimal-right', - today: 'fa fa-screenshot', - clear: 'fa fa-trash', - close: 'fa fa-remove' - } - }); - } + // Activate bootstrapSwitch + $('.bootstrap-switch').each(function () { + $this = $(this); + data_on_label = $this.data('on-label') || ''; + data_off_label = $this.data('off-label') || ''; - if ($(".timepicker").length != 0) { - $('.timepicker').datetimepicker({ - // format: 'H:mm', // use this format if you want the 24hours timepicker - format: 'h:mm A', //use this format if you want the 12hours timpiecker with AM/PM toggle - icons: { - time: "tim-icons icon-watch-time", - date: "tim-icons icon-calendar-60", - up: "fa fa-chevron-up", - down: "fa fa-chevron-down", - previous: 'tim-icons icon-minimal-left', - next: 'tim-icons icon-minimal-right', - today: 'fa fa-screenshot', - clear: 'fa fa-trash', - close: 'fa fa-remove' - } + $this.bootstrapSwitch({ + onText: data_on_label, + offText: data_off_label + }); }); - } + + if ($(window).width() >= 992) { + big_image = $('.page-header-image[data-parallax="true"]'); + + $(window).on('scroll', blackKit.checkScrollForParallax); + } + + // Activate Carousel + $('.carousel').carousel({ + interval: 4000 + }); + + if ($(".datetimepicker").length != 0) { + $('.datetimepicker').datetimepicker({ + icons: { + time: "tim-icons icon-watch-time", + date: "tim-icons icon-calendar-60", + up: "fa fa-chevron-up", + down: "fa fa-chevron-down", + previous: 'tim-icons icon-minimal-left', + next: 'tim-icons icon-minimal-right', + today: 'fa fa-screenshot', + clear: 'fa fa-trash', + close: 'fa fa-remove' + } + }); + } + + if ($(".datepicker").length != 0) { + $('.datepicker').datetimepicker({ + format: 'MM/DD/YYYY', + icons: { + time: "tim-icons icon-watch-time", + date: "tim-icons icon-calendar-60", + up: "fa fa-chevron-up", + down: "fa fa-chevron-down", + previous: 'tim-icons icon-minimal-left', + next: 'tim-icons icon-minimal-right', + today: 'fa fa-screenshot', + clear: 'fa fa-trash', + close: 'fa fa-remove' + } + }); + } + + if ($(".timepicker").length != 0) { + $('.timepicker').datetimepicker({ + // format: 'H:mm', // use this format if you want the 24hours timepicker + format: 'h:mm A', //use this format if you want the 12hours timpiecker with AM/PM toggle + icons: { + time: "tim-icons icon-watch-time", + date: "tim-icons icon-calendar-60", + up: "fa fa-chevron-up", + down: "fa fa-chevron-down", + previous: 'tim-icons icon-minimal-left', + next: 'tim-icons icon-minimal-right', + today: 'fa fa-screenshot', + clear: 'fa fa-trash', + close: 'fa fa-remove' + } + }); + } }); // Add (+/-) Button Number Incrementers function up(max) { - let input_id = this.id.replace("up_", "inputqty_"); - document.getElementById(input_id).value = parseInt(document.getElementById(input_id).value) + 1; - if (document.getElementById(input_id).value >= parseInt(max)) { - document.getElementById(input_id).value = max; - } + let input_id = this.id.replace("up_", "inputqty_"); + console.log(input_id) + document.getElementById(input_id).value = parseInt(document.getElementById(input_id).value) + 1; + if (document.getElementById(input_id).value >= parseInt(max)) { + document.getElementById(input_id).value = max; + } + + let uuid = this.id.replace("up_", ""); + document.getElementById('name_ticket').insertAdjacentHTML('beforeend', ` +
+
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+
+ `); + } function down(min) { - let input_id = this.id.replace("down_", "inputqty_"); - document.getElementById(input_id).value = parseInt(document.getElementById(input_id).value) - 1; - if (document.getElementById(input_id).value <= parseInt(min)) { - document.getElementById(input_id).value = min; - } + let input_id = this.id.replace("down_", "inputqty_"); + document.getElementById(input_id).value = parseInt(document.getElementById(input_id).value) - 1; + if (document.getElementById(input_id).value <= parseInt(min)) { + document.getElementById(input_id).value = min; + } } - - // Returns a function, that, as long as it continues to be invoked, will not // be triggered. The function will be called after it stops being called for // N milliseconds. If `immediate` is passed, trigger the function on the @@ -273,574 +299,574 @@ var delta = 5; var navbarHeight = 0; function hasScrolled() { - var st = $(this).scrollTop(); - // Make sure they scroll more than delta - if (Math.abs(lastScrollTop - st) <= delta) - return; + var st = $(this).scrollTop(); + // Make sure they scroll more than delta + if (Math.abs(lastScrollTop - st) <= delta) + return; - // If they scrolled down and are past the navbar, add class .nav-up. - // This is necessary so you never see what is "behind" the navbar. - if (st > lastScrollTop && st > navbarHeight) { - // Scroll Down - $('.navbar.nav-down').removeClass('nav-down').addClass('nav-up'); - } else { - // Scroll Up - if (st + $(window).height() < $(document).height()) { - $('.navbar.nav-up').removeClass('nav-up').addClass('nav-down'); + // If they scrolled down and are past the navbar, add class .nav-up. + // This is necessary so you never see what is "behind" the navbar. + if (st > lastScrollTop && st > navbarHeight) { + // Scroll Down + $('.navbar.nav-down').removeClass('nav-down').addClass('nav-up'); + } else { + // Scroll Up + if (st + $(window).height() < $(document).height()) { + $('.navbar.nav-up').removeClass('nav-up').addClass('nav-down'); + } } - } - lastScrollTop = st; + lastScrollTop = st; }; -$(window).on('resize', function() { - blackKit.initNavbarImage(); +$(window).on('resize', function () { + blackKit.initNavbarImage(); }); blackKit = { - misc: { - navbar_menu_visible: 0 - }, + misc: { + navbar_menu_visible: 0 + }, - checkScrollForTransparentNavbar: debounce(function() { - if ($(document).scrollTop() > scroll_distance) { - if (transparent) { - transparent = false; - $('.navbar[color-on-scroll]').removeClass('navbar-transparent'); - } - } else { - if (!transparent) { - transparent = true; - $('.navbar[color-on-scroll]').addClass('navbar-transparent'); - } - } - }, 17), - - initDatePicker: function() { - if ($datepicker.length != 0) { - $datepicker.datetimepicker({ - icons: { - time: "tim-icons icon-watch-time", - date: "tim-icons icon-calendar-60", - up: "fa fa-chevron-up", - down: "fa fa-chevron-down", - previous: 'tim-icons icon-minimal-left', - next: 'tim-icons icon-minimal-right', - today: 'fa fa-screenshot', - clear: 'fa fa-trash', - close: 'fa fa-remove' + checkScrollForTransparentNavbar: debounce(function () { + if ($(document).scrollTop() > scroll_distance) { + if (transparent) { + transparent = false; + $('.navbar[color-on-scroll]').removeClass('navbar-transparent'); + } + } else { + if (!transparent) { + transparent = true; + $('.navbar[color-on-scroll]').addClass('navbar-transparent'); + } } - }); - } - }, + }, 17), - initNavbarImage: function() { - var $navbar = $('.navbar').find('.navbar-translate').siblings('.navbar-collapse'); - var background_image = $navbar.data('nav-image'); - - if ($(window).width() < 991 || $('body').hasClass('burger-menu')) { - if (background_image != undefined) { - $navbar.css('background', "url('" + background_image + "')") - .removeAttr('data-nav-image') - .css('background-size', "cover") - .addClass('has-image'); - } - } else if (background_image != undefined) { - $navbar.css('background', "") - .attr('data-nav-image', '' + background_image + '') - .css('background-size', "") - .removeClass('has-image'); - } - }, - - initSliders: function() { - // Sliders for demo purpose in refine cards section - var slider = document.getElementById('sliderRegular'); - - noUiSlider.create(slider, { - start: 40, - connect: [true, false], - range: { - min: 0, - max: 100 - } - }); - - var slider2 = document.getElementById('sliderDouble'); - - noUiSlider.create(slider2, { - start: [20, 60], - connect: true, - range: { - min: 0, - max: 100 - } - }); - }, - - checkScrollForMovingNavbar: function() { - - // Hide Header on on scroll down - navbarHeight = $('.navbar').outerHeight(); - - $(window).scroll(function(event) { - didScroll = true; - }); - - setInterval(function() { - if (didScroll) { - hasScrolled(); - didScroll = false; - } - }, 250); - - - }, - - checkScrollForParallax: debounce(function() { - - oVal = ($(window).scrollTop() / 3); - big_image.css({ - 'transform': 'translate3d(0,' + oVal + 'px,0)', - '-webkit-transform': 'translate3d(0,' + oVal + 'px,0)', - '-ms-transform': 'translate3d(0,' + oVal + 'px,0)', - '-o-transform': 'translate3d(0,' + oVal + 'px,0)' - }); - - }, 6), - - initVideoBackground: function() { - $('[data-toggle="video"]').click(function() { - id_video = $(this).data('video'); - video = $('#' + id_video).get(0); - - parent = $(this).parent('div').parent('div'); - - if (video.paused) { - video.play(); - $(this).html(' Pause Video'); - parent.addClass('state-play'); - } else { - video.pause(); - $(this).html(' Play Video'); - parent.removeClass('state-play'); - } - }); - }, - - initContactUsMap: function() { - var myLatlng = new google.maps.LatLng(40.748817, -73.985428); - var mapOptions = { - zoom: 13, - center: myLatlng, - scrollwheel: false, //we disable de scroll over the map, it is a really annoing when you scroll through page - styles: [{ - "elementType": "geometry", - "stylers": [{ - "color": "#1d2c4d" - }] - }, - { - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#8ec3b9" - }] - }, - { - "elementType": "labels.text.stroke", - "stylers": [{ - "color": "#1a3646" - }] - }, - { - "featureType": "administrative.country", - "elementType": "geometry.stroke", - "stylers": [{ - "color": "#4b6878" - }] - }, - { - "featureType": "administrative.land_parcel", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#64779e" - }] - }, - { - "featureType": "administrative.province", - "elementType": "geometry.stroke", - "stylers": [{ - "color": "#4b6878" - }] - }, - { - "featureType": "landscape.man_made", - "elementType": "geometry.stroke", - "stylers": [{ - "color": "#334e87" - }] - }, - { - "featureType": "landscape.natural", - "elementType": "geometry", - "stylers": [{ - "color": "#023e58" - }] - }, - { - "featureType": "poi", - "elementType": "geometry", - "stylers": [{ - "color": "#283d6a" - }] - }, - { - "featureType": "poi", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#6f9ba5" - }] - }, - { - "featureType": "poi", - "elementType": "labels.text.stroke", - "stylers": [{ - "color": "#1d2c4d" - }] - }, - { - "featureType": "poi.park", - "elementType": "geometry.fill", - "stylers": [{ - "color": "#023e58" - }] - }, - { - "featureType": "poi.park", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#3C7680" - }] - }, - { - "featureType": "road", - "elementType": "geometry", - "stylers": [{ - "color": "#304a7d" - }] - }, - { - "featureType": "road", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#98a5be" - }] - }, - { - "featureType": "road", - "elementType": "labels.text.stroke", - "stylers": [{ - "color": "#1d2c4d" - }] - }, - { - "featureType": "road.highway", - "elementType": "geometry", - "stylers": [{ - "color": "#2c6675" - }] - }, - { - "featureType": "road.highway", - "elementType": "geometry.fill", - "stylers": [{ - "color": "#9d2a80" - }] - }, - { - "featureType": "road.highway", - "elementType": "geometry.stroke", - "stylers": [{ - "color": "#9d2a80" - }] - }, - { - "featureType": "road.highway", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#b0d5ce" - }] - }, - { - "featureType": "road.highway", - "elementType": "labels.text.stroke", - "stylers": [{ - "color": "#023e58" - }] - }, - { - "featureType": "transit", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#98a5be" - }] - }, - { - "featureType": "transit", - "elementType": "labels.text.stroke", - "stylers": [{ - "color": "#1d2c4d" - }] - }, - { - "featureType": "transit.line", - "elementType": "geometry.fill", - "stylers": [{ - "color": "#283d6a" - }] - }, - { - "featureType": "transit.station", - "elementType": "geometry", - "stylers": [{ - "color": "#3a4762" - }] - }, - { - "featureType": "water", - "elementType": "geometry", - "stylers": [{ - "color": "#0e1626" - }] - }, - { - "featureType": "water", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#4e6d70" - }] + initDatePicker: function () { + if ($datepicker.length != 0) { + $datepicker.datetimepicker({ + icons: { + time: "tim-icons icon-watch-time", + date: "tim-icons icon-calendar-60", + up: "fa fa-chevron-up", + down: "fa fa-chevron-down", + previous: 'tim-icons icon-minimal-left', + next: 'tim-icons icon-minimal-right', + today: 'fa fa-screenshot', + clear: 'fa fa-trash', + close: 'fa fa-remove' + } + }); } - ] - }; + }, - var map = new google.maps.Map(document.getElementById("contactUsMap"), mapOptions); + initNavbarImage: function () { + var $navbar = $('.navbar').find('.navbar-translate').siblings('.navbar-collapse'); + var background_image = $navbar.data('nav-image'); - var marker = new google.maps.Marker({ - position: myLatlng, - title: "Hello World!" - }); - - // To add the marker to the map, call setMap(); - marker.setMap(map); - }, - - - initContactUs2Map: function() { - var myLatlng = new google.maps.LatLng(40.748817, -73.985428); - var mapOptions = { - zoom: 13, - center: myLatlng, - scrollwheel: false, //we disable de scroll over the map, it is a really annoing when you scroll through page - styles: [{ - "elementType": "geometry", - "stylers": [{ - "color": "#1d2c4d" - }] - }, - { - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#8ec3b9" - }] - }, - { - "elementType": "labels.text.stroke", - "stylers": [{ - "color": "#1a3646" - }] - }, - { - "featureType": "administrative.country", - "elementType": "geometry.stroke", - "stylers": [{ - "color": "#4b6878" - }] - }, - { - "featureType": "administrative.land_parcel", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#64779e" - }] - }, - { - "featureType": "administrative.province", - "elementType": "geometry.stroke", - "stylers": [{ - "color": "#4b6878" - }] - }, - { - "featureType": "landscape.man_made", - "elementType": "geometry.stroke", - "stylers": [{ - "color": "#334e87" - }] - }, - { - "featureType": "landscape.natural", - "elementType": "geometry", - "stylers": [{ - "color": "#023e58" - }] - }, - { - "featureType": "poi", - "elementType": "geometry", - "stylers": [{ - "color": "#283d6a" - }] - }, - { - "featureType": "poi", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#6f9ba5" - }] - }, - { - "featureType": "poi", - "elementType": "labels.text.stroke", - "stylers": [{ - "color": "#1d2c4d" - }] - }, - { - "featureType": "poi.park", - "elementType": "geometry.fill", - "stylers": [{ - "color": "#023e58" - }] - }, - { - "featureType": "poi.park", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#3C7680" - }] - }, - { - "featureType": "road", - "elementType": "geometry", - "stylers": [{ - "color": "#304a7d" - }] - }, - { - "featureType": "road", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#98a5be" - }] - }, - { - "featureType": "road", - "elementType": "labels.text.stroke", - "stylers": [{ - "color": "#1d2c4d" - }] - }, - { - "featureType": "road.highway", - "elementType": "geometry", - "stylers": [{ - "color": "#2c6675" - }] - }, - { - "featureType": "road.highway", - "elementType": "geometry.fill", - "stylers": [{ - "color": "#9d2a80" - }] - }, - { - "featureType": "road.highway", - "elementType": "geometry.stroke", - "stylers": [{ - "color": "#9d2a80" - }] - }, - { - "featureType": "road.highway", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#b0d5ce" - }] - }, - { - "featureType": "road.highway", - "elementType": "labels.text.stroke", - "stylers": [{ - "color": "#023e58" - }] - }, - { - "featureType": "transit", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#98a5be" - }] - }, - { - "featureType": "transit", - "elementType": "labels.text.stroke", - "stylers": [{ - "color": "#1d2c4d" - }] - }, - { - "featureType": "transit.line", - "elementType": "geometry.fill", - "stylers": [{ - "color": "#283d6a" - }] - }, - { - "featureType": "transit.station", - "elementType": "geometry", - "stylers": [{ - "color": "#3a4762" - }] - }, - { - "featureType": "water", - "elementType": "geometry", - "stylers": [{ - "color": "#0e1626" - }] - }, - { - "featureType": "water", - "elementType": "labels.text.fill", - "stylers": [{ - "color": "#4e6d70" - }] + if ($(window).width() < 991 || $('body').hasClass('burger-menu')) { + if (background_image != undefined) { + $navbar.css('background', "url('" + background_image + "')") + .removeAttr('data-nav-image') + .css('background-size', "cover") + .addClass('has-image'); + } + } else if (background_image != undefined) { + $navbar.css('background', "") + .attr('data-nav-image', '' + background_image + '') + .css('background-size', "") + .removeClass('has-image'); } - ] - }; + }, - var map = new google.maps.Map(document.getElementById("contactUs2Map"), mapOptions); + initSliders: function () { + // Sliders for demo purpose in refine cards section + var slider = document.getElementById('sliderRegular'); - var marker = new google.maps.Marker({ - position: myLatlng, - title: "Hello World!" - }); + noUiSlider.create(slider, { + start: 40, + connect: [true, false], + range: { + min: 0, + max: 100 + } + }); - // To add the marker to the map, call setMap(); - marker.setMap(map); - } + var slider2 = document.getElementById('sliderDouble'); + + noUiSlider.create(slider2, { + start: [20, 60], + connect: true, + range: { + min: 0, + max: 100 + } + }); + }, + + checkScrollForMovingNavbar: function () { + + // Hide Header on on scroll down + navbarHeight = $('.navbar').outerHeight(); + + $(window).scroll(function (event) { + didScroll = true; + }); + + setInterval(function () { + if (didScroll) { + hasScrolled(); + didScroll = false; + } + }, 250); + + + }, + + checkScrollForParallax: debounce(function () { + + oVal = ($(window).scrollTop() / 3); + big_image.css({ + 'transform': 'translate3d(0,' + oVal + 'px,0)', + '-webkit-transform': 'translate3d(0,' + oVal + 'px,0)', + '-ms-transform': 'translate3d(0,' + oVal + 'px,0)', + '-o-transform': 'translate3d(0,' + oVal + 'px,0)' + }); + + }, 6), + + initVideoBackground: function () { + $('[data-toggle="video"]').click(function () { + id_video = $(this).data('video'); + video = $('#' + id_video).get(0); + + parent = $(this).parent('div').parent('div'); + + if (video.paused) { + video.play(); + $(this).html(' Pause Video'); + parent.addClass('state-play'); + } else { + video.pause(); + $(this).html(' Play Video'); + parent.removeClass('state-play'); + } + }); + }, + + initContactUsMap: function () { + var myLatlng = new google.maps.LatLng(40.748817, -73.985428); + var mapOptions = { + zoom: 13, + center: myLatlng, + scrollwheel: false, //we disable de scroll over the map, it is a really annoing when you scroll through page + styles: [{ + "elementType": "geometry", + "stylers": [{ + "color": "#1d2c4d" + }] + }, + { + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#8ec3b9" + }] + }, + { + "elementType": "labels.text.stroke", + "stylers": [{ + "color": "#1a3646" + }] + }, + { + "featureType": "administrative.country", + "elementType": "geometry.stroke", + "stylers": [{ + "color": "#4b6878" + }] + }, + { + "featureType": "administrative.land_parcel", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#64779e" + }] + }, + { + "featureType": "administrative.province", + "elementType": "geometry.stroke", + "stylers": [{ + "color": "#4b6878" + }] + }, + { + "featureType": "landscape.man_made", + "elementType": "geometry.stroke", + "stylers": [{ + "color": "#334e87" + }] + }, + { + "featureType": "landscape.natural", + "elementType": "geometry", + "stylers": [{ + "color": "#023e58" + }] + }, + { + "featureType": "poi", + "elementType": "geometry", + "stylers": [{ + "color": "#283d6a" + }] + }, + { + "featureType": "poi", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#6f9ba5" + }] + }, + { + "featureType": "poi", + "elementType": "labels.text.stroke", + "stylers": [{ + "color": "#1d2c4d" + }] + }, + { + "featureType": "poi.park", + "elementType": "geometry.fill", + "stylers": [{ + "color": "#023e58" + }] + }, + { + "featureType": "poi.park", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#3C7680" + }] + }, + { + "featureType": "road", + "elementType": "geometry", + "stylers": [{ + "color": "#304a7d" + }] + }, + { + "featureType": "road", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#98a5be" + }] + }, + { + "featureType": "road", + "elementType": "labels.text.stroke", + "stylers": [{ + "color": "#1d2c4d" + }] + }, + { + "featureType": "road.highway", + "elementType": "geometry", + "stylers": [{ + "color": "#2c6675" + }] + }, + { + "featureType": "road.highway", + "elementType": "geometry.fill", + "stylers": [{ + "color": "#9d2a80" + }] + }, + { + "featureType": "road.highway", + "elementType": "geometry.stroke", + "stylers": [{ + "color": "#9d2a80" + }] + }, + { + "featureType": "road.highway", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#b0d5ce" + }] + }, + { + "featureType": "road.highway", + "elementType": "labels.text.stroke", + "stylers": [{ + "color": "#023e58" + }] + }, + { + "featureType": "transit", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#98a5be" + }] + }, + { + "featureType": "transit", + "elementType": "labels.text.stroke", + "stylers": [{ + "color": "#1d2c4d" + }] + }, + { + "featureType": "transit.line", + "elementType": "geometry.fill", + "stylers": [{ + "color": "#283d6a" + }] + }, + { + "featureType": "transit.station", + "elementType": "geometry", + "stylers": [{ + "color": "#3a4762" + }] + }, + { + "featureType": "water", + "elementType": "geometry", + "stylers": [{ + "color": "#0e1626" + }] + }, + { + "featureType": "water", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#4e6d70" + }] + } + ] + }; + + var map = new google.maps.Map(document.getElementById("contactUsMap"), mapOptions); + + var marker = new google.maps.Marker({ + position: myLatlng, + title: "Hello World!" + }); + + // To add the marker to the map, call setMap(); + marker.setMap(map); + }, + + + initContactUs2Map: function () { + var myLatlng = new google.maps.LatLng(40.748817, -73.985428); + var mapOptions = { + zoom: 13, + center: myLatlng, + scrollwheel: false, //we disable de scroll over the map, it is a really annoing when you scroll through page + styles: [{ + "elementType": "geometry", + "stylers": [{ + "color": "#1d2c4d" + }] + }, + { + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#8ec3b9" + }] + }, + { + "elementType": "labels.text.stroke", + "stylers": [{ + "color": "#1a3646" + }] + }, + { + "featureType": "administrative.country", + "elementType": "geometry.stroke", + "stylers": [{ + "color": "#4b6878" + }] + }, + { + "featureType": "administrative.land_parcel", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#64779e" + }] + }, + { + "featureType": "administrative.province", + "elementType": "geometry.stroke", + "stylers": [{ + "color": "#4b6878" + }] + }, + { + "featureType": "landscape.man_made", + "elementType": "geometry.stroke", + "stylers": [{ + "color": "#334e87" + }] + }, + { + "featureType": "landscape.natural", + "elementType": "geometry", + "stylers": [{ + "color": "#023e58" + }] + }, + { + "featureType": "poi", + "elementType": "geometry", + "stylers": [{ + "color": "#283d6a" + }] + }, + { + "featureType": "poi", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#6f9ba5" + }] + }, + { + "featureType": "poi", + "elementType": "labels.text.stroke", + "stylers": [{ + "color": "#1d2c4d" + }] + }, + { + "featureType": "poi.park", + "elementType": "geometry.fill", + "stylers": [{ + "color": "#023e58" + }] + }, + { + "featureType": "poi.park", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#3C7680" + }] + }, + { + "featureType": "road", + "elementType": "geometry", + "stylers": [{ + "color": "#304a7d" + }] + }, + { + "featureType": "road", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#98a5be" + }] + }, + { + "featureType": "road", + "elementType": "labels.text.stroke", + "stylers": [{ + "color": "#1d2c4d" + }] + }, + { + "featureType": "road.highway", + "elementType": "geometry", + "stylers": [{ + "color": "#2c6675" + }] + }, + { + "featureType": "road.highway", + "elementType": "geometry.fill", + "stylers": [{ + "color": "#9d2a80" + }] + }, + { + "featureType": "road.highway", + "elementType": "geometry.stroke", + "stylers": [{ + "color": "#9d2a80" + }] + }, + { + "featureType": "road.highway", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#b0d5ce" + }] + }, + { + "featureType": "road.highway", + "elementType": "labels.text.stroke", + "stylers": [{ + "color": "#023e58" + }] + }, + { + "featureType": "transit", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#98a5be" + }] + }, + { + "featureType": "transit", + "elementType": "labels.text.stroke", + "stylers": [{ + "color": "#1d2c4d" + }] + }, + { + "featureType": "transit.line", + "elementType": "geometry.fill", + "stylers": [{ + "color": "#283d6a" + }] + }, + { + "featureType": "transit.station", + "elementType": "geometry", + "stylers": [{ + "color": "#3a4762" + }] + }, + { + "featureType": "water", + "elementType": "geometry", + "stylers": [{ + "color": "#0e1626" + }] + }, + { + "featureType": "water", + "elementType": "labels.text.fill", + "stylers": [{ + "color": "#4e6d70" + }] + } + ] + }; + + var map = new google.maps.Map(document.getElementById("contactUs2Map"), mapOptions); + + var marker = new google.maps.Marker({ + position: myLatlng, + title: "Hello World!" + }); + + // To add the marker to the map, call setMap(); + marker.setMap(map); + } } // Returns a function, that, as long as it continues to be invoked, will not @@ -849,15 +875,15 @@ blackKit = { // leading edge, instead of the trailing. function debounce(func, wait, immediate) { - var timeout; - return function() { - var context = this, - args = arguments; - clearTimeout(timeout); - timeout = setTimeout(function() { - timeout = null; - if (!immediate) func.apply(context, args); - }, wait); - if (immediate && !timeout) func.apply(context, args); - }; + var timeout; + return function () { + var context = this, + args = arguments; + clearTimeout(timeout); + timeout = setTimeout(function () { + timeout = null; + if (!immediate) func.apply(context, args); + }, wait); + if (immediate && !timeout) func.apply(context, args); + }; }; \ No newline at end of file diff --git a/DjangoFiles/BaseBillet/templates/blk-pro-mvc/event.html b/DjangoFiles/BaseBillet/templates/blk-pro-mvc/event.html index b53bb7b..174092f 100644 --- a/DjangoFiles/BaseBillet/templates/blk-pro-mvc/event.html +++ b/DjangoFiles/BaseBillet/templates/blk-pro-mvc/event.html @@ -51,7 +51,6 @@ placeholder="Votre email"> -
@@ -85,7 +84,9 @@ + value="0" readonly + /> +
- + {% endfor %} {% endif %} {% endfor %}
+
+
+
diff --git a/Docker/Development/docker-compose.yml b/Docker/Development/docker-compose.yml index 7ee2cd6..1207f84 100644 --- a/Docker/Development/docker-compose.yml +++ b/Docker/Development/docker-compose.yml @@ -1,51 +1,78 @@ version: '3.7' services: - tibillet_postgres: - container_name: tibillet_postgres - image: postgres:11.5-alpine - restart: always + billetterie_postgres_demo: + extends: + file: ../compose/docker-compose-base.yml + service: billetterie_postgres + env_file: .env ports: - 5432:5432 - volumes: - - "../../Postgres/dbdata:/var/lib/postgresql/data" - - "/etc/localtime:/etc/localtime:ro" - environment: - POSTGRES_USER: ${POSTGRES_USER} - POSTGRES_PASSWORD: ${POSTGRES_PASSWORD} - POSTGRES_DB: ${POSTGRES_DB} + networks: + - backend-billeterie - redis: - image: redis:6-alpine - restart: always - container_name: redis - hostname: redis + billetterie_redis_demo: + extends: + file: ../compose/docker-compose-base.yml + service: billetterie_redis + networks: + - backend-billeterie - tibillet_django: - container_name: tibillet_django - build: ../Dockerfile/ - restart: always + billetterie_django_demo: + extends: + file: ../compose/docker-compose-base.yml + service: billetterie_django + command: "bash /DjangoFiles/launch.sh" env_file: .env ports: - 8002:8002 - volumes: - - "../../DjangoFiles:/DjangoFiles" - - "../../Backup:/Backup" - - "../../Docker/bashrc:/root/.bashrc" - working_dir: /DjangoFiles - command: "bash /DjangoFiles/launch.sh" depends_on: - - tibillet_postgres - - redis + - billetterie_postgres_demo + links: + - billetterie_postgres_demo:billetterie_postgres + - billetterie_redis_demo:redis + networks: + - frontend + - backend-billeterie - tibillet_celery: - container_name: tibillet_celery - build: ../Dockerfile/ - restart: always + billetterie_celery_demo: + extends: + file: ../compose/docker-compose-base.yml + service: billetterie_celery + command: "bash /DjangoFiles/launch_celery.sh" env_file: .env - volumes: - - "../../DjangoFiles:/DjangoFiles" - - "../../Docker/bashrc:/root/.bashrc" - working_dir: /DjangoFiles - command: "bash /DjangoFiles/launch.sh" depends_on: - - tibillet_django + - billetterie_django_demo + links: + - billetterie_postgres_demo:billetterie_postgres + - billetterie_redis_demo:redis + networks: + - frontend + - backend-billeterie + + + billetterie_nginx_demo: + extends: + file: ../compose/docker-compose-base.yml + service: billetterie_nginx + + env_file: .env + depends_on: + - billetterie_django_demo + links: + - billetterie_django_demo:billetterie_django + labels: + - traefik.enable=true + - traefik.docker.network=frontend + - traefik.http.routers.billeterie_nginx.tls.certresolver=myresolver + - traefik.http.routers.billeterie_nginx.rule=Host(`m.${DOMAIN}`) || Host(`www.${DOMAIN}`) || Host(`raffinerie.${DOMAIN}`) || Host(`bisik.${DOMAIN}`) || Host(`vavangart.${DOMAIN}`) || Host(`manapany.${DOMAIN}`) || Host(`demo.${DOMAIN}`) || Host(`${DOMAIN}`) + networks: + - frontend + +# pour demo : jturbeaux@pm.me / eiXom5mo + +networks: + frontend: + external: true + backend-billeterie: + name: "backend-billeterie" + diff --git a/Docker/Production/docker-compose.yml b/Docker/Production/docker-compose.yml index 66455b6..d860009 100644 --- a/Docker/Production/docker-compose.yml +++ b/Docker/Production/docker-compose.yml @@ -5,6 +5,8 @@ services: file: ../compose/docker-compose-base.yml service: billetterie_postgres env_file: .env +# ports: +# - 5432:5432 networks: - backend-billeterie @@ -51,8 +53,8 @@ services: extends: file: ../compose/docker-compose-base.yml service: billetterie_nginx - ports: - - 8002:80 +# ports: +# - 8002:80 env_file: .env depends_on: - billetterie_django_demo