Added .js .css for 3rd party

animation/static/css/jquery.ui.labeledslider.css

+/*
+ * Copyright (c) 2012 Ben Olson (https://github.com/bseth99/jquery-ui-extensions)
+ *
+ * Permission is hereby granted, free of charge, to any person
+ * obtaining a copy of this software and associated documentation
+ * files (the "Software"), to deal in the Software without
+ * restriction, including without limitation the rights to use,
+ * copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the
+ * Software is furnished to do so, subject to the following
+ * conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ *
+ * Modified by Piotr Mitros for application. Removed ticks at the
+ ends. Made ticks centered on slider and killed labels. Etc.
+ *
+ */
+
+.ui-slider-wrapper { position: relative; }
+.ui-slider-wrapper .ui-slider-horizontal { width: 100%; }
+
+.ui-slider-labels { position: absolute; border: 1px solid transparent; }
+.ui-slider-label-ticks { border: 1px solid transparent; position: absolute; white-space: nowrap; }
+.ui-slider-label-ticks span { font-size: 0.9em; min-width: 1.2em; }
+
+.horizontal .ui-slider-labels { left: 0; right: 0; top: 0.7em }
+.horizontal .ui-slider-label-ticks { width: 1.2em; text-align: center; border-left: 5px solid #999; z-index:1}
+.horizontal .ui-slider-label-ticks span { position: relative; display: inline-block; margin-left: -1.2em; top: .8em; }
+
+.ui-slider-wrapper.vertical { width: 4.5em; }
+.vertical .ui-slider-labels { top: 0px; bottom: 0; left: 0.7em; }
+.vertical .ui-slider-label-ticks { height: 12px; width: 0.8em;  }
+.vertical .ui-slider-label-ticks span { position: relative; display: inline-block; margin-left: 1em; top: .6em; }

animation/static/js/src/jquery.ui.labeledslider.js

+/*!
+ * Copyright (c) 2012 Ben Olson (https://github.com/bseth99/jquery-ui-extensions)
+ * jQuery UI LabeledSlider @VERSION
+ *
+ * Permission is hereby granted, free of charge, to any person
+ * obtaining a copy of this software and associated documentation
+ * files (the "Software"), to deal in the Software without
+ * restriction, including without limitation the rights to use,
+ * copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the
+ * Software is furnished to do so, subject to the following
+ * conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ *
+ * Depends:
+ *  jquery.ui.core.js
+ *  jquery.ui.widget.js
+ *  jquery.ui.mouse.js
+ *  jquery.ui.slider.js
+
+ * Modified by Piotr Mitros for application. Removed ticks at the
+ ends. Made ticks centered on slider and killed labels. Etc.
+ */
+
+(function( $, undefined ) {
+
+
+    $.widget( "ui.labeledslider", $.ui.slider, {
+
+      version: "@VERSION",
+
+      options: {
+         tickInterval: 0,
+         tweenLabels: true,
+         tickLabels: null,
+         tickArray: []
+      },
+
+      uiSlider: null,
+      tickInterval: 0,
+      tweenLabels: true,
+
+      _create: function( ) {
+
+         this._detectOrientation();
+
+         this.uiSlider =
+             this.element
+                .wrap( '<div class="ui-slider-wrapper ui-widget"></div>' )
+                .before( '<div class="ui-slider-labels"></div>' )
+                .parent()
+                .addClass( this.orientation )
+                .css( 'font-size', this.element.css('font-size') );
+
+         this._super();
+
+         this.element.removeClass( 'ui-widget' )
+
+         this._alignWithStep();
+
+         if ( this.orientation == 'horizontal' ) {
+            this.uiSlider
+               .width( this.element.css('width') );
+         } else {
+            this.uiSlider
+               .height( this.element.css('height') );
+         }
+
+         this._drawLabels();
+      },
+
+      _drawLabels: function () {
+
+         var labels = this.options.tickLabels || {},
+             $lbl = this.uiSlider.children( '.ui-slider-labels' ),
+             dir = this.orientation == 'horizontal' ? 'left' : 'bottom',
+             min = this.options.min,
+             max = this.options.max,
+             inr = this.tickInterval,
+             cnt = ( max - min ),
+             tickArray = this.options.tickArray,
+             ta = tickArray.length > 0,
+             label, pt,
+             i = 0;
+
+         $lbl.html('');
+
+         for (i=1;i<=cnt-1;i++) {
+
+            if ( ( !ta && i%inr == 0 ) || ( ta && tickArray.indexOf( i+min ) > -1 ) ) {
+
+               label = labels[i+min] ? labels[i+min] : (this.options.tweenLabels ? i+min : '');
+
+               $('<div>').addClass( 'ui-slider-label-ticks' )
+                   .css( dir, (Math.round( ( i / cnt ) * 10000 ) / 100) + '%' )
+                   .html( '<span>'+( "" )+'</span>' )
+                   .appendTo( $lbl );
+
+            }
+         }
+
+      },
+
+      _setOption: function( key, value ) {
+
+          this._super( key, value );
+
+          switch ( key ) {
+
+             case 'tickInterval':
+             case 'tickLabels':
+             case 'tickArray':
+             case 'min':
+             case 'max':
+             case 'step':
+
+                this._alignWithStep();
+                this._drawLabels();
+                break;
+
+             case 'orientation':
+
+                this.element
+                   .removeClass( 'horizontal vertical' )
+                   .addClass( this.orientation );
+
+                this._drawLabels();
+                break;
+          }
+       },
+
+       _alignWithStep: function () {
+          if ( this.options.tickInterval < this.options.step )
+            this.tickInterval = this.options.step;
+          else
+            this.tickInterval = this.options.tickInterval;
+       },
+
+       _destroy: function() {
+          this._super();
+          this.uiSlider.replaceWith( this.element );
+       },
+
+       widget: function() {
+          return this.uiSlider;
+       }
+
+   });
+
+}(jQuery));