web_admin 0.0.1

data/app/assets/javascripts/web_admin/app.data.js

@@ -0,0 +1,336 @@
+$(document).ready(function() {
+
+	 $('#docs pre code').each(function(){
+	    var $this = $(this);
+	    var t = $this.html();
+	    $this.html(t.replace(/</g, '&lt;').replace(/>/g, '&gt;'));
+	});
+
+	function getRandomInt(min, max) {
+	  return Math.floor(Math.random() * (max - min + 1)) + min;
+	};
+
+	$(document).on('click', '.the-icons a', function(e){
+		e && e.preventDefault();
+	});
+
+	$(document).on('change', 'table thead [type="checkbox"]', function(e){
+		e && e.preventDefault();
+		var $table = $(e.target).closest('table'), $checked = $(e.target).is(':checked');
+		$('tbody [type="checkbox"]', $table).prop('checked', $checked);
+	});
+
+	$(document).on('click', '[data-toggle^="progress"]', function(e){
+		e && e.preventDefault();
+
+		$el = $(e.target);
+		$target = $($el.data('target'));
+		$('.progress', $target).each(
+			function(){
+				var $max = 50, $data, $ps = $('.progress-bar',this).last();
+				($(this).hasClass('progress-mini') || $(this).hasClass('progress-small')) && ($max = 100);
+				$data = Math.floor(Math.random()*$max)+'%';
+				$ps.css('width', $data).attr('data-original-title', $data);
+			}
+		);
+	});
+	
+	function addNotification($notes){
+		var $el = $('#panel-notifications'), $n = $('.count-n:first', $el), $item = $('.list-group-item:first', $el).clone(), $v = parseInt($n.text());
+		$('.count-n', $el).fadeOut().fadeIn().text($v+1);
+		$item.attr('href', $notes.link);
+		$item.find('.pull-left').html($notes.icon);
+		$item.find('.media-body').html($notes.title);
+		$item.hide().prependTo($el.find('.list-group')).slideDown().css('display','block');
+	}
+	var $noteMail = {
+		icon: '<i class="fa fa-envelope-o fa-2x text-default"></i>',
+		title: 'Added the mail app, Check it out.<br><small class="text-muted">2 July 13</small>',
+		link: 'mail.html'
+	}
+	var $noteCalendar = {
+		icon: '<i class="fa fa-calendar fa-2x text-default"></i>',
+		title: 'Added the calendar, Get it.<br><small class="text-muted">10 July 13</small>',
+		link: 'calendar.html'
+	}
+	var $noteTimeline = {
+		icon: '<i class="fa fa-clock-o fa-2x text-default"></i>',
+		title: 'Added the timeline, view it here.<br><small class="text-muted">1 minute ago</small>',
+		link: 'timeline.html'
+	}
+	window.setTimeout(function(){addNotification($noteMail)}, 2000);
+	window.setTimeout(function(){addNotification($noteCalendar)}, 3500);
+	window.setTimeout(function(){addNotification($noteTimeline)}, 5000);
+
+	// fullcalendar
+	var date = new Date();
+	var d = date.getDate();
+	var m = date.getMonth();
+	var y = date.getFullYear();
+	var addDragEvent = function($this){
+		// create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
+		// it doesn't need to have a start or end
+		var eventObject = {
+			title: $.trim($this.text()), // use the element's text as the event title
+			className: $this.attr('class').replace('label','')
+		};
+		
+		// store the Event Object in the DOM element so we can get to it later
+		$this.data('eventObject', eventObject);
+		
+		// make the event draggable using jQuery UI
+		$this.draggable({
+			zIndex: 999,
+			revert: true,      // will cause the event to go back to its
+			revertDuration: 0  //  original position after the drag
+		});
+	};
+	$('.calendar').each(function() {
+		$(this).fullCalendar({
+			header: {
+				left: 'prev,next today',
+				center: 'title',
+				right: 'month,agendaWeek,agendaDay'
+			},
+			editable: true,
+			droppable: true, // this allows things to be dropped onto the calendar !!!
+			drop: function(date, allDay) { // this function is called when something is dropped
+				
+					// retrieve the dropped element's stored Event Object
+					var originalEventObject = $(this).data('eventObject');
+					
+					// we need to copy it, so that multiple events don't have a reference to the same object
+					var copiedEventObject = $.extend({}, originalEventObject);
+					
+					// assign it the date that was reported
+					copiedEventObject.start = date;
+					copiedEventObject.allDay = allDay;
+					
+					// render the event on the calendar
+					// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
+					$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
+					
+					// is the "remove after drop" checkbox checked?
+					if ($('#drop-remove').is(':checked')) {
+						// if so, remove the element from the "Draggable Events" list
+						$(this).remove();
+					}
+					
+				}
+			,
+			events: [
+				{
+					title: 'All Day Event',
+					start: new Date(y, m, 1)
+				},
+				{
+					title: 'Long Event',
+					start: new Date(y, m, d-5),
+					end: new Date(y, m, d-2),
+					className:'bg-primary'
+				},
+				{
+					id: 999,
+					title: 'Repeating Event',
+					start: new Date(y, m, d-3, 16, 0),
+					allDay: false
+				},
+				{
+					id: 999,
+					title: 'Repeating Event',
+					start: new Date(y, m, d+4, 16, 0),
+					allDay: false
+				},
+				{
+					title: 'Meeting',
+					start: new Date(y, m, d, 10, 30),
+					allDay: false
+				},
+				{
+					title: 'Lunch',
+					start: new Date(y, m, d, 12, 0),
+					end: new Date(y, m, d, 14, 0),
+					allDay: false
+				},
+				{
+					title: 'Birthday Party',
+					start: new Date(y, m, d+1, 19, 0),
+					end: new Date(y, m, d+1, 22, 30),
+					allDay: false
+				},
+				{
+					title: 'Click for Google',
+					start: new Date(y, m, 28),
+					end: new Date(y, m, 29),
+					url: 'http://google.com/'
+				}
+			]
+		});
+	});
+	$('#myEvents').on('change', function(e, item){
+		addDragEvent($(item));
+	});
+
+	$('#myEvents li').each(function() {
+		addDragEvent($(this));
+	});
+
+	// fuelux datagrid
+	var DataGridDataSource = function (options) {
+		this._formatter = options.formatter;
+		this._columns = options.columns;
+		this._delay = options.delay;
+	};
+
+	DataGridDataSource.prototype = {
+
+		columns: function () {
+			return this._columns;
+		},
+
+		data: function (options, callback) {
+			var url = 'js/data/datagrid.json';
+			var self = this;
+
+			setTimeout(function () {
+
+				var data = $.extend(true, [], self._data);
+
+				$.ajax(url, {
+					dataType: 'json',
+					async: false,
+					type: 'GET'
+				}).done(function (response) {
+
+					data = response.geonames;
+					// SEARCHING
+					if (options.search) {
+						data = _.filter(data, function (item) {
+							var match = false;
+
+							_.each(item, function (prop) {
+								if (_.isString(prop) || _.isFinite(prop)) {
+									if (prop.toString().toLowerCase().indexOf(options.search.toLowerCase()) !== -1) match = true;
+								}
+							});
+
+							return match;
+						});
+					}
+
+					// FILTERING
+					if (options.filter) {
+						data = _.filter(data, function (item) {
+							switch(options.filter.value) {
+								case 'lt5m':
+									if(item.population < 5000000) return true;
+									break;
+								case 'gte5m':
+									if(item.population >= 5000000) return true;
+									break;
+								default:
+									return true;
+									break;
+							}
+						});
+					}
+
+					var count = data.length;
+
+					// SORTING
+					if (options.sortProperty) {
+						data = _.sortBy(data, options.sortProperty);
+						if (options.sortDirection === 'desc') data.reverse();
+					}
+
+					// PAGING
+					var startIndex = options.pageIndex * options.pageSize;
+					var endIndex = startIndex + options.pageSize;
+					var end = (endIndex > count) ? count : endIndex;
+					var pages = Math.ceil(count / options.pageSize);
+					var page = options.pageIndex + 1;
+					var start = startIndex + 1;
+
+					data = data.slice(startIndex, endIndex);
+
+					if (self._formatter) self._formatter(data);
+
+					callback({ data: data, start: start, end: end, count: count, pages: pages, page: page });
+				}).fail(function(e){
+
+				});
+			}, self._delay);
+		}
+	};
+
+    $('#MyStretchGrid').each(function() {
+    	$(this).datagrid({
+	        dataSource: new DataGridDataSource({
+			    // Column definitions for Datagrid
+			    columns: [
+					{
+						property: 'toponymName',
+						label: 'Name',
+						sortable: true
+					},
+					{
+						property: 'countrycode',
+						label: 'Country',
+						sortable: true
+					},
+					{
+						property: 'population',
+						label: 'Population',
+						sortable: true
+					},
+					{
+						property: 'fcodeName',
+						label: 'Type',
+						sortable: true
+					},
+					{
+						property: 'geonameId',
+						label: 'Edit',
+						sortable: true
+					}
+				],
+
+			    // Create IMG tag for each returned image
+			    formatter: function (items) {
+			      $.each(items, function (index, item) {
+			        item.geonameId = '<a href="#edit?geonameid='+item.geonameId+'"><i class="fa fa-pencil"></i></a>';
+			      });
+			    }
+		  })
+	    });
+	});
+
+	// datatable
+	$('[data-ride="datatables"]').each(function() {
+		var oTable = $(this).dataTable( {
+			"bProcessing": true,
+			"sAjaxSource": "js/data/datatable.json",
+			"sDom": "<'row'<'col-sm-6'l><'col-sm-6'f>r>t<'row'<'col-sm-6'i><'col col-sm-6'p>>",
+			"sPaginationType": "full_numbers",
+			"aoColumns": [
+				{ "mData": "engine" },
+				{ "mData": "browser" },
+				{ "mData": "platform" },
+				{ "mData": "version" },
+				{ "mData": "grade" }
+			]
+		} );
+	});
+
+	// select2 
+
+   if ($.fn.select2) {
+        $("#select2-option").select2();
+        $("#select2-tags").select2({
+          tags:["red", "green", "blue"],
+          tokenSeparators: [",", " "]}
+        );
+    }
+
+
+});

