Started user control

static/vendor/animsition/js/animsition.js

@@ -0,0 +1,361 @@
+/*!
+ * animsition v4.0.2
+ * A simple and easy jQuery plugin for CSS animated page transitions.
+ * http://blivesta.github.io/animsition
+ * License : MIT
+ * Author : blivesta (http://blivesta.com/)
+ */
+;(function (factory) {
+  'use strict';
+  if (typeof define === 'function' && define.amd) {
+    define(['jquery'], factory);
+  } else if (typeof exports === 'object') {
+    module.exports = factory(require('jquery'));
+  } else {
+    factory(jQuery);
+  }
+}(function ($) {
+  'use strict';
+  var namespace = 'animsition';
+  var __ = {
+    init: function(options){
+      options = $.extend({
+        inClass               :   'fade-in',
+        outClass              :   'fade-out',
+        inDuration            :    1500,
+        outDuration           :    800,
+        linkElement           :   '.animsition-link',
+        // e.g. linkElement   :   'a:not([target="_blank"]):not([href^="#"])'
+        loading               :    true,
+        loadingParentElement  :   'body', //animsition wrapper element
+        loadingClass          :   'animsition-loading',
+        loadingInner          :   '', // e.g '<img src="loading.svg" />'
+        timeout               :   false,
+        timeoutCountdown      :   5000,
+        onLoadEvent           :   true,
+        browser               : [ 'animation-duration', '-webkit-animation-duration'],
+        // "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
+        // The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
+        overlay               :   false,
+        overlayClass          :   'animsition-overlay-slide',
+        overlayParentElement  :   'body',
+        transition            :   function(url){ window.location.href = url; }
+      }, options);
+
+      __.settings = {
+        timer: false,
+        data: {
+          inClass: 'animsition-in-class',
+          inDuration: 'animsition-in-duration',
+          outClass: 'animsition-out-class',
+          outDuration: 'animsition-out-duration',
+          overlay: 'animsition-overlay'
+        },
+        events: {
+          inStart: 'animsition.inStart',
+          inEnd: 'animsition.inEnd',
+          outStart: 'animsition.outStart',
+          outEnd: 'animsition.outEnd'
+        }
+      };
+
+      // Remove the "Animsition" in a browser
+      // that does not support the "animaition-duration".
+      var support = __.supportCheck.call(this, options);
+
+      if(!support && options.browser.length > 0){
+        if(!support || !this.length){
+          // If do not have a console object to object window
+          if (!('console' in window)) {
+            window.console = {};
+            window.console.log = function(str){ return str; };
+          }
+          if(!this.length) console.log('Animsition: Element does not exist on page.');
+          if(!support) console.log('Animsition: Does not support this browser.');
+          return __.destroy.call(this);
+        }
+      }
+
+      var overlayMode = __.optionCheck.call(this, options);
+
+      if (overlayMode && $('.' + options.overlayClass).length <= 0) {
+        __.addOverlay.call(this, options);
+      }
+
+      if (options.loading && $('.' + options.loadingClass).length <= 0) {
+        __.addLoading.call(this, options);
+      }
+
+      return this.each(function(){
+        var _this = this;
+        var $this = $(this);
+        var $window = $(window);
+        var $document = $(document);
+        var data = $this.data(namespace);
+
+        if (!data) {
+          options = $.extend({}, options);
+
+          $this.data(namespace, { options: options });
+
+          if(options.timeout) __.addTimer.call(_this);
+
+          if(options.onLoadEvent) {
+            $window.on('load.' + namespace, function() {
+              if(__.settings.timer) clearTimeout(__.settings.timer);
+              __.in.call(_this);
+            });
+          }
+
+          $window.on('pageshow.' + namespace, function(event) {
+            if(event.originalEvent.persisted) __.in.call(_this);
+          });
+
+          // Firefox back button issue #4
+          $window.on('unload.' + namespace, function() { });
+
+          $document.on('click.' + namespace, options.linkElement, function(event) {
+            event.preventDefault();
+            var $self = $(this);
+            var url = $self.attr('href');
+
+            // middle mouse button issue #24
+            // if(middle mouse button || command key || shift key || win control key)
+            if (event.which === 2 || event.metaKey || event.shiftKey || navigator.platform.toUpperCase().indexOf('WIN') !== -1 && event.ctrlKey) {
+              window.open(url, '_blank');
+            } else {
+              __.out.call(_this, $self, url);
+            }
+
+          });
+        }
+      }); // end each
+    },
+
+    addOverlay: function(options){
+      $(options.overlayParentElement)
+        .prepend('<div class="' + options.overlayClass + '"></div>');
+    },
+
+    addLoading: function(options){
+      $(options.loadingParentElement)
+        .append('<div class="' + options.loadingClass + '">' + options.loadingInner + '</div>');
+    },
+
+    removeLoading: function(){
+      var $this     = $(this);
+      var options   = $this.data(namespace).options;
+      var $loading  = $(options.loadingParentElement).children('.' + options.loadingClass);
+
+      $loading.fadeOut().remove();
+    },
+
+    addTimer: function(){
+      var _this = this;
+      var $this = $(this);
+      var options = $this.data(namespace).options;
+
+      __.settings.timer = setTimeout(function(){
+        __.in.call(_this);
+        $(window).off('load.' + namespace);
+      }, options.timeoutCountdown);
+    },
+
+    supportCheck: function(options){
+      var $this = $(this);
+      var props = options.browser;
+      var propsNum = props.length;
+      var support  = false;
+
+      if (propsNum === 0) {
+        support = true;
+      }
+      for (var i = 0; i < propsNum; i++) {
+        if (typeof $this.css(props[i]) === 'string') {
+          support = true;
+          break;
+        }
+      }
+      return support;
+    },
+
+    optionCheck: function(options){
+      var $this = $(this);
+      var overlayMode;
+      if(options.overlay || $this.data(__.settings.data.overlay)){
+        overlayMode = true;
+      } else {
+        overlayMode = false;
+      }
+      return overlayMode;
+    },
+
+    animationCheck : function(data, stateClass, stateIn){
+      var $this = $(this);
+      var options = $this.data(namespace).options;
+      var dataType = typeof data;
+      var dataDuration = !stateClass && dataType === 'number';
+      var dataClass = stateClass && dataType === 'string' && data.length > 0;
+
+      if(dataDuration || dataClass){
+        data = data;
+      } else if(stateClass && stateIn) {
+        data = options.inClass;
+      } else if(!stateClass && stateIn) {
+        data = options.inDuration;
+      } else if(stateClass && !stateIn) {
+        data = options.outClass;
+      } else if(!stateClass && !stateIn) {
+        data = options.outDuration;
+      }
+      return data;
+    },
+
+    in: function(){
+      var _this = this;
+      var $this = $(this);
+      var options = $this.data(namespace).options;
+      var thisInDuration = $this.data(__.settings.data.inDuration);
+      var thisInClass = $this.data(__.settings.data.inClass);
+      var inDuration = __.animationCheck.call(_this, thisInDuration, false, true);
+      var inClass = __.animationCheck.call(_this, thisInClass, true, true);
+      var overlayMode = __.optionCheck.call(_this, options);
+      var outClass = $this.data(namespace).outClass;
+
+      if(options.loading) __.removeLoading.call(_this);
+
+      if(outClass) $this.removeClass(outClass);
+
+      if(overlayMode) {
+        __.inOverlay.call(_this, inClass, inDuration);
+      } else {
+        __.inDefault.call(_this, inClass, inDuration);
+      }
+    },
+
+    inDefault: function(inClass, inDuration){
+      var $this = $(this);
+
+      $this
+        .css({ 'animation-duration' : inDuration + 'ms' })
+        .addClass(inClass)
+        .trigger(__.settings.events.inStart)
+        .animateCallback(function(){
+          $this
+            .removeClass(inClass)
+            .css({ 'opacity' : 1 })
+            .trigger(__.settings.events.inEnd);
+        });
+    },
+
+    inOverlay: function(inClass, inDuration){
+      var $this = $(this);
+      var options = $this.data(namespace).options;
+
+      $this
+        .css({ 'opacity' : 1 })
+        .trigger(__.settings.events.inStart);
+
+      $(options.overlayParentElement)
+        .children('.' + options.overlayClass)
+        .css({ 'animation-duration' : inDuration + 'ms' })
+        .addClass(inClass)
+        .animateCallback(function(){
+          $this
+            .trigger(__.settings.events.inEnd);
+        });
+    },
+
+    out: function($self, url){
+      var _this = this;
+      var $this = $(this);
+      var options = $this.data(namespace).options;
+      var selfOutClass = $self.data(__.settings.data.outClass);
+      var thisOutClass = $this.data(__.settings.data.outClass);
+      var selfOutDuration = $self.data(__.settings.data.outDuration);
+      var thisOutDuration = $this.data(__.settings.data.outDuration);
+      var isOutClass = selfOutClass ? selfOutClass : thisOutClass;
+      var isOutDuration = selfOutDuration ? selfOutDuration : thisOutDuration;
+      var outClass = __.animationCheck.call(_this, isOutClass, true, false);
+      var outDuration = __.animationCheck.call(_this, isOutDuration, false, false);
+      var overlayMode = __.optionCheck.call(_this, options);
+
+      $this.data(namespace).outClass = outClass;
+
+      if(overlayMode) {
+        __.outOverlay.call(_this, outClass, outDuration, url);
+      } else {
+        __.outDefault.call(_this, outClass, outDuration, url);
+      }
+    },
+
+    outDefault: function(outClass, outDuration, url){
+      var $this = $(this);
+      var options = $this.data(namespace).options;
+
+      // (outDuration + 1) | #55 outDuration: 0 crashes on Safari only
+      $this
+        .css({ 'animation-duration' : (outDuration + 1)  + 'ms' })
+        .addClass(outClass)
+        .trigger(__.settings.events.outStart)
+        .animateCallback(function(){
+          $this.trigger(__.settings.events.outEnd);
+          options.transition(url);
+        });
+    },
+
+
+    outOverlay: function(outClass, outDuration, url){
+      var _this = this;
+      var $this = $(this);
+      var options = $this.data(namespace).options;
+      var thisInClass = $this.data(__.settings.data.inClass);
+      var inClass = __.animationCheck.call(_this, thisInClass, true, true);
+
+      // (outDuration + 1) | #55 outDuration: 0 crashes animsition on Safari only
+      $(options.overlayParentElement)
+        .children('.' + options.overlayClass)
+        .css({ 'animation-duration' : (outDuration + 1) + 'ms' })
+        .removeClass(inClass)
+        .addClass(outClass)
+        .trigger(__.settings.events.outStart)
+        .animateCallback(function(){
+          $this.trigger(__.settings.events.outEnd);
+          options.transition(url);
+        });
+    },
+
+    destroy: function(){
+      return this.each(function(){
+        var $this = $(this);
+        $(window).off('.'+ namespace);
+        $this
+          .css({'opacity': 1})
+          .removeData(namespace);
+      });
+    }
+
+  };
+
+  $.fn.animateCallback = function(callback){
+    var end = 'animationend webkitAnimationEnd';
+    return this.each(function() {
+      var $this = $(this);
+      $this.on(end, function(){
+        $this.off(end);
+        return callback.call(this);
+      });
+    });
+  };
+
+  $.fn.animsition = function(method){
+    if ( __[method] ) {
+      return __[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+    } else if ( typeof method === 'object' || ! method ) {
+      return __.init.apply( this, arguments );
+    } else {
+      $.error( 'Method ' +  method + ' does not exist on jQuery.'+namespace);
+    }
+  };
+
+}));