action_ui 0.0.1

data/vendor/assets/javascripts/sd/sd-checkbox.js

@@ -0,0 +1,109 @@
+!function ($) {
+
+ /* CHECKBOX PUBLIC CLASS DEFINITION
+  * ============================== */
+
+  var Checkbox = function (element, options) {
+    this.init(element, options);
+  }
+
+  Checkbox.prototype = {
+    
+    constructor: Checkbox
+    
+  , init: function (element, options) {      
+    var $el = this.$element = $(element)
+    
+    this.options = $.extend({}, $.fn.checkbox.defaults, options);      
+    $el.before(this.options.template);    
+    this.setState(); 
+  }  
+   
+  , setState: function () {    
+      var $el = this.$element
+        , $parent = $el.closest('.checkbox');
+        
+        $el.prop('disabled') && $parent.addClass('disabled');   
+        $el.prop('checked') && $parent.addClass('checked');
+    }  
+    
+  , toggle: function () {    
+      var ch = 'checked'
+        , $el = this.$element
+        , $parent = $el.closest('.checkbox')
+        , checked = $el.prop(ch)
+        , e = $.Event('toggle')
+      
+      if ($el.prop('disabled') == false) {
+        $parent.toggleClass(ch) && checked ? $el.removeAttr(ch) : $el.prop(ch, ch);
+        $el.trigger(e).trigger('change'); 
+      }
+    }  
+    
+  , setCheck: function (option) {    
+      var d = 'disabled'
+        , ch = 'checked'
+        , $el = this.$element
+        , $parent = $el.closest('.checkbox')
+        , checkAction = option == 'check' ? true : false
+        , e = $.Event(option)
+      
+      $parent[checkAction ? 'addClass' : 'removeClass' ](ch) && checkAction ? $el.prop(ch, ch) : $el.removeAttr(ch);
+      $el.trigger(e).trigger('change');       
+    }  
+      
+  }
+
+
+ /* CHECKBOX PLUGIN DEFINITION
+  * ======================== */
+
+  var old = $.fn.checkbox
+
+  $.fn.checkbox = function (option) {
+    return this.each(function () {
+      var $this = $(this)
+        , data = $this.data('checkbox')
+        , options = $.extend({}, $.fn.checkbox.defaults, $this.data(), typeof option == 'object' && option);
+      if (!data) $this.data('checkbox', (data = new Checkbox(this, options)));
+      if (option == 'toggle') data.toggle()
+      if (option == 'check' || option == 'uncheck') data.setCheck(option)
+      else if (option) data.setState(); 
+    });
+  }
+  
+  $.fn.checkbox.defaults = {
+    template: '<span class="icons"><span class="first-icon fa fa-square-o"></span><span class="second-icon fa fa-check-square-o"></span></span>'
+  }
+
+
+ /* CHECKBOX NO CONFLICT
+  * ================== */
+
+  $.fn.checkbox.noConflict = function () {
+    $.fn.checkbox = old;
+    return this;
+  }
+
+
+ /* CHECKBOX DATA-API
+  * =============== */
+
+  $(document).on('click.checkbox.data-api', '[data-toggle^=checkbox], .checkbox', function (e) {
+    var $checkbox = $(e.target);
+    if (e.target.tagName != "A") {      
+      e && e.preventDefault() && e.stopPropagation();
+      if (!$checkbox.hasClass('checkbox')) $checkbox = $checkbox.closest('.checkbox');
+      $checkbox.find(':checkbox').checkbox('toggle');
+    }
+  });
+  
+  $(function () {
+    $('[data-toggle="checkbox"]').each(function () {
+      var $checkbox = $(this);
+      $checkbox.checkbox();
+    });
+  });
+
+}(window.jQuery);
+

data/vendor/assets/javascripts/sd/sd-morphing.js