data/app/assets/javascripts/web_admin/app.js

@@ -0,0 +1,172 @@
+/*! jQuery Mobile v1.3.0 | Copyright 2010, 2013 jQuery Foundation, Inc. | jquery.org/license */
+(function(a,b,c){typeof define=="function"&&define.amd?define(["jquery"],function(d){return c(d,a,b),d.mobile}):c(a.jQuery,a,b)})(this,document,function(a,b,c,d){(function(a){a.mobile={}})(a),function(a,b){var d={touch:"ontouchend"in c};a.mobile.support=a.mobile.support||{},a.extend(a.support,d),a.extend(a.mobile.support,d)}(a),function(a,b,c,d){function x(a){while(a&&typeof a.originalEvent!="undefined")a=a.originalEvent;return a}function y(b,c){var e=b.type,f,g,i,k,l,m,n,o,p;b=a.Event(b),b.type=c,f=b.originalEvent,g=a.event.props,e.search(/^(mouse|click)/)>-1&&(g=j);if(f)for(n=g.length,k;n;)k=g[--n],b[k]=f[k];e.search(/mouse(down|up)|click/)>-1&&!b.which&&(b.which=1);if(e.search(/^touch/)!==-1){i=x(f),e=i.touches,l=i.changedTouches,m=e&&e.length?e[0]:l&&l.length?l[0]:d;if(m)for(o=0,p=h.length;o<p;o++)k=h[o],b[k]=m[k]}return b}function z(b){var c={},d,f;while(b){d=a.data(b,e);for(f in d)d[f]&&(c[f]=c.hasVirtualBinding=!0);b=b.parentNode}return c}function A(b,c){var d;while(b){d=a.data(b,e);if(d&&(!c||d[c]))return b;b=b.parentNode}return null}function B(){r=!1}function C(){r=!0}function D(){v=0,p.length=0,q=!1,C()}function E(){B()}function F(){G(),l=setTimeout(function(){l=0,D()},a.vmouse.resetTimerDuration)}function G(){l&&(clearTimeout(l),l=0)}function H(b,c,d){var e;if(d&&d[b]||!d&&A(c.target,b))e=y(c,b),a(c.target).trigger(e);return e}function I(b){var c=a.data(b.target,f);if(!q&&(!v||v!==c)){var d=H("v"+b.type,b);d&&(d.isDefaultPrevented()&&b.preventDefault(),d.isPropagationStopped()&&b.stopPropagation(),d.isImmediatePropagationStopped()&&b.stopImmediatePropagation())}}function J(b){var c=x(b).touches,d,e;if(c&&c.length===1){d=b.target,e=z(d);if(e.hasVirtualBinding){v=u++,a.data(d,f,v),G(),E(),o=!1;var g=x(b).touches[0];m=g.pageX,n=g.pageY,H("vmouseover",b,e),H("vmousedown",b,e)}}}function K(a){if(r)return;o||H("vmousecancel",a,z(a.target)),o=!0,F()}function L(b){if(r)return;var c=x(b).touches[0],d=o,e=a.vmouse.moveDistanceThreshold,f=z(b.target);o=o||Math.abs(c.pageX-m)>e||Math.abs(c.pageY-n)>e,o&&!d&&H("vmousecancel",b,f),H("vmousemove",b,f),F()}function M(a){if(r)return;C();var b=z(a.target),c;H("vmouseup",a,b);if(!o){var d=H("vclick",a,b);d&&d.isDefaultPrevented()&&(c=x(a).changedTouches[0],p.push({touchID:v,x:c.clientX,y:c.clientY}),q=!0)}H("vmouseout",a,b),o=!1,F()}function N(b){var c=a.data(b,e),d;if(c)for(d in c)if(c[d])return!0;return!1}function O(){}function P(b){var c=b.substr(1);return{setup:function(d,f){N(this)||a.data(this,e,{});var g=a.data(this,e);g[b]=!0,k[b]=(k[b]||0)+1,k[b]===1&&t.bind(c,I),a(this).bind(c,O),s&&(k.touchstart=(k.touchstart||0)+1,k.touchstart===1&&t.bind("touchstart",J).bind("touchend",M).bind("touchmove",L).bind("scroll",K))},teardown:function(d,f){--k[b],k[b]||t.unbind(c,I),s&&(--k.touchstart,k.touchstart||t.unbind("touchstart",J).unbind("touchmove",L).unbind("touchend",M).unbind("scroll",K));var g=a(this),h=a.data(this,e);h&&(h[b]=!1),g.unbind(c,O),N(this)||g.removeData(e)}}}var e="virtualMouseBindings",f="virtualTouchID",g="vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split(" "),h="clientX clientY pageX pageY screenX screenY".split(" "),i=a.event.mouseHooks?a.event.mouseHooks.props:[],j=a.event.props.concat(i),k={},l=0,m=0,n=0,o=!1,p=[],q=!1,r=!1,s="addEventListener"in c,t=a(c),u=1,v=0,w;a.vmouse={moveDistanceThreshold:10,clickDistanceThreshold:10,resetTimerDuration:1500};for(var Q=0;Q<g.length;Q++)a.event.special[g[Q]]=P(g[Q]);s&&c.addEventListener("click",function(b){var c=p.length,d=b.target,e,g,h,i,j,k;if(c){e=b.clientX,g=b.clientY,w=a.vmouse.clickDistanceThreshold,h=d;while(h){for(i=0;i<c;i++){j=p[i],k=0;if(h===d&&Math.abs(j.x-e)<w&&Math.abs(j.y-g)<w||a.data(h,f)===j.touchID){b.preventDefault(),b.stopPropagation();return}}h=h.parentNode}}},!0)}(a,b,c),function(a,b,d){function k(b,c,d){var e=d.type;d.type=c,a.event.dispatch.call(b,d),d.type=e}var e=a(c);a.each("touchstart touchmove touchend tap taphold swipe swipeleft swiperight scrollstart scrollstop".split(" "),function(b,c){a.fn[c]=function(a){return a?this.bind(c,a):this.trigger(c)},a.attrFn&&(a.attrFn[c]=!0)});var f=a.mobile.support.touch,g="touchmove scroll",h=f?"touchstart":"mousedown",i=f?"touchend":"mouseup",j=f?"touchmove":"mousemove";a.event.special.scrollstart={enabled:!0,setup:function(){function f(a,c){d=c,k(b,d?"scrollstart":"scrollstop",a)}var b=this,c=a(b),d,e;c.bind(g,function(b){if(!a.event.special.scrollstart.enabled)return;d||f(b,!0),clearTimeout(e),e=setTimeout(function(){f(b,!1)},50)})}},a.event.special.tap={tapholdThreshold:750,setup:function(){var b=this,c=a(b);c.bind("vmousedown",function(d){function i(){clearTimeout(h)}function j(){i(),c.unbind("vclick",l).unbind("vmouseup",i),e.unbind("vmousecancel",j)}function l(a){j(),f===a.target&&k(b,"tap",a)}if(d.which&&d.which!==1)return!1;var f=d.target,g=d.originalEvent,h;c.bind("vmouseup",i).bind("vclick",l),e.bind("vmousecancel",j),h=setTimeout(function(){k(b,"taphold",a.Event("taphold",{target:f}))},a.event.special.tap.tapholdThreshold)})}},a.event.special.swipe={scrollSupressionThreshold:30,durationThreshold:1e3,horizontalDistanceThreshold:30,verticalDistanceThreshold:75,start:function(b){var c=b.originalEvent.touches?b.originalEvent.touches[0]:b;return{time:(new Date).getTime(),coords:[c.pageX,c.pageY],origin:a(b.target)}},stop:function(a){var b=a.originalEvent.touches?a.originalEvent.touches[0]:a;return{time:(new Date).getTime(),coords:[b.pageX,b.pageY]}},handleSwipe:function(b,c){c.time-b.time<a.event.special.swipe.durationThreshold&&Math.abs(b.coords[0]-c.coords[0])>a.event.special.swipe.horizontalDistanceThreshold&&Math.abs(b.coords[1]-c.coords[1])<a.event.special.swipe.verticalDistanceThreshold&&b.origin.trigger("swipe").trigger(b.coords[0]>c.coords[0]?"swipeleft":"swiperight")},setup:function(){var b=this,c=a(b);c.bind(h,function(b){function g(b){if(!e)return;f=a.event.special.swipe.stop(b),Math.abs(e.coords[0]-f.coords[0])>a.event.special.swipe.scrollSupressionThreshold&&b.preventDefault()}var e=a.event.special.swipe.start(b),f;c.bind(j,g).one(i,function(){c.unbind(j,g),e&&f&&a.event.special.swipe.handleSwipe(e,f),e=f=d})})}},a.each({scrollstop:"scrollstart",taphold:"tap",swipeleft:"swipe",swiperight:"swipe"},function(b,c){a.event.special[b]={setup:function(){a(this).bind(c,a.noop)}}})}(a,this)})
+/*! http://mths.be/placeholder v2.0.7 by @mathias */
+;(function(h,j,e){var a="placeholder" in j.createElement("input");var f="placeholder" in j.createElement("textarea");var k=e.fn;var d=e.valHooks;var b=e.propHooks;var m;var l;if(a&&f){l=k.placeholder=function(){return this};l.input=l.textarea=true}else{l=k.placeholder=function(){var n=this;n.filter((a?"textarea":":input")+"[placeholder]").not(".placeholder").bind({"focus.placeholder":c,"blur.placeholder":g}).data("placeholder-enabled",true).trigger("blur.placeholder");return n};l.input=a;l.textarea=f;m={get:function(o){var n=e(o);var p=n.data("placeholder-password");if(p){return p[0].value}return n.data("placeholder-enabled")&&n.hasClass("placeholder")?"":o.value},set:function(o,q){var n=e(o);var p=n.data("placeholder-password");if(p){return p[0].value=q}if(!n.data("placeholder-enabled")){return o.value=q}if(q==""){o.value=q;if(o!=j.activeElement){g.call(o)}}else{if(n.hasClass("placeholder")){c.call(o,true,q)||(o.value=q)}else{o.value=q}}return n}};if(!a){d.input=m;b.value=m}if(!f){d.textarea=m;b.value=m}e(function(){e(j).delegate("form","submit.placeholder",function(){var n=e(".placeholder",this).each(c);setTimeout(function(){n.each(g)},10)})});e(h).bind("beforeunload.placeholder",function(){e(".placeholder").each(function(){this.value=""})})}function i(o){var n={};var p=/^jQuery\d+$/;e.each(o.attributes,function(r,q){if(q.specified&&!p.test(q.name)){n[q.name]=q.value}});return n}function c(o,p){var n=this;var q=e(n);if(n.value==q.attr("placeholder")&&q.hasClass("placeholder")){if(q.data("placeholder-password")){q=q.hide().next().show().attr("id",q.removeAttr("id").data("placeholder-id"));if(o===true){return q[0].value=p}q.focus()}else{n.value="";q.removeClass("placeholder");n==j.activeElement&&n.select()}}}function g(){var r;var n=this;var q=e(n);var p=this.id;if(n.value==""){if(n.type=="password"){if(!q.data("placeholder-textinput")){try{r=q.clone().attr({type:"text"})}catch(o){r=e("<input>").attr(e.extend(i(this),{type:"text"}))}r.removeAttr("name").data({"placeholder-password":q,"placeholder-id":p}).bind("focus.placeholder",c);q.data({"placeholder-textinput":r,"placeholder-id":p}).before(r)}q=q.removeAttr("id").hide().prev().attr("id",p).show()}q.addClass("placeholder");q[0].value=q.attr("placeholder")}else{q.removeClass("placeholder")}}}(this,document,jQuery));
+
+// data-shift api 
+!function ($) {
+
+  "use strict"; // jshint ;_;
+
+ /* SHIFT CLASS DEFINITION
+  * ====================== */
+
+  var Shift = function (element) {
+    this.$element = $(element)
+    this.$prev = this.$element.prev()
+    !this.$prev.length && (this.$parent = this.$element.parent())
+  }
+
+  Shift.prototype = {
+  	constructor: Shift
+
+    , init:function(){
+    	var $el = this.$element
+    	, method = $el.data()['toggle'].split(':')[1]    	
+    	, $target = $el.data('target')
+    	$el.hasClass('in') || $el[method]($target).addClass('in')
+    }
+    , reset :function(){
+    	this.$parent && this.$parent['prepend'](this.$element)
+    	!this.$parent && this.$element['insertAfter'](this.$prev)
+    	this.$element.removeClass('in')
+    }
+  }
+
+ /* SHIFT PLUGIN DEFINITION
+  * ======================= */
+
+  $.fn.shift = function (option) {
+    return this.each(function () {
+      var $this = $(this)
+        , data = $this.data('shift')
+      if (!data) $this.data('shift', (data = new Shift(this)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.shift.Constructor = Shift
+}(window.jQuery);
+
+Date.now = Date.now || function() { return +new Date; };
+
+!function ($) {
+
+  $(function(){
+
+  	// placeholder
+  	$('input[placeholder], textarea[placeholder]').placeholder();
+
+    // popover
+    $("[data-toggle=popover]").popover();
+    $(document).on('click', '.popover-title .close', function(e){
+    	var $target = $(e.target), $popover = $target.closest('.popover').prev();
+    	$popover && $popover.popover('hide');
+    });
+
+    $.fn.dropdown.Constructor.prototype.change = function(e){
+      e.preventDefault();
+      var $item = $(e.target), $select, $checked = false, $menu, $label;
+      !$item.is('a') && ($item = $item.closest('a'));
+      $menu = $item.closest('.dropdown-menu');
+      $label = $menu.parent().find('.dropdown-label');
+      $labelHolder = $label.text();
+      $select = $item.find('input');
+      $checked = $select.is(':checked');
+      if($select.is(':disabled')) return;
+      if($select.attr('type') == 'radio' && $checked) return;
+      if($select.attr('type') == 'radio') $menu.find('li').removeClass('active');
+      $item.parent().removeClass('active');
+      !$checked && $item.parent().addClass('active');
+      $select.prop("checked", !$select.prop("checked"));
+
+      $items = $menu.find('li > a > input:checked');
+      if ($items.length) {
+          $text = [];
+          $items.each(function () {
+              var $str = $(this).parent().text();
+              $str && $text.push($.trim($str));
+          });
+
+          $text = $text.length < 4 ? $text.join(', ') : $text.length + ' selected';
+          $label.html($text);
+      }else{
+        $label.html($label.data('placeholder'));
+      }      
+    }
+    $(document).on('click.dropdown-menu', '.dropdown-select > li > a', $.fn.dropdown.Constructor.prototype.change);
+
+  	// tooltip
+    $("[data-toggle=tooltip]").tooltip();
+
+    	// class
+  	$(document).on('click', '[data-toggle^="class"]', function(e){
+  		e && e.preventDefault();
+  		var $this = $(e.target), $class , $target;
+  		!$this.data('toggle') && ($this = $this.closest('[data-toggle^="class"]'));
+      	$class = $this.data()['toggle'].split(':')[1];
+      	$target = $( $this.data('target') || $this.attr('href') );
+      	$target.toggleClass($class);
+      	$this.toggleClass('active');
+  	});
+
+  	// panel toggle
+  	$(document).on('click', '.panel-toggle', function(e){
+  		e && e.preventDefault();
+  		var $this = $(e.target), $class = 'collapse' , $target;
+  		if (!$this.is('a')) $this = $this.closest('a');
+  		$target = $this.closest('.panel');
+      	$target.find('.panel-body').toggleClass($class);
+      	$this.toggleClass('active');
+  	});
+  	
+  	// carousel
+  	$('.carousel.auto').carousel();
+  	
+  	// button loading
+  	$(document).on('click.button.data-api', '[data-loading-text]', function (e) {
+  	    var $this = $(e.target);
+  	    $this.is('i') && ($this = $this.parent());
+  	    $this.button('loading');
+  	});
+
+  	// carousel swipe
+  	$(".carousel").swiperight(function() {
+  		$(this).find('.left').trigger('click');
+      });
+
+      $(".carousel").swipeleft(function() {
+          $(this).find('.right').trigger('click');
+      });
+
+      var is_touch_device = function() {
+  		return !!('ontouchstart' in window) || !!('onmsgesturechange' in window);
+  	};
+
+  	!is_touch_device() && $('html').addClass('no-touch');
+
+      var scrollToTop = function(){
+  		!location.hash && setTimeout(function () {
+  		    if (!pageYOffset) window.scrollTo(0, 0);
+  		}, 1000);
+  	};
+  	
+      var $window = $(window);
+      // mobile
+  	var mobile = function(option){
+  		if(option == 'reset'){
+  			$('[data-toggle^="shift"]').shift('reset');
+  			return;
+  		}
+  		scrollToTop();
+  		$('[data-toggle^="shift"]').shift('init');
+  	};
+  	// unmobile
+  	$window.width() < 768 && mobile();
+    	$window.resize(function() {
+  	  	$window.width() < 767 && mobile();
+  	   	$window.width() >= 768 && mobile('reset');
+  	});
+
+  });
+}(window.jQuery);