summaryrefslogtreecommitdiff
path: root/public/js/now-ui-kit.js
diff options
context:
space:
mode:
author8cy <[email protected]>2020-05-06 12:05:56 -0700
committer8cy <[email protected]>2020-05-06 12:05:56 -0700
commit1fd3e91928bf41ac72cd56b260fb6a6f42d47143 (patch)
treecb921eb41eaf359c2551fb4f303831c56db80cab /public/js/now-ui-kit.js
downloadslog-1fd3e91928bf41ac72cd56b260fb6a6f42d47143.tar.xz
slog-1fd3e91928bf41ac72cd56b260fb6a6f42d47143.zip
A New Beginning
Diffstat (limited to 'public/js/now-ui-kit.js')
-rw-r--r--public/js/now-ui-kit.js542
1 files changed, 542 insertions, 0 deletions
diff --git a/public/js/now-ui-kit.js b/public/js/now-ui-kit.js
new file mode 100644
index 0000000..26b0e9d
--- /dev/null
+++ b/public/js/now-ui-kit.js
@@ -0,0 +1,542 @@
+/*!
+
+ =========================================================
+ * Now-ui-kit-pro - v1.1.0
+ =========================================================
+
+ * Product Page: https://www.creative-tim.com/product/now-ui-kit-pro
+ * Copyright 2017 Creative Tim (http://www.creative-tim.com)
+ * View License on http://www.creative-tim.com/license
+
+ * Designed by www.invisionapp.com Coded by www.creative-tim.com
+
+ =========================================================
+
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+ */
+
+var transparent = true;
+var big_image;
+
+var transparentDemo = true;
+var fixedTop = false;
+
+var navbar_initialized,
+ backgroundOrange = false,
+ toggle_initialized = false;
+
+$(document).ready(function() {
+ // Activate the Tooltips
+ $('[data-toggle="tooltip"], [rel="tooltip"]').tooltip();
+
+ // Activate bootstrap-select
+ if ($(".selectpicker").length != 0) {
+ $(".selectpicker").selectpicker({
+ iconBase: "now-ui-icons",
+ tickIcon: "ui-1_check"
+ });
+ };
+
+ if ($(window).width() >= 768) {
+ big_image = $('.header[data-parallax="true"]');
+ if (big_image.length != 0) {
+ $(window).on('scroll', nowuiKit.checkScrollForParallax);
+ }
+ }
+
+ // Activate Popovers and set color for popovers
+ $('[data-toggle="popover"]').each(function() {
+ color_class = $(this).data('color');
+ $(this).popover({
+ template: '<div class="popover popover-' + color_class + '" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'
+ });
+ });
+
+ // Activate the image for the navbar-collapse
+ nowuiKit.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) {
+ nowuiKit.checkScrollForTransparentNavbar();
+ $(window).on('scroll', nowuiKit.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
+ });
+ });
+
+ if ($(window).width() >= 992) {
+ big_image = $('.page-header-image[data-parallax="true"]');
+
+ $(window).on('scroll', nowuiKit.checkScrollForParallax);
+ }
+
+ // Activate Carousel
+ $('.carousel').carousel({
+ interval: 4000
+ });
+
+ if ($(".datetimepicker").length != 0) {
+ $('.datetimepicker').datetimepicker({
+ icons: {
+ time: "now-ui-icons tech_watch-time",
+ date: "now-ui-icons ui-1_calendar-60",
+ up: "fa fa-chevron-up",
+ down: "fa fa-chevron-down",
+ previous: 'now-ui-icons arrows-1_minimal-left',
+ next: 'now-ui-icons arrows-1_minimal-right',
+ today: 'fa fa-screenshot',
+ clear: 'fa fa-trash',
+ close: 'fa fa-remove'
+ }
+ });
+
+ $('.datepicker').datetimepicker({
+ format: 'MM/DD/YYYY',
+ icons: {
+ time: "now-ui-icons tech_watch-time",
+ date: "now-ui-icons ui-1_calendar-60",
+ up: "fa fa-chevron-up",
+ down: "fa fa-chevron-down",
+ previous: 'now-ui-icons arrows-1_minimal-left',
+ next: 'now-ui-icons arrows-1_minimal-right',
+ today: 'fa fa-screenshot',
+ clear: 'fa fa-trash',
+ close: 'fa fa-remove'
+ }
+ });
+
+ $('.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: "now-ui-icons tech_watch-time",
+ date: "now-ui-icons ui-1_calendar-60",
+ up: "fa fa-chevron-up",
+ down: "fa fa-chevron-down",
+ previous: 'now-ui-icons arrows-1_minimal-left',
+ next: 'now-ui-icons arrows-1_minimal-right',
+ today: 'fa fa-screenshot',
+ clear: 'fa fa-trash',
+ close: 'fa fa-remove'
+ }
+ });
+ };
+});
+
+$(window).on('resize', function() {
+ nowuiKit.initNavbarImage();
+});
+
+$(document).on('click', '.navbar-toggler', function() {
+ $toggle = $(this);
+
+ if (nowuiKit.misc.navbar_menu_visible == 1) {
+ $('html').removeClass('nav-open');
+ nowuiKit.misc.navbar_menu_visible = 0;
+ $('#bodyClick').remove();
+ setTimeout(function() {
+ $toggle.removeClass('toggled');
+ }, 550);
+ } else {
+ setTimeout(function() {
+ $toggle.addClass('toggled');
+ }, 580);
+ div = '<div id="bodyClick"></div>';
+ $(div).appendTo('body').click(function() {
+ $('html').removeClass('nav-open');
+ nowuiKit.misc.navbar_menu_visible = 0;
+ setTimeout(function() {
+ $toggle.removeClass('toggled');
+ $('#bodyClick').remove();
+ }, 550);
+ });
+
+ $('html').addClass('nav-open');
+ nowuiKit.misc.navbar_menu_visible = 1;
+ }
+});
+
+nowuiKit = {
+ 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),
+
+ 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
+ }
+ });
+ },
+
+ 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),
+
+ 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: [{
+ "featureType": "water",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#e9e9e9"
+ }, {
+ "lightness": 17
+ }]
+ }, {
+ "featureType": "landscape",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#f5f5f5"
+ }, {
+ "lightness": 20
+ }]
+ }, {
+ "featureType": "road.highway",
+ "elementType": "geometry.fill",
+ "stylers": [{
+ "color": "#ffffff"
+ }, {
+ "lightness": 17
+ }]
+ }, {
+ "featureType": "road.highway",
+ "elementType": "geometry.stroke",
+ "stylers": [{
+ "color": "#ffffff"
+ }, {
+ "lightness": 29
+ }, {
+ "weight": 0.2
+ }]
+ }, {
+ "featureType": "road.arterial",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#ffffff"
+ }, {
+ "lightness": 18
+ }]
+ }, {
+ "featureType": "road.local",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#ffffff"
+ }, {
+ "lightness": 16
+ }]
+ }, {
+ "featureType": "poi",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#f5f5f5"
+ }, {
+ "lightness": 21
+ }]
+ }, {
+ "featureType": "poi.park",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#dedede"
+ }, {
+ "lightness": 21
+ }]
+ }, {
+ "elementType": "labels.text.stroke",
+ "stylers": [{
+ "visibility": "on"
+ }, {
+ "color": "#ffffff"
+ }, {
+ "lightness": 16
+ }]
+ }, {
+ "elementType": "labels.text.fill",
+ "stylers": [{
+ "saturation": 36
+ }, {
+ "color": "#333333"
+ }, {
+ "lightness": 40
+ }]
+ }, {
+ "elementType": "labels.icon",
+ "stylers": [{
+ "visibility": "off"
+ }]
+ }, {
+ "featureType": "transit",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#f2f2f2"
+ }, {
+ "lightness": 19
+ }]
+ }, {
+ "featureType": "administrative",
+ "elementType": "geometry.fill",
+ "stylers": [{
+ "color": "#fefefe"
+ }, {
+ "lightness": 20
+ }]
+ }, {
+ "featureType": "administrative",
+ "elementType": "geometry.stroke",
+ "stylers": [{
+ "color": "#fefefe"
+ }, {
+ "lightness": 17
+ }, {
+ "weight": 1.2
+ }]
+ }]
+ };
+
+ 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: [{
+ "featureType": "water",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#e9e9e9"
+ }, {
+ "lightness": 17
+ }]
+ }, {
+ "featureType": "landscape",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#f5f5f5"
+ }, {
+ "lightness": 20
+ }]
+ }, {
+ "featureType": "road.highway",
+ "elementType": "geometry.fill",
+ "stylers": [{
+ "color": "#ffffff"
+ }, {
+ "lightness": 17
+ }]
+ }, {
+ "featureType": "road.highway",
+ "elementType": "geometry.stroke",
+ "stylers": [{
+ "color": "#ffffff"
+ }, {
+ "lightness": 29
+ }, {
+ "weight": 0.2
+ }]
+ }, {
+ "featureType": "road.arterial",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#ffffff"
+ }, {
+ "lightness": 18
+ }]
+ }, {
+ "featureType": "road.local",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#ffffff"
+ }, {
+ "lightness": 16
+ }]
+ }, {
+ "featureType": "poi",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#f5f5f5"
+ }, {
+ "lightness": 21
+ }]
+ }, {
+ "featureType": "poi.park",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#dedede"
+ }, {
+ "lightness": 21
+ }]
+ }, {
+ "elementType": "labels.text.stroke",
+ "stylers": [{
+ "visibility": "on"
+ }, {
+ "color": "#ffffff"
+ }, {
+ "lightness": 16
+ }]
+ }, {
+ "elementType": "labels.text.fill",
+ "stylers": [{
+ "saturation": 36
+ }, {
+ "color": "#333333"
+ }, {
+ "lightness": 40
+ }]
+ }, {
+ "elementType": "labels.icon",
+ "stylers": [{
+ "visibility": "off"
+ }]
+ }, {
+ "featureType": "transit",
+ "elementType": "geometry",
+ "stylers": [{
+ "color": "#f2f2f2"
+ }, {
+ "lightness": 19
+ }]
+ }, {
+ "featureType": "administrative",
+ "elementType": "geometry.fill",
+ "stylers": [{
+ "color": "#fefefe"
+ }, {
+ "lightness": 20
+ }]
+ }, {
+ "featureType": "administrative",
+ "elementType": "geometry.stroke",
+ "stylers": [{
+ "color": "#fefefe"
+ }, {
+ "lightness": 17
+ }, {
+ "weight": 1.2
+ }]
+ }]
+ };
+
+ 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
+// be triggered. The function will be called after it stops being called for
+// N milliseconds. If `immediate` is passed, trigger the function on the
+// 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);
+ };
+}; \ No newline at end of file