action_ui 0.0.1

data/vendor/assets/javascripts/pk/ct-pk.js

@@ -0,0 +1,305 @@
+var searchVisible = 0;
+var transparent = true;
+
+var transparentDemo = true;
+var fixedTop = false;
+
+var navbar_initialized = false;
+
+$(document).ready(function(){
+    window_width = $(window).width();
+
+    burger_menu = $('nav[role="navigation-demo"]').hasClass('navbar-burger') ? true : false;
+
+    // Init navigation toggle for small screens
+    if(window_width < 768 || burger_menu){
+        ct_paper.initRightMenu();
+    }
+
+    // Limit number of characters in limited textarea
+    $('.textarea-limited').keyup(function () {
+      var max = $(this).data('limit');
+      var len = $(this).val().length;
+      if (len >= max) {
+        $('#textarea-limited-message').text(' you have reached the limit');
+      } else {
+        var char = max - len;
+        $('#textarea-limited-message').text(char + ' characters left');
+      }
+    });
+
+    //  Activate the tooltips
+    $('[rel="tooltip"]').tooltip({
+         container: 'body',
+         selector: 'body'
+    });
+
+    $('.btn-tooltip').tooltip();
+    $('.label-tooltip').tooltip();
+
+    //      Activate the switches with icons
+    if($('.switch').length != 0){
+        $('.switch')['bootstrapSwitch']();
+    }
+    //      Activate regular switches
+    if($("[data-toggle='switch']").length != 0){
+         $("[data-toggle='switch']").wrap('<div class="switch" />').parent().bootstrapSwitch();
+    }
+
+    //    Activate bootstrap-select
+    if($(".selectpicker").length != 0){
+        $(".selectpicker").selectpicker();
+    }
+
+    if($(".tagsinput").length != 0){
+        $(".tagsinput").tagsInput();
+    }
+
+    if($('.datepicker').length != 0){
+        $('.datepicker').datepicker({
+             weekStart:1,
+             color: '{color}'
+         });
+    }
+
+	// Carousel
+	$('.carousel').carousel({
+//       interval: 4000
+    });
+
+    $('.form-control').on("focus", function(){
+        $(this).parent('.input-group').addClass("input-group-focus");
+    }).on("blur", function(){
+        $(this).parent(".input-group").removeClass("input-group-focus");
+    });
+
+     // Make the images from the card fill the hole space
+    ct_paper.fitBackgroundForCards();
+
+    // Init icon search action for the navbar
+    ct_paper.initNavbarSearch();
+
+    // Init popovers
+    ct_paper.initPopovers();
+
+    // Init Sliders
+    ct_paper.initSliders();
+
+    // Init Video Background
+    ct_paper.initVideoBackground();
+
+    $('.dropdown-sharing .switch').click(function (e) {
+        // custom handling here
+        e.stopPropagation();
+    });
+});
+
+// activate collapse right menu when the windows is resized
+$(window).resize(function(){
+    if($(window).width() < 768){
+        ct_paper.initRightMenu();
+    }
+    if($(window).width() >= 768 && !burger_menu){
+        $('nav[role="navigation-demo"]').removeClass('navbar-burger');
+        ct_paper.misc.navbar_menu_visible = 0;
+        navbar_initialized = false;
+        $('html').removeClass('nav-open');
+    }
+});
+
+ct_paper = {
+    misc:{
+        navbar_menu_visible: 0
+    },
+    initRightMenu: function(){
+        if(!navbar_initialized){
+           $nav = $('nav[role="navigation-demo"]');
+           $nav.addClass('navbar-burger');
+
+           $navbar = $nav.find('.navbar-collapse').first().clone(true);
+
+           ul_content = '';
+
+           $navbar.children('ul').each(function(){
+               content_buff = $(this).html();
+               ul_content = ul_content + content_buff;
+           });
+
+           ul_content = '<ul class="nav navbar-nav">' + ul_content + '</ul>';
+           $navbar.html(ul_content);
+
+           $('body').append($navbar);
+
+           background_image = $navbar.data('nav-image');
+           if(background_image != undefined){
+               $navbar.css('background',"url('" + background_image + "')")
+                      .removeAttr('data-nav-image')
+                      .css('background-size',"cover")
+                      .addClass('has-image');
+           }
+
+           $toggle = $('.navbar-toggle');
+
+           $navbar.find('a, button').removeClass('btn btn-round btn-default btn-simple btn-neutral btn-fill btn-info btn-primary btn-success btn-danger btn-warning');
+           $navbar.find('button').addClass('btn-simple btn-block');
+
+           $toggle.click(function (){
+
+               if(ct_paper.misc.navbar_menu_visible == 1) {
+                   $('html').removeClass('nav-open');
+                   ct_paper.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');
+                       ct_paper.misc.navbar_menu_visible = 0;
+                       $('#bodyClick').remove();
+                        setTimeout(function(){
+                           $toggle.removeClass('toggled');
+                        }, 550);
+                   });
+
+                   $('html').addClass('nav-open');
+                   ct_paper.misc.navbar_menu_visible = 1;
+
+               }
+           });
+           navbar_initialized = true;
+       }
+
+    },
+
+    fitBackgroundForCards: function(){
+         $('.card').each(function(){
+            if(!$(this).hasClass('card-product') && !$(this).hasClass('card-user')){
+                image = $(this).find('.image img');
+
+                image.hide();
+                image_src = image.attr('src');
+
+                $(this).find('.image').css({
+                    "background-image": "url('" + image_src + "')",
+                    "background-position": "center center",
+                    "background-size": "cover"
+                });
+            }
+        });
+    },
+    initPopovers: function(){
+        if($('[data-toggle="popover"]').length != 0){
+            $('body').append('<div class="popover-filter"></div>');
+
+            //    Activate Popovers
+           $('[data-toggle="popover"]').popover().on('show.bs.popover', function () {
+                $('.popover-filter').click(function(){
+                    $(this).removeClass('in');
+                    $('[data-toggle="popover"]').popover('hide');
+                });
+                $('.popover-filter').addClass('in');
+
+            }).on('hide.bs.popover', function(){
+                $('.popover-filter').removeClass('in');
+            });
+
+        }
+    },
+
+    initSliders: function(){
+        // Sliders for demo purpose in refine cards section
+        if($('#slider-range').length != 0){
+            $( "#slider-range" ).slider({
+        		range: true,
+        		min: 0,
+        		max: 500,
+        		values: [ 75, 300 ],
+        	});
+        }
+        if($('#refine-price-range').length != 0){
+        	 $( "#refine-price-range" ).slider({
+        		range: true,
+        		min: 0,
+        		max: 999,
+        		values: [ 100, 850 ],
+        		slide: function( event, ui ) {
+        		    min_price = ui.values[0];
+        		    max_price = ui.values[1];
+            		$(this).siblings('.price-left').html('&euro; ' + min_price);
+            		$(this).siblings('.price-right').html('&euro; ' + max_price)
+        		}
+        	});
+        }
+        if($('#slider-default').length != 0 || $('#slider-default2').length != 0){
+        	$( "#slider-default, #slider-default2" ).slider({
+        			value: 70,
+        			orientation: "horizontal",
+        			range: "min",
+        			animate: true
+        	});
+        }
+    },
+
+    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('<i class="fa fa-pause"></i> Pause Video');
+                parent.addClass('state-play');
+            } else {
+                video.pause();
+                $(this).html('<i class="fa fa-play"></i> Play Video');
+                parent.removeClass('state-play');
+            }
+        });
+    },
+
+    initNavbarSearch: function(){
+        $('[data-toggle="search"]').click(function(){
+            if(searchVisible == 0){
+                searchVisible = 1;
+                $(this).parent().addClass('active');
+                $('.navbar-search-form').fadeIn(function(){
+                    $('.navbar-search-form input').focus();
+                });
+            } else {
+                searchVisible = 0;
+                $(this).parent().removeClass('active');
+                $(this).blur();
+                $('.navbar-search-form').fadeOut(function(){
+                    $('.navbar-search-form input').blur();
+                });
+            }
+        });
+    }
+}
+
+// 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);
+	};
+};