@@ -0,0 +1,89 @@
+!function ($) {
+
+  var old = $.fn.morphingButton
+
+  $.fn.morphingButton = function (option) {
+      var $this = $(this);
+      
+      if(option == undefined){
+            
+            $(this).wrap('<div class="btn-morphing"/>');
+            $(this).addClass('btn-toggle');
+            $container = $(this).parent('.btn-morphing');   
+            $container.append('<span class="fa"/>');
+            
+            if($(this).hasClass('btn-lg')){
+                 $container.append('<svg width="55px" height="55px"><path class="circle" transform="rotate(90, 27.5, 27.5)" d="m2.5,27.5c0,-13.81215 11.18785,-25 25,-25c13.81215,0 25,11.18785 25,25c0,13.81215 -11.18785,25 -25,25c-13.81215,0 -25,-11.18785 -25,-25z"/></svg>');
+                 $container.addClass('morphing-lg');    
+            } else {
+                $container.append('<svg width="40px" height="40px"><path class="circle" transform="rotate(90, 20,20)" d="m1,20c0,-10.49724 8.50276,-19 19,-19c10.49724,0 19,8.50276 19,19c0,10.49724 -8.50276,19 -19,19c-10.49724,0 -19,-8.50276 -19,-19z"/></svg>'); 
+            }
+            
+            if($(this).hasClass('btn-round')){
+                $container.find('path').css('stroke-width','1px');
+            } 
+            
+            $(this).click(function(){
+                button = this;
+        		
+        		$rotation_color = $(this).data('rotation-color');
+        		$parent = $(this).parent('.btn-morphing');
+        		$path = $parent.find('path');
+        		$svg = $parent.find('svg');
+        		
+        		$(this).addClass('resize');
+        		$(this).html('');
+        		
+        		setTimeout(function(){
+        		    $(button).css('border-color','transparent');
+        		    $svg.attr('class','rotation-animate');
+        		    $path.attr('class','circle circle-animation');
+            		if($rotation_color != undefined && $rotation_color != ''){
+                		$path.attr('class','circle circle-animation circle-' + $rotation_color);
+            		} else {
+                		$path.attr('class','circle circle-animation circle-gray');
+            		}
+            		
+            	    $parent.find('span').css('display','block');
+            	    $parent.find('svg').css('display','block');
+            		$(button).css('pointer-events','none');	
+            		
+        		}, 420);
+        		
+        		
+            });
+            
+      } else if(option){
+          
+          if(option.action == 'setState'){
+               state = option.state;
+               icon = option.icon;
+               
+               $item = $(this);
+               
+               $parent = $item.parent('.btn-morphing');
+               $parent.addClass('morphing-' + state);
+               $path = $parent.find('path'); 
+               $svg = $parent.find('svg');
+               $parent.find('.fa').addClass(icon).addClass('visible');	
+               
+               $path.css('stroke-dashoffset',0).attr('class','circle');;
+               
+               setTimeout(function(){
+                    $svg.removeAttr('class');    
+               }, 500);
+          }
+      }
+  }
+
+ /* CHECKBOX NO CONFLICT
+  * ================== */
+
+  $.fn.morphingButton.noConflict = function () {
+    $.fn.morphingButton = old;
+    return this;
+  }
+
+
+}(window.jQuery);
+

data/vendor/assets/javascripts/sd/sd-radio.js