data/vendor/assets/javascripts/pk/demo.js

@@ -0,0 +1,289 @@
+demo = {
+    initDemoChartist: function(){
+        var dataPerformance = {
+          labels: ['9pm', '2am', '8am', '2pm', '8pm', '11pm', '4am'],
+          series: [
+            [1, 6, 8, 7, 4, 7, 8, 12, 16, 17, 14, 13]
+          ]
+        };
+
+        var optionsPerformance = {
+          showPoint: false,
+          lineSmooth: true,
+          axisX: {
+            showGrid: false,
+            showLabel: true
+          },
+          axisY: {
+            offset: 40,
+          },
+          low: 0,
+          high: 16
+        };
+
+        Chartist.Line('#chartPerformance', dataPerformance, optionsPerformance);
+
+        var dataStock = {
+          labels: ['\'07','\'08','\'09', '\'10', '\'11', '\'12', '\'13', '\'14', '\'15'],
+          series: [
+            [22.20, 34.90, 42.28, 51.93, 62.21, 80.23, 62.21, 78.83, 82.12, 102.50, 107.23]
+          ]
+        };
+
+        var optionsStock = {
+          lineSmooth: false,
+          axisY: {
+            offset: 40,
+            labelInterpolationFnc: function(value) {
+                return '$' + value;
+              }
+
+          },
+          low: 10,
+          high: 110,
+           classNames: {
+              point: 'ct-point ct-green',
+              line: 'ct-line ct-green'
+          }
+        };
+
+        var $chart = $('#chartStock');
+
+        Chartist.Line('#chartStock', dataStock, optionsStock);
+
+        var dataSales = {
+          labels: ['\'06','\'07','\'08','\'09', '\'10', '\'11', '\'12', '\'13', '\'14','\'15'],
+          series: [
+            [287, 385, 490, 492, 554, 586, 698, 695, 752, 788, 846, 944],
+            [67, 152, 143, 240, 287, 335, 435, 437, 539, 542, 544, 647],
+            [23, 113, 67, 108, 190, 239, 307, 308, 439, 410, 410, 509]
+          ]
+        };
+
+        var optionsSales = {
+          lineSmooth: false,
+          axisY: {
+            offset: 40
+          },
+          low: 0,
+          high: 1000
+        };
+
+        Chartist.Line('#chartSales', dataSales, optionsSales);
+
+        var data = {
+          labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+          series: [
+            [542, 443, 320, 780, 553, 453, 326, 434, 568, 610, 756, 895],
+            [412, 243, 280, 580, 453, 353, 300, 364, 368, 410, 636, 695]
+          ]
+        };
+
+        var options = {
+          seriesBarDistance: 10,
+           axisX: {
+                showGrid: false
+            }
+        };
+
+        var responsiveOptions = [
+          ['screen and (max-width: 640px)', {
+            seriesBarDistance: 5,
+            axisX: {
+              labelInterpolationFnc: function (value) {
+                return value[0];
+              }
+            }
+          }]
+        ];
+
+        Chartist.Bar('#chartActivity', data, options, responsiveOptions);
+
+        var dataViews = {
+          labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+          series: [
+            [542, 443, 320, 780, 553, 453, 326, 434, 568, 610, 756, 895]
+          ]
+        };
+
+        var optionsViews = {
+          seriesBarDistance: 10,
+          classNames: {
+            bar: 'ct-bar ct-azure'
+          },
+          axisX: {
+            showGrid: false
+          }
+        };
+
+        var responsiveOptionsViews = [
+          ['screen and (max-width: 640px)', {
+            seriesBarDistance: 5,
+            axisX: {
+              labelInterpolationFnc: function (value) {
+                return value[0];
+              }
+            }
+          }]
+        ];
+
+        Chartist.Bar('#chartViews', dataViews, optionsViews, responsiveOptionsViews);
+
+        var dataPreferences = {
+            series: [
+                [25, 30, 20, 25]
+            ]
+        };
+
+        var optionsPreferences = {
+            donut: true,
+            donutWidth: 40,
+            startAngle: 0,
+            total: 100,
+            showLabel: false,
+            axisX: {
+                showGrid: false
+            }
+        };
+
+        //Chartist.Pie('#chartPreferences', dataPreferences, optionsPreferences);
+
+        Chartist.Pie('#chartPreferences', {
+          labels: ['46%','28%','15%','11%'],
+          series: [46, 28, 15, 11]
+        });
+
+    },
+
+    initContactUsMap: function(){
+
+        var myLatlng = new google.maps.LatLng(44.433530, 26.093928);
+        var mapOptions = {
+          zoom: 14,
+          center: myLatlng,
+          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}]}],
+          scrollwheel: false, //we disable de scroll over the map, it is a really annoing when you scroll through page
+        }
+
+        var map = new google.maps.Map(document.getElementById("contactUsMap"), mapOptions);
+
+        var marker = new google.maps.Marker({
+            position: myLatlng,
+            title:"Petolas Office"
+        });
+
+        // To add the marker to the map, call setMap();
+        marker.setMap(map);
+
+    },
+
+    checkScrollForPresentationPage: debounce(function() {
+        	no_of_elements = 0;
+
+            $elem = $('.components-container');
+
+    	    if(demo.isElementInViewport($elem)){
+                var parent_top = $elem.offset().top;
+                var window_bottom = $(window).scrollTop() + 1000;
+                var $card = $('.card-moving-1');
+                var $card2 = $('.card-moving-2');
+
+        	    oVal = -((window_bottom - parent_top - 800) / 6);
+                oVal2 = -((window_bottom - parent_top - 800) / 4);
+
+                $card.css('transform','translate3d(0px, ' + oVal + 'px, 0px)');
+                $card2.css('transform','translate3d(0px, ' + oVal2 + 'px, 0px)');
+
+    	    }
+
+            $img = $('.image-background');
+
+    	    if(demo.isElementInViewport($img)){
+
+                var parent_top = $img.offset().top;
+                var window_bottom = $(window).scrollTop();
+                var $image = $img.children('img');
+
+                oVal = ((window_bottom - parent_top) / 3);
+                $image.css('transform','translate3d(0px, ' + oVal + 'px, 0px)');
+    	    }
+
+    }, 12),
+
+    isElementInViewport: function(elem){
+        var $elem = $(elem);
+
+        // Get the scroll position of the page.
+        var scrollElem = ((navigator.userAgent.toLowerCase().indexOf('webkit') != -1) ? 'body' : 'html');
+        var viewportTop = $(scrollElem).scrollTop();
+        var viewportBottom = viewportTop + $(window).height();
+
+        // Get the position of the element on the page.
+        var elemTop = Math.round( $elem.offset().top );
+        var elemBottom = elemTop + $elem.height();
+
+        return ((elemTop < viewportBottom) && (elemBottom > viewportTop));
+    },
+
+    initSharingButtons: function(){
+        $('#twitter').sharrre({
+          share: {
+            twitter: true
+          },
+          enableHover: false,
+          enableTracking: true,
+          enableCounter: false,
+          buttons: { twitter: {via: 'XPTOlas'}},
+          click: function(api, options){
+            api.simulateClick();
+            api.openPopup('twitter');
+          },
+          template: '<i class="fa fa-twitter"></i> Twitter',
+          url: 'http://google.com'
+        });
+
+        $('#facebook').sharrre({
+          share: {
+            facebook: true
+          },
+          enableHover: false,
+          enableTracking: true,
+          enableCounter: false,
+          click: function(api, options){
+            api.simulateClick();
+            api.openPopup('facebook');
+          },
+          template: '<i class="fa fa-facebook-square"></i> Facebook',
+          url: 'http://google.com'
+        });
+
+        $('#google').sharrre({
+          share: {
+            googlePlus: true
+          },
+          enableCounter: false,
+          enableHover: false,
+          enableTracking: true,
+          click: function(api, options){
+            api.simulateClick();
+            api.openPopup('googlePlus');
+          },
+          template: '<i class="fa fa-google-plus"></i> Google',
+          url: 'http://google.com'
+        });
+    }
+}
+
+$('a[data-scroll="true"]').click(function(e){
+    var scroll_target = $(this).data('id');
+    var scroll_trigger = $(this).data('scroll');
+
+    if(scroll_trigger == true && scroll_target !== undefined){
+        e.preventDefault();
+
+        $('html, body').animate({
+             scrollTop: $(scroll_target).offset().top - 50
+        }, 1000);
+    }
+
+});