@@ -0,0 +1,140 @@
+/* =============================================================
+ * flatui-radio v0.0.3
+ * ============================================================ */
+
+!function ($) {
+
+ /* RADIO PUBLIC CLASS DEFINITION
+  * ============================== */
+
+  var Radio = function (element, options) {
+    this.init(element, options);
+  }
+
+  Radio.prototype = {
+  
+    constructor: Radio
+    
+  , init: function (element, options) {      
+      var $el = this.$element = $(element)
+      
+      this.options = $.extend({}, $.fn.radio.defaults, options);      
+      $el.before(this.options.template);    
+      this.setState();
+    }   
+    
+  , setState: function () {    
+      var $el = this.$element
+        , $parent = $el.closest('.radio');
+        
+        $el.prop('disabled') && $parent.addClass('disabled');   
+        $el.prop('checked') && $parent.addClass('checked');
+    } 
+    
+  , toggle: function () {    
+      var d = 'disabled'
+        , ch = 'checked'
+        , $el = this.$element
+        , checked = $el.prop(ch)
+        , $parent = $el.closest('.radio')      
+        , $parentWrap = $el.closest('form').length ? $el.closest('form') : $el.closest('body')
+        , $elemGroup = $parentWrap.find(':radio[name="' + $el.attr('name') + '"]')
+        , e = $.Event('toggle')
+      
+        if ($el.prop(d) == false) {
+            $elemGroup.not($el).each(function () {
+              var $el = $(this)
+                , $parent = $(this).closest('.radio');
+                
+                if ($el.prop(d) == false) {
+                  $parent.removeClass(ch) && $el.removeAttr(ch).trigger('change');
+                } 
+            });
+            
+            if (checked == false) $parent.addClass(ch) && $el.prop(ch, true);
+            $el.trigger(e);
+          
+            if (checked !== $el.prop(ch)) {
+                $el.trigger('change'); 
+            }
+        }               
+    } 
+     
+  , setCheck: function (option) {    
+      var ch = 'checked'
+        , $el = this.$element
+        , $parent = $el.closest('.radio')
+        , checkAction = option == 'check' ? true : false
+        , checked = $el.prop(ch)
+        , $parentWrap = $el.closest('form').length ? $el.closest('form') : $el.closest('body')
+        , $elemGroup = $parentWrap.find(':radio[name="' + $el['attr']('name') + '"]')
+        , e = $.Event(option)
+        
+      $elemGroup.not($el).each(function () {
+        var $el = $(this)
+          , $parent = $(this).closest('.radio');
+          
+          $parent.removeClass(ch) && $el.removeAttr(ch);
+      });
+            
+      $parent[checkAction ? 'addClass' : 'removeClass'](ch) && checkAction ? $el.prop(ch, ch) : $el.removeAttr(ch);
+      $el.trigger(e);  
+          
+      if (checked !== $el.prop(ch)) {
+        $el.trigger('change'); 
+      }
+    }  
+     
+  }
+
+
+ /* RADIO PLUGIN DEFINITION
+  * ======================== */
+
+  var old = $.fn.radio
+
+  $.fn.radio = function (option) {
+    return this.each(function () {
+      var $this = $(this)
+        , data = $this.data('radio')
+        , options = $.extend({}, $.fn.radio.defaults, $this.data(), typeof option == 'object' && option);
+      if (!data) $this.data('radio', (data = new Radio(this, options)));
+      if (option == 'toggle') data.toggle()
+      if (option == 'check' || option == 'uncheck') data.setCheck(option)
+      else if (option) data.setState(); 
+    });
+  }
+  
+  $.fn.radio.defaults = {
+    template: '<span class="icons"><span class="first-icon fa fa-circle-o"></span><span class="second-icon fa fa-dot-circle-o"></span></span>'
+  }
+
+
+ /* RADIO NO CONFLICT
+  * ================== */
+
+  $.fn.radio.noConflict = function () {
+    $.fn.radio = old;
+    return this;
+  }
+
+
+ /* RADIO DATA-API
+  * =============== */
+
+  $(document).on('click.radio.data-api', '[data-toggle^=radio], .radio', function (e) {
+    var $radio = $(e.target);
+    e && e.preventDefault() && e.stopPropagation();
+    if (!$radio.hasClass('radio')) $radio = $radio.closest('.radio');
+    $radio.find(':radio').radio('toggle');
+  });
+  
+  $(function () {
+    $('[data-toggle="radio"]').each(function () {
+      var $radio = $(this);
+      $radio.radio();
+    });
+  });
+
+}(window.jQuery);
+

data/vendor/assets/javascripts/sd/sd.js

@@ -0,0 +1,398 @@
+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"]').hasClass('navbar-burger') ? true : false;
+
+    // Init navigation toggle for small screens
+    if(window_width < 768 || burger_menu){
+        gsdk.initRightMenu();
+    }
+
+    // Activate Morpghing Buttons
+    $('[data-toggle="morphing"]').each(function () {
+          $(this).morphingButton();
+    });
+
+    //  Activate the tooltips
+    $('[rel="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($('.tagsinput-autocomplete').length != 0){
+        $(".tagsinput-autocomplete").tagsInput({
+            autocomplete_url: [{"value":"Alien","id":1},{"value":"Alex","id":2},{"value":"Alexander","id":3},{"value":"Alejandro","id":4}]
+            //autocomplete_url:'test/fake_plaintext_endpoint.html' //jquery.autocomplete (not jquery ui)
+        });
+    }
+
+    if($('.datepicker').length != 0){
+        $('.datepicker').datepicker({
+             weekStart:1,
+             color: '{color}'
+         });
+    }
+
+
+    $('.btn-tooltip').tooltip();
+    $('.label-tooltip').tooltip();
+
+	// 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");
+    });
+
+    if($('.alert-auto-close').length != 0){
+        setTimeout(function(){
+            $('.alert-auto-close').fadeOut(function(){
+                $(this).remove();
+            });
+        }, 5000);
+    }
+
+    demo.initPickColor();
+
+     // Make the images from the card fill the hole space
+    gsdk.fitBackgroundForCards();
+
+    // Init icon search action for the navbar
+    gsdk.initNavbarSearch();
+
+    // Init popovers
+    gsdk.initPopovers();
+
+    // Init Collapse Areas
+    gsdk.initCollapseArea();
+
+    // Init Sliders
+    gsdk.initSliders();
+
+    //  Init video card actions
+    gsdk.initVideoCards();
+
+});
+
+// activate collapse right menu when the windows is resized
+$(window).resize(function(){
+    if($(window).width() < 768){
+        gsdk.initRightMenu();
+    } else if(!burger_menu && gsdk.misc.navbar_menu_visible){
+        gsdk.toggleSidebarMenu();
+    }
+});
+
+gsdk = {
+    misc:{
+        navbar_menu_visible: 0
+    },
+    initRightMenu: function(){
+         if(!navbar_initialized){
+             $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').removeClass('btn btn-round btn-default');
+             $navbar.find('button').removeClass('btn-round btn-fill btn-info btn-primary btn-success btn-danger btn-warning btn-neutral');
+             $navbar.find('button').addClass('btn-simple btn-block');
+
+            $toggle.click(gsdk.toggleSidebarMenu);
+
+            navbar_initialized = true;
+        }
+
+    },
+
+    toggleSidebarMenu: function(){
+        if(gsdk.misc.navbar_menu_visible == 1) {
+            $('html').removeClass('nav-open');
+            gsdk.misc.navbar_menu_visible = 0;
+            $('.body-click').remove();
+             setTimeout(function(){
+                $toggle.removeClass('toggled');
+             }, 400);
+
+        } else {
+            setTimeout(function(){
+                $toggle.addClass('toggled');
+            }, 430);
+
+            div = '<div class="body-click"></div>';
+            $(div).appendTo("body").click(function() {
+                $('html').removeClass('nav-open');
+                gsdk.misc.navbar_menu_visible = 0;
+                $('.body-click').remove();
+                 setTimeout(function(){
+                    $toggle.removeClass('toggled');
+                 }, 400);
+            });
+
+            $('html').addClass('nav-open');
+            gsdk.misc.navbar_menu_visible = 1;
+        }
+    },
+
+    checkScrollForTransparentNavbar: debounce(function() {
+        	if($(document).scrollTop() > 260 ) {
+                if(transparent) {
+                    transparent = false;
+                    $('nav[role="navigation"]').removeClass('navbar-transparent');
+                }
+            } else {
+                if( !transparent ) {
+                    transparent = true;
+                    $('nav[role="navigation"]').addClass('navbar-transparent');
+                }
+            }
+    }, 17),
+
+    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');
+            });
+
+        }
+    },
+    initCollapseArea: function(){
+        $('[data-toggle="gsdk-collapse"]').each(function () {
+            var thisdiv = $(this).attr("data-target");
+            $(thisdiv).addClass("gsdk-collapse");
+        });
+
+        $('[data-toggle="gsdk-collapse"]').hover(function(){
+            var thisdiv = $(this).attr("data-target");
+            if(!$(this).hasClass('state-open')){
+                $(this).addClass('state-hover');
+                $(thisdiv).css({
+                    'height':'30px'
+                });
+            }
+
+        },
+        function(){
+            var thisdiv = $(this).attr("data-target");
+            $(this).removeClass('state-hover');
+
+            if(!$(this).hasClass('state-open')){
+                $(thisdiv).css({
+                    'height':'0px'
+                });
+            }
+        }).click(function(event){
+                event.preventDefault();
+
+                var thisdiv = $(this).attr("data-target");
+                var height = $(thisdiv).children('.panel-body').height();
+
+                if($(this).hasClass('state-open')){
+                    $(thisdiv).css({
+                        'height':'0px',
+                    });
+                    $(this).removeClass('state-open');
+                } else {
+                    $(thisdiv).css({
+                        'height':height + 30,
+                    });
+                    $(this).addClass('state-open');
+                }
+            });
+    },
+    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
+        	});
+        }
+    },
+    initVideoCards: function(){
+        $('[data-toggle="video"]').click(function(){
+            id_video = $(this).data('video');
+            video = $('#' + id_video).get(0);
+
+            card_parent = $(this).closest('.card');
+
+            if(video.paused){
+                video.play();
+                $(this).html('<i class="fa fa-pause"></i> Pause');
+                card_parent.addClass('state-play');
+            } else {
+                video.pause();
+                $(this).html('<i class="fa fa-play"></i> Play');
+                card_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();
+                });
+            }
+        });
+    }
+}
+
+demo = {
+    initPickColor: function(){
+        $('.pick-class-label').click(function(){
+            var new_class = $(this).attr('new-class');
+            var old_class = $('#display-buttons').attr('data-class');
+            var display_div = $('#display-buttons');
+            if(display_div.length) {
+            var display_buttons = display_div.find('.btn');
+            display_buttons.removeClass(old_class);
+            display_buttons.addClass(new_class);
+            display_div.attr('data-class', new_class);
+            }
+        });
+    }
+}
+
+examples = {
+    initContactUsMap: function(){
+        var myLatlng = new google.maps.LatLng(44.433530, 26.093928);
+        var mapOptions = {
+          zoom: 14,
+          center: myLatlng,
+          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:"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);
+	};
+};