From bb4f5da2a9f5c9d5c7d71a5d50aa665a669d924d Mon Sep 17 00:00:00 2001 From: John-Henrique Date: Sun, 10 Jan 2016 03:11:11 -0200 Subject: [PATCH 1/2] up --- dist/js/components/list-actions.js | 0 dist/js/components/notifications.js | 9 +- dist/js/phonon.js | 9 +- examples/components/lists-example/dragend.js | 898 ++++++++++++++++++ examples/components/lists-example/teste.html | 80 ++ .../notifications-example/index.html | 6 + examples/components/tabs-example/index.html | 80 +- 7 files changed, 1071 insertions(+), 11 deletions(-) create mode 100644 dist/js/components/list-actions.js create mode 100644 examples/components/lists-example/dragend.js create mode 100644 examples/components/lists-example/teste.html diff --git a/dist/js/components/list-actions.js b/dist/js/components/list-actions.js new file mode 100644 index 00000000..e69de29b diff --git a/dist/js/components/notifications.js b/dist/js/components/notifications.js index 8fd21144..a6c9b85c 100644 --- a/dist/js/components/notifications.js +++ b/dist/js/components/notifications.js @@ -111,12 +111,13 @@ } }; - var buildNotif = function(text, timeout, showButton) { + var buildNotif = function(text, timeout, showButton, textButton) { if(typeof text !== 'string') text = ''; timeout = (typeof timeout === 'number' ? timeout : 5000); + textButton = (typeof textButton === 'string' ? textButton : 'CANCEL'); var progress = '
'; - var btn = (showButton === true ? '' : ''); + var btn = (showButton === true ? '' : ''); var div = document.createElement('div'); div.setAttribute('class', 'notification'); @@ -202,12 +203,12 @@ } } - phonon.notif = function(el, timeout, showButton) { + phonon.notif = function(el, timeout, showButton, textButton) { if(arguments.length > 1) { var text = el; - var nBuild = buildNotif(text, timeout, showButton); + var nBuild = buildNotif(text, timeout, showButton, textButton); window.setTimeout(function() { show(document.querySelector('#'+nBuild.id)); }, 10); diff --git a/dist/js/phonon.js b/dist/js/phonon.js index ebf4945d..7a243f3c 100644 --- a/dist/js/phonon.js +++ b/dist/js/phonon.js @@ -3085,12 +3085,13 @@ phonon.tagManager = (function () { } }; - var buildNotif = function(text, timeout, showButton) { + var buildNotif = function(text, timeout, showButton, textButton) { if(typeof text !== 'string') text = ''; timeout = (typeof timeout === 'number' ? timeout : 5000); + textButton = (typeof textButton === 'string' ? textButton : 'CANCEL'); var progress = '
'; - var btn = (showButton === true ? '' : ''); + var btn = (showButton === true ? '' : ''); var div = document.createElement('div'); div.setAttribute('class', 'notification'); @@ -3176,12 +3177,12 @@ phonon.tagManager = (function () { } } - phonon.notif = function(el, timeout, showButton) { + phonon.notif = function(el, timeout, showButton, textButton) { if(arguments.length > 1) { var text = el; - var nBuild = buildNotif(text, timeout, showButton); + var nBuild = buildNotif(text, timeout, showButton, textButton); window.setTimeout(function() { show(document.querySelector('#'+nBuild.id)); }, 10); diff --git a/examples/components/lists-example/dragend.js b/examples/components/lists-example/dragend.js new file mode 100644 index 00000000..009b4c09 --- /dev/null +++ b/examples/components/lists-example/dragend.js @@ -0,0 +1,898 @@ +/*! + * ---------------------------- DRAGEND JS ------------------------------------- + * + * Version: <%= pkg.version %> + * https://github.com/Stereobit/dragend + * Copyright (c) 2014 Tobias Otte, t@stereob.it + * + * Licensed under MIT-style license: + * + * 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 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. + * + */ + + ;(function( window ) { + "use strict"; + + // help the minifier + var doc = document, + win = window; + + function init( $ ) { + + // Welcome To dragend JS + // ===================== + // + // dragend.js is a touch ready, full responsive, content swipe script. It has no dependencies + // It also can, but don't has to, used as a jQuery + // (https://github.com/jquery/jquery/) plugin. + // + // The current version is <%= pkg.version %> + // + // Usage + // ===================== + // + // To activate dragend JS just call the function on a jQuery element + // + // $("#swipe-container").dragend(); + // + // You could rather pass in a options object or a string to bump on of the + // following behaviors: "up", "down", "left", "right" for swiping in one of + // these directions, "page" with the page number as second argument to go to a + // explicit page and without any value to go to the first page + // + // Settings + // ===================== + // + // You can use the following options: + // + // * pageClass: classname selector for all elments that should provide a page + // * direction: "horizontal" or "vertical" + // * minDragDistance: minuimum distance (in pixel) the user has to drag + // to trigger swip + // * page: Number of page to load on start + // * scribe: pixel value for a possible scribe + // * onSwipeStart: callback function before the animation + // * onSwipeEnd: callback function after the animation + // * onDragStart: called on drag start + // * onDrag: callback on drag + // * onDragEnd: callback on dragend + // * borderBetweenPages: if you need space between pages add a pixel value + // * duration + // * stopPropagation + // * afterInitialize called after the pages are size + // * preventDrag if want to prevent user interactions and only swipe manualy + + var + + // Default setting + defaultSettings = { + pageClass : "dragend-page", + direction : "horizontal", + minDragDistance : "40", + onSwipeStart : noop, + onSwipeEnd : noop, + onDragStart : noop, + onDrag : noop, + onDragEnd : noop, + afterInitialize : noop, + keyboardNavigation : false, + stopPropagation : false, + itemsInPage : 1, + scribe : 0, + page : 1, + borderBetweenPages : 0, + duration : 300, + preventDrag : false, + disableScroll : false + }, + + isTouch = 'ontouchstart' in win, + + startEvent = isTouch ? 'touchstart' : 'mousedown', + moveEvent = isTouch ? 'touchmove' : 'mousemove', + endEvent = isTouch ? 'touchend' : 'mouseup', + + keycodes = { + 37: "left", + 38: "up", + 39: "right", + 40: "down" + }, + + errors = { + pages: "No pages found" + }, + + containerStyles = { + overflow: "hidden", + padding : 0 + }, + + supports = (function() { + var div = doc.createElement('div'), + vendors = 'Khtml Ms O Moz Webkit'.split(' '), + len = vendors.length; + + return function( prop ) { + if ( prop in div.style ) return true; + + prop = prop.replace(/^[a-z]/, function(val) { + return val.toUpperCase(); + }); + + while( len-- ) { + if ( vendors[len] + prop in div.style ) { + return true; + } + } + return false; + }; + })(), + + supportTransform = supports('transform'); + + function noop() {} + + function falseFn() { + return false; + } + + function setStyles( element, styles ) { + + var property, + value; + + for ( property in styles ) { + + if ( styles.hasOwnProperty(property) ) { + value = styles[property]; + + switch ( property ) { + case "height": + case "width": + case "marginLeft": + case "marginTop": + value += "px"; + } + + element.style[property] = value; + + } + + } + + return element; + + } + + function extend( destination, source ) { + + var property; + + for ( property in source ) { + destination[property] = source[property]; + } + + return destination; + + } + + function proxy( fn, context ) { + + return function() { + return fn.apply( context, Array.prototype.slice.call(arguments) ); + }; + + } + + function getElementsByClassName( className, root ) { + var elements; + + if ( $ ) { + elements = $(root).find("." + className); + } else { + elements = Array.prototype.slice.call(root.getElementsByClassName( className )); + } + + return elements; + } + + function animate( element, propery, to, speed, callback ) { + var propertyObj = {}; + + propertyObj[propery] = to; + + if ($) { + $(element).animate(propertyObj, speed, callback); + } else { + setStyles(element, propertyObj); + } + + } + + /** + * Returns an object containing the co-ordinates for the event, normalising for touch / non-touch. + * @param {Object} event + * @returns {Object} + */ + function getCoords(event) { + // touch move and touch end have different touch data + var touches = event.touches, + data = touches && touches.length ? touches : event.changedTouches; + + return { + x: isTouch ? data[0].pageX : event.pageX, + y: isTouch ? data[0].pageY : event.pageY + }; + } + + function Dragend( container, settings ) { + var defaultSettingsCopy = extend( {}, defaultSettings ); + + this.settings = extend( defaultSettingsCopy, settings ); + this.container = container; + this.pageContainer = doc.createElement( "div" ); + this.scrollBorder = { x: 0, y: 0 }; + this.page = 0; + this.preventScroll = false; + this.pageCssProperties = { + margin: 0 + }; + + // bind events + this._onStart = proxy( this._onStart, this ); + this._onMove = proxy( this._onMove, this ); + this._onEnd = proxy( this._onEnd, this ); + this._onKeydown = proxy( this._onKeydown, this ); + this._sizePages = proxy( this._sizePages, this ); + this._afterScrollTransform = proxy(this._afterScrollTransform, this); + + this.pageContainer.innerHTML = container.cloneNode(true).innerHTML; + container.innerHTML = ""; + container.appendChild( this.pageContainer ); + + this._scroll = supportTransform ? this._scrollWithTransform : this._scrollWithoutTransform; + this._animateScroll = supportTransform ? this._animateScrollWithTransform : this._animateScrollWithoutTransform; + + // Initialization + + setStyles(container, containerStyles); + + // Give the DOM some time to update ... + setTimeout( proxy(function() { + this.updateInstance( settings ); + if (!this.settings.preventDrag) { + this._observe(); + } + this.settings.afterInitialize.call(this); + }, this), 10 ); + + } + + function addEventListener(container, event, callback) { + if ($) { + $(container).on(event, callback); + } else { + container.addEventListener(event, callback, false); + } + } + + function removeEventListener(container, event, callback) { + if ($) { + $(container).off(event, callback); + } else { + container.removeEventListener(event, callback, false); + } + } + + extend(Dragend.prototype, { + + // Private functions + // ================= + + // ### Overscroll lookup table + // + // Checks if its the last or first page to slow down the scrolling if so + // + // Takes: + // Drag event + + _checkOverscroll: function( direction, x, y ) { + var coordinates = { + x: x, + y: y, + overscroll: true + }; + + switch ( direction ) { + + case "right": + if ( !this.scrollBorder.x ) { + coordinates.x = Math.round((x - this.scrollBorder.x) / 5 ); + return coordinates; + } + break; + + case "left": + if ( (this.pagesCount - 1) * this.pageDimentions.width <= this.scrollBorder.x ) { + coordinates.x = Math.round( - ((Math.ceil(this.pagesCount) - 1) * (this.pageDimentions.width + this.settings.borderBetweenPages)) + x / 5 ); + return coordinates; + } + break; + + case "down": + if ( !this.scrollBorder.y ) { + coordinates.y = Math.round( (y - this.scrollBorder.y) / 5 ); + return coordinates; + } + break; + + case "up": + if ( (this.pagesCount - 1) * this.pageDimentions.height <= this.scrollBorder.y ) { + coordinates.y = Math.round( - ((Math.ceil(this.pagesCount) - 1) * (this.pageDimentions.height + this.settings.borderBetweenPages)) + y / 5 ); + return coordinates; + } + break; + } + + return { + x: x - this.scrollBorder.x, + y: y - this.scrollBorder.y, + overscroll: false + }; + }, + + // Observe + // + // Sets the observers for drag, resize and key events + + _observe: function() { + + addEventListener(this.container, startEvent, this._onStart); + this.container.onselectstart = falseFn; + this.container.ondragstart = falseFn; + + if ( this.settings.keyboardNavigation ) { + addEventListener(doc.body, "keydown", this._onKeydown); + } + + addEventListener(win, "resize", this._sizePages); + + }, + + + _onStart: function(event) { + + event = event.originalEvent || event; + + if (this.settings.stopPropagation) { + event.stopPropagation(); + } + + addEventListener(doc.body, moveEvent, this._onMove); + addEventListener(doc.body, endEvent, this._onEnd); + + this.startCoords = getCoords(event); + + this.settings.onDragStart.call( this, event ); + + }, + + _onMove: function( event ) { + + event = event.originalEvent || event; + + // Fix mobile vertical scrolling, credits go to ptisdel + var coords = getCoords(event), + x = this.startCoords.x - coords.x, + y = this.startCoords.y - coords.y; + if (Math.abs(y) > Math.abs(x)) return; + + // ensure swiping with one touch and not pinching + if ( event.touches && event.touches.length > 1 || event.scale && event.scale !== 1) return; + + if (this.settings.disableScroll) event.preventDefault(); + + if (this.settings.stopPropagation) { + event.stopPropagation(); + } + + var parsedEvent = this._parseEvent(event), + coordinates = this._checkOverscroll( parsedEvent.direction , - parsedEvent.distanceX, - parsedEvent.distanceY ); + + this.settings.onDrag.call( this, this.activeElement, parsedEvent, coordinates.overscroll, event ); + + if ( !this.preventScroll ) { + this._scroll( coordinates ); + } + }, + + _onEnd: function( event ) { + + event = event.originalEvent || event; + + if (this.settings.stopPropagation) { + event.stopPropagation(); + } + + var parsedEvent = this._parseEvent(event); + + this.startCoords = { x: 0, y: 0 }; + + if ( Math.abs(parsedEvent.distanceX) > this.settings.minDragDistance || Math.abs(parsedEvent.distanceY) > this.settings.minDragDistance) { + this.swipe( parsedEvent.direction ); + } else if (Math.abs(parsedEvent.distanceX) > 0 || Math.abs(parsedEvent.distanceY) > 0) { + this._scrollToPage(); + } + + this.settings.onDragEnd.call( this, this.container, this.activeElement, this.page + 1, event ); + + removeEventListener(doc.body, moveEvent, this._onMove); + removeEventListener(doc.body, endEvent, this._onEnd); + + }, + + _parseEvent: function( event ) { + var coords = getCoords(event), + x = this.startCoords.x - coords.x, + y = this.startCoords.y - coords.y; + + return this._addDistanceValues( x, y ); + }, + + _addDistanceValues: function( x, y ) { + var eventData = { + distanceX: 0, + distanceY: 0 + }; + + if ( this.settings.direction === "horizontal" ) { + eventData.distanceX = x; + eventData.direction = x > 0 ? "left" : "right"; + } else { + eventData.distanceY = y; + eventData.direction = y > 0 ? "up" : "down"; + } + + return eventData; + }, + + _onKeydown: function( event ) { + var direction = keycodes[event.keyCode]; + + if ( direction ) { + this._scrollToPage(direction); + } + }, + + _setHorizontalContainerCssValues: function() { + extend( this.pageCssProperties, { + "cssFloat" : "left", + "overflowY": "auto", + "overflowX": "hidden", + "padding" : 0, + "display" : "block" + }); + + setStyles(this.pageContainer, { + "overflow" : "hidden", + "width" : (this.pageDimentions.width + this.settings.borderBetweenPages) * this.pagesCount, + "boxSizing" : "content-box", + "-webkit-backface-visibility": "hidden", + "-webkit-perspective" : 1000, + "margin" : 0, + "padding" : 0 + }); + }, + + _setVerticalContainerCssValues: function() { + extend( this.pageCssProperties, { + "overflow": "hidden", + "padding" : 0, + "display" : "block" + }); + + setStyles(this.pageContainer, { + "padding-bottom" : this.settings.scribe, + "boxSizing" : "content-box", + "-webkit-backface-visibility" : "hidden", + "-webkit-perspective" : 1000, + "margin" : 0 + }); + }, + + setContainerCssValues: function(){ + if ( this.settings.direction === "horizontal") { + this._setHorizontalContainerCssValues(); + } else { + this._setVerticalContainerCssValues(); + } + }, + + // ### Calculate page dimentions + // + // Updates the page dimentions values + + _setPageDimentions: function() { + var width = this.container.offsetWidth, + height = this.container.offsetHeight; + + if ( this.settings.direction === "horizontal" ) { + width = width - parseInt( this.settings.scribe, 10 ); + } else { + height = height - parseInt( this.settings.scribe, 10 ); + } + + this.pageDimentions = { + width : width, + height: height + }; + + }, + + // ### Size pages + + _sizePages: function() { + + var pagesCount = this.pages.length; + + this._setPageDimentions(); + + this.setContainerCssValues(); + + if ( this.settings.direction === "horizontal" ) { + extend( this.pageCssProperties, { + height: this.pageDimentions.height, + width : this.pageDimentions.width / this.settings.itemsInPage + }); + } else { + extend( this.pageCssProperties, { + height: this.pageDimentions.height / this.settings.itemsInPage, + width : this.pageDimentions.width + }); + } + + for (var i = 0; i < pagesCount; i++) { + setStyles(this.pages[i], this.pageCssProperties); + } + + this._jumpToPage( "page", this.page ); + + }, + + // ### Callculate new page + // + // Update global values for specific swipe action + // + // Takes direction and, if specific page is used the pagenumber + + _calcNewPage: function( direction, pageNumber ) { + + var borderBetweenPages = this.settings.borderBetweenPages, + height = this.pageDimentions.height, + width = this.pageDimentions.width, + page = this.page; + + switch ( direction ) { + case "up": + if ( page < this.pagesCount - 1 ) { + this.scrollBorder.y = this.scrollBorder.y + height + borderBetweenPages; + this.page++; + } + break; + + case "down": + if ( page > 0 ) { + this.scrollBorder.y = this.scrollBorder.y - height - borderBetweenPages; + this.page--; + } + break; + + case "left": + if ( page < this.pagesCount - 1 ) { + this.scrollBorder.x = this.scrollBorder.x + width + borderBetweenPages; + this.page++; + } + break; + + case "right": + if ( page > 0 ) { + this.scrollBorder.x = this.scrollBorder.x - width - borderBetweenPages; + this.page--; + } + break; + + case "page": + switch ( this.settings.direction ) { + case "horizontal": + this.scrollBorder.x = (width + borderBetweenPages) * pageNumber; + break; + + case "vertical": + this.scrollBorder.y = (height + borderBetweenPages) * pageNumber; + break; + } + this.page = pageNumber; + break; + + default: + this.scrollBorder.y = 0; + this.scrollBorder.x = 0; + this.page = 0; + break; + } + }, + + // ### On swipe end + // + // Function called after the scroll animation ended + + _onSwipeEnd: function() { + this.preventScroll = false; + + this.activeElement = this.pages[this.page * this.settings.itemsInPage]; + + // Call onSwipeEnd callback function + this.settings.onSwipeEnd.call( this, this.container, this.activeElement, this.page + 1); + }, + + // Jump to page + // + // Jumps without a animantion to specific page. The page number is only + // necessary for the specific page direction + // + // Takes: + // Direction and pagenumber + + _jumpToPage: function( options, pageNumber ) { + + if ( options ) { + this._calcNewPage( options, pageNumber ); + } + + this._scroll({ + x: - this.scrollBorder.x, + y: - this.scrollBorder.y + }); + }, + + // Scroll to page + // + // Scrolls with a animantion to specific page. The page number is only necessary + // for the specific page direction + // + // Takes: + // Direction and pagenumber + + _scrollToPage: function( options, pageNumber ) { + this.preventScroll = true; + + if ( options ) this._calcNewPage( options, pageNumber ); + + this._animateScroll(); + }, + + // ### Scroll translate + // + // Animation when translate is supported + // + // Takes: + // x and y values to go with + + _scrollWithTransform: function ( coordinates ) { + var style = this.settings.direction === "horizontal" ? "translateX(" + coordinates.x + "px)" : "translateY(" + coordinates.y + "px)"; + + setStyles( this.pageContainer, { + "-webkit-transform": style, + "-moz-transform": style, + "-ms-transform": style, + "-o-transform": style, + "transform": style + }); + + }, + + // ### Animated scroll with translate support + + _animateScrollWithTransform: function() { + + var style = "transform " + this.settings.duration + "ms ease-out", + container = this.container, + afterScrollTransform = this._afterScrollTransform; + + setStyles( this.pageContainer, { + "-webkit-transition": "-webkit-" + style, + "-moz-transition": "-moz-" + style, + "-ms-transition": "-ms-" + style, + "-o-transition": "-o-" + style, + "transition": style + }); + + this._scroll({ + x: - this.scrollBorder.x, + y: - this.scrollBorder.y + }); + + addEventListener(this.container, "webkitTransitionEnd", afterScrollTransform); + addEventListener(this.container, "oTransitionEnd", afterScrollTransform); + addEventListener(this.container, "transitionend", afterScrollTransform); + addEventListener(this.container, "transitionEnd", afterScrollTransform); + + }, + + _afterScrollTransform: function() { + + var container = this.container, + afterScrollTransform = this._afterScrollTransform; + + this._onSwipeEnd(); + + removeEventListener(container, "webkitTransitionEnd", afterScrollTransform); + removeEventListener(container, "oTransitionEnd", afterScrollTransform); + removeEventListener(container, "transitionend", afterScrollTransform); + removeEventListener(container, "transitionEnd", afterScrollTransform); + + setStyles( this.pageContainer, { + "-webkit-transition": "", + "-moz-transition": "", + "-ms-transition": "", + "-o-transition": "", + "transition": "" + }); + + }, + + // ### Scroll fallback + // + // Animation lookup table when translate isn't supported + // + // Takes: + // x and y values to go with + + _scrollWithoutTransform: function( coordinates ) { + var styles = this.settings.direction === "horizontal" ? { "marginLeft": coordinates.x } : { "marginTop": coordinates.y }; + + setStyles(this.pageContainer, styles); + }, + + // ### Animated scroll without translate support + + _animateScrollWithoutTransform: function() { + var property = this.settings.direction === "horizontal" ? "marginLeft" : "marginTop", + value = this.settings.direction === "horizontal" ? - this.scrollBorder.x : - this.scrollBorder.y; + + animate( this.pageContainer, property, value, this.settings.duration, proxy( this._onSwipeEnd, this )); + + }, + + // Public functions + // ================ + + swipe: function( direction ) { + // Call onSwipeStart callback function + this.settings.onSwipeStart.call( this, this.container, this.activeElement, this.page + 1, direction ); + this._scrollToPage( direction ); + }, + + updateInstance: function( settings ) { + + settings = settings || {}; + + if ( typeof settings === "object" ) extend( this.settings, settings ); + + this.pages = getElementsByClassName(this.settings.pageClass, this.pageContainer); + + if (this.pages.length) { + this.pagesCount = this.pages.length / this.settings.itemsInPage; + } else { + throw new Error(errors.pages); + } + + this.page = this.settings.page - 1; + + this.activeElement = this.pages[this.page * this.settings.itemsInPage]; + this._sizePages(); + + if ( this.settings.jumpToPage ) { + this.jumpToPage( settings.jumpToPage ); + delete this.settings.jumpToPage; + } + + if ( this.settings.scrollToPage ) { + this.scrollToPage( this.settings.scrollToPage ); + delete this.settings.scrollToPage; + } + + if (this.settings.destroy) { + this.destroy(); + delete this.settings.destroy; + } + + }, + + destroy: function() { + + var container = this.container; + + removeEventListener(container, startEvent); + removeEventListener(container, moveEvent); + removeEventListener(container, endEvent); + removeEventListener(doc.body, "keydown", this._onKeydown); + removeEventListener(win, "resize", this._sizePages); + + container.removeAttribute("style"); + + for (var i = 0; i < this.pages.length; i++) { + this.pages[i].removeAttribute("style"); + } + + container.innerHTML = this.pageContainer.innerHTML; + + }, + + scrollToPage: function( page ) { + this._scrollToPage( "page", page - 1); + }, + + jumpToPage: function( page ) { + this._jumpToPage( "page", page - 1); + } + + }); + + if ( $ ) { + + // Register jQuery plugin + $.fn.dragend = function( settings ) { + + settings = settings || {}; + + this.each(function() { + var instance = $(this).data( "dragend" ); + + // check if instance already created + if ( instance ) { + instance.updateInstance( settings ); + } else { + instance = new Dragend( this, settings ); + $(this).data( "dragend", instance ); + } + + // check if should trigger swipe + if ( typeof settings === "string" ) instance.swipe( settings ); + + }); + + // jQuery functions should always return the instance + return this; + }; + + } + + return Dragend; + + } + + if ( typeof define == 'function' && typeof define.amd == 'object' && define.amd ) { + define(function() { + return init( win.jQuery || win.Zepto ); + }); + } else { + win.Dragend = init( win.jQuery || win.Zepto ); + } + +})( window ); diff --git a/examples/components/lists-example/teste.html b/examples/components/lists-example/teste.html new file mode 100644 index 00000000..9a1bdb0d --- /dev/null +++ b/examples/components/lists-example/teste.html @@ -0,0 +1,80 @@ +
+
+ This div is draggable +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/examples/components/notifications-example/index.html b/examples/components/notifications-example/index.html index 1a148b31..0b13f2de 100644 --- a/examples/components/notifications-example/index.html +++ b/examples/components/notifications-example/index.html @@ -27,6 +27,8 @@

Notifications

+ + @@ -55,6 +57,10 @@

Notifications

document.querySelector('#show-auto-notif').on('tap', function() { phonon.notif('HELLO', 3000, false); }); + + document.querySelector('#show-notif-button').on('tap', function() { + phonon.notif('HELLO AGAIN :-p', 3000, true, 'Close' ); + }); document.querySelector('#show-notif').on('tap', function() { phonon.notif('#notif-example').show(); diff --git a/examples/components/tabs-example/index.html b/examples/components/tabs-example/index.html index 995157da..bef2685d 100644 --- a/examples/components/tabs-example/index.html +++ b/examples/components/tabs-example/index.html @@ -10,11 +10,34 @@ + +
+
+ +
+

Side Panel

+
+
+
+ +
+
+ + +
+ +
-

Tabs 1

+

Tabss 1

+
+ + + + + +
+ + + + + + +
+ +
+ + +

Como funciona?

+

Marque as ofertas de interesse, elas serão agrupadas aqui formando uma lista de compras. Quando + você decidir sair para comprar, basta marcar os itens já adquiridos.

+ +

Tudo rápido, fácil e sem complicação.

+ + +
+ +
+ + +
    +
  • +

    Você ainda não selecionou os produtos da sua lista de compras! Comece agora

    +
    • +
+ + +
+ +
+ + +
+ + + + - - + From 6c26961eff581f9593f66b2d6e7e7a83412435cb Mon Sep 17 00:00:00 2001 From: John-Henrique Date: Sun, 10 Jan 2016 03:21:04 -0200 Subject: [PATCH 2/2] remove tests --- examples/components/lists-example/dragend.js | 898 ------------------- examples/components/lists-example/teste.html | 80 -- examples/components/tabs-example/index.html | 80 +- 3 files changed, 3 insertions(+), 1055 deletions(-) delete mode 100644 examples/components/lists-example/dragend.js delete mode 100644 examples/components/lists-example/teste.html diff --git a/examples/components/lists-example/dragend.js b/examples/components/lists-example/dragend.js deleted file mode 100644 index 009b4c09..00000000 --- a/examples/components/lists-example/dragend.js +++ /dev/null @@ -1,898 +0,0 @@ -/*! - * ---------------------------- DRAGEND JS ------------------------------------- - * - * Version: <%= pkg.version %> - * https://github.com/Stereobit/dragend - * Copyright (c) 2014 Tobias Otte, t@stereob.it - * - * Licensed under MIT-style license: - * - * 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 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. - * - */ - - ;(function( window ) { - "use strict"; - - // help the minifier - var doc = document, - win = window; - - function init( $ ) { - - // Welcome To dragend JS - // ===================== - // - // dragend.js is a touch ready, full responsive, content swipe script. It has no dependencies - // It also can, but don't has to, used as a jQuery - // (https://github.com/jquery/jquery/) plugin. - // - // The current version is <%= pkg.version %> - // - // Usage - // ===================== - // - // To activate dragend JS just call the function on a jQuery element - // - // $("#swipe-container").dragend(); - // - // You could rather pass in a options object or a string to bump on of the - // following behaviors: "up", "down", "left", "right" for swiping in one of - // these directions, "page" with the page number as second argument to go to a - // explicit page and without any value to go to the first page - // - // Settings - // ===================== - // - // You can use the following options: - // - // * pageClass: classname selector for all elments that should provide a page - // * direction: "horizontal" or "vertical" - // * minDragDistance: minuimum distance (in pixel) the user has to drag - // to trigger swip - // * page: Number of page to load on start - // * scribe: pixel value for a possible scribe - // * onSwipeStart: callback function before the animation - // * onSwipeEnd: callback function after the animation - // * onDragStart: called on drag start - // * onDrag: callback on drag - // * onDragEnd: callback on dragend - // * borderBetweenPages: if you need space between pages add a pixel value - // * duration - // * stopPropagation - // * afterInitialize called after the pages are size - // * preventDrag if want to prevent user interactions and only swipe manualy - - var - - // Default setting - defaultSettings = { - pageClass : "dragend-page", - direction : "horizontal", - minDragDistance : "40", - onSwipeStart : noop, - onSwipeEnd : noop, - onDragStart : noop, - onDrag : noop, - onDragEnd : noop, - afterInitialize : noop, - keyboardNavigation : false, - stopPropagation : false, - itemsInPage : 1, - scribe : 0, - page : 1, - borderBetweenPages : 0, - duration : 300, - preventDrag : false, - disableScroll : false - }, - - isTouch = 'ontouchstart' in win, - - startEvent = isTouch ? 'touchstart' : 'mousedown', - moveEvent = isTouch ? 'touchmove' : 'mousemove', - endEvent = isTouch ? 'touchend' : 'mouseup', - - keycodes = { - 37: "left", - 38: "up", - 39: "right", - 40: "down" - }, - - errors = { - pages: "No pages found" - }, - - containerStyles = { - overflow: "hidden", - padding : 0 - }, - - supports = (function() { - var div = doc.createElement('div'), - vendors = 'Khtml Ms O Moz Webkit'.split(' '), - len = vendors.length; - - return function( prop ) { - if ( prop in div.style ) return true; - - prop = prop.replace(/^[a-z]/, function(val) { - return val.toUpperCase(); - }); - - while( len-- ) { - if ( vendors[len] + prop in div.style ) { - return true; - } - } - return false; - }; - })(), - - supportTransform = supports('transform'); - - function noop() {} - - function falseFn() { - return false; - } - - function setStyles( element, styles ) { - - var property, - value; - - for ( property in styles ) { - - if ( styles.hasOwnProperty(property) ) { - value = styles[property]; - - switch ( property ) { - case "height": - case "width": - case "marginLeft": - case "marginTop": - value += "px"; - } - - element.style[property] = value; - - } - - } - - return element; - - } - - function extend( destination, source ) { - - var property; - - for ( property in source ) { - destination[property] = source[property]; - } - - return destination; - - } - - function proxy( fn, context ) { - - return function() { - return fn.apply( context, Array.prototype.slice.call(arguments) ); - }; - - } - - function getElementsByClassName( className, root ) { - var elements; - - if ( $ ) { - elements = $(root).find("." + className); - } else { - elements = Array.prototype.slice.call(root.getElementsByClassName( className )); - } - - return elements; - } - - function animate( element, propery, to, speed, callback ) { - var propertyObj = {}; - - propertyObj[propery] = to; - - if ($) { - $(element).animate(propertyObj, speed, callback); - } else { - setStyles(element, propertyObj); - } - - } - - /** - * Returns an object containing the co-ordinates for the event, normalising for touch / non-touch. - * @param {Object} event - * @returns {Object} - */ - function getCoords(event) { - // touch move and touch end have different touch data - var touches = event.touches, - data = touches && touches.length ? touches : event.changedTouches; - - return { - x: isTouch ? data[0].pageX : event.pageX, - y: isTouch ? data[0].pageY : event.pageY - }; - } - - function Dragend( container, settings ) { - var defaultSettingsCopy = extend( {}, defaultSettings ); - - this.settings = extend( defaultSettingsCopy, settings ); - this.container = container; - this.pageContainer = doc.createElement( "div" ); - this.scrollBorder = { x: 0, y: 0 }; - this.page = 0; - this.preventScroll = false; - this.pageCssProperties = { - margin: 0 - }; - - // bind events - this._onStart = proxy( this._onStart, this ); - this._onMove = proxy( this._onMove, this ); - this._onEnd = proxy( this._onEnd, this ); - this._onKeydown = proxy( this._onKeydown, this ); - this._sizePages = proxy( this._sizePages, this ); - this._afterScrollTransform = proxy(this._afterScrollTransform, this); - - this.pageContainer.innerHTML = container.cloneNode(true).innerHTML; - container.innerHTML = ""; - container.appendChild( this.pageContainer ); - - this._scroll = supportTransform ? this._scrollWithTransform : this._scrollWithoutTransform; - this._animateScroll = supportTransform ? this._animateScrollWithTransform : this._animateScrollWithoutTransform; - - // Initialization - - setStyles(container, containerStyles); - - // Give the DOM some time to update ... - setTimeout( proxy(function() { - this.updateInstance( settings ); - if (!this.settings.preventDrag) { - this._observe(); - } - this.settings.afterInitialize.call(this); - }, this), 10 ); - - } - - function addEventListener(container, event, callback) { - if ($) { - $(container).on(event, callback); - } else { - container.addEventListener(event, callback, false); - } - } - - function removeEventListener(container, event, callback) { - if ($) { - $(container).off(event, callback); - } else { - container.removeEventListener(event, callback, false); - } - } - - extend(Dragend.prototype, { - - // Private functions - // ================= - - // ### Overscroll lookup table - // - // Checks if its the last or first page to slow down the scrolling if so - // - // Takes: - // Drag event - - _checkOverscroll: function( direction, x, y ) { - var coordinates = { - x: x, - y: y, - overscroll: true - }; - - switch ( direction ) { - - case "right": - if ( !this.scrollBorder.x ) { - coordinates.x = Math.round((x - this.scrollBorder.x) / 5 ); - return coordinates; - } - break; - - case "left": - if ( (this.pagesCount - 1) * this.pageDimentions.width <= this.scrollBorder.x ) { - coordinates.x = Math.round( - ((Math.ceil(this.pagesCount) - 1) * (this.pageDimentions.width + this.settings.borderBetweenPages)) + x / 5 ); - return coordinates; - } - break; - - case "down": - if ( !this.scrollBorder.y ) { - coordinates.y = Math.round( (y - this.scrollBorder.y) / 5 ); - return coordinates; - } - break; - - case "up": - if ( (this.pagesCount - 1) * this.pageDimentions.height <= this.scrollBorder.y ) { - coordinates.y = Math.round( - ((Math.ceil(this.pagesCount) - 1) * (this.pageDimentions.height + this.settings.borderBetweenPages)) + y / 5 ); - return coordinates; - } - break; - } - - return { - x: x - this.scrollBorder.x, - y: y - this.scrollBorder.y, - overscroll: false - }; - }, - - // Observe - // - // Sets the observers for drag, resize and key events - - _observe: function() { - - addEventListener(this.container, startEvent, this._onStart); - this.container.onselectstart = falseFn; - this.container.ondragstart = falseFn; - - if ( this.settings.keyboardNavigation ) { - addEventListener(doc.body, "keydown", this._onKeydown); - } - - addEventListener(win, "resize", this._sizePages); - - }, - - - _onStart: function(event) { - - event = event.originalEvent || event; - - if (this.settings.stopPropagation) { - event.stopPropagation(); - } - - addEventListener(doc.body, moveEvent, this._onMove); - addEventListener(doc.body, endEvent, this._onEnd); - - this.startCoords = getCoords(event); - - this.settings.onDragStart.call( this, event ); - - }, - - _onMove: function( event ) { - - event = event.originalEvent || event; - - // Fix mobile vertical scrolling, credits go to ptisdel - var coords = getCoords(event), - x = this.startCoords.x - coords.x, - y = this.startCoords.y - coords.y; - if (Math.abs(y) > Math.abs(x)) return; - - // ensure swiping with one touch and not pinching - if ( event.touches && event.touches.length > 1 || event.scale && event.scale !== 1) return; - - if (this.settings.disableScroll) event.preventDefault(); - - if (this.settings.stopPropagation) { - event.stopPropagation(); - } - - var parsedEvent = this._parseEvent(event), - coordinates = this._checkOverscroll( parsedEvent.direction , - parsedEvent.distanceX, - parsedEvent.distanceY ); - - this.settings.onDrag.call( this, this.activeElement, parsedEvent, coordinates.overscroll, event ); - - if ( !this.preventScroll ) { - this._scroll( coordinates ); - } - }, - - _onEnd: function( event ) { - - event = event.originalEvent || event; - - if (this.settings.stopPropagation) { - event.stopPropagation(); - } - - var parsedEvent = this._parseEvent(event); - - this.startCoords = { x: 0, y: 0 }; - - if ( Math.abs(parsedEvent.distanceX) > this.settings.minDragDistance || Math.abs(parsedEvent.distanceY) > this.settings.minDragDistance) { - this.swipe( parsedEvent.direction ); - } else if (Math.abs(parsedEvent.distanceX) > 0 || Math.abs(parsedEvent.distanceY) > 0) { - this._scrollToPage(); - } - - this.settings.onDragEnd.call( this, this.container, this.activeElement, this.page + 1, event ); - - removeEventListener(doc.body, moveEvent, this._onMove); - removeEventListener(doc.body, endEvent, this._onEnd); - - }, - - _parseEvent: function( event ) { - var coords = getCoords(event), - x = this.startCoords.x - coords.x, - y = this.startCoords.y - coords.y; - - return this._addDistanceValues( x, y ); - }, - - _addDistanceValues: function( x, y ) { - var eventData = { - distanceX: 0, - distanceY: 0 - }; - - if ( this.settings.direction === "horizontal" ) { - eventData.distanceX = x; - eventData.direction = x > 0 ? "left" : "right"; - } else { - eventData.distanceY = y; - eventData.direction = y > 0 ? "up" : "down"; - } - - return eventData; - }, - - _onKeydown: function( event ) { - var direction = keycodes[event.keyCode]; - - if ( direction ) { - this._scrollToPage(direction); - } - }, - - _setHorizontalContainerCssValues: function() { - extend( this.pageCssProperties, { - "cssFloat" : "left", - "overflowY": "auto", - "overflowX": "hidden", - "padding" : 0, - "display" : "block" - }); - - setStyles(this.pageContainer, { - "overflow" : "hidden", - "width" : (this.pageDimentions.width + this.settings.borderBetweenPages) * this.pagesCount, - "boxSizing" : "content-box", - "-webkit-backface-visibility": "hidden", - "-webkit-perspective" : 1000, - "margin" : 0, - "padding" : 0 - }); - }, - - _setVerticalContainerCssValues: function() { - extend( this.pageCssProperties, { - "overflow": "hidden", - "padding" : 0, - "display" : "block" - }); - - setStyles(this.pageContainer, { - "padding-bottom" : this.settings.scribe, - "boxSizing" : "content-box", - "-webkit-backface-visibility" : "hidden", - "-webkit-perspective" : 1000, - "margin" : 0 - }); - }, - - setContainerCssValues: function(){ - if ( this.settings.direction === "horizontal") { - this._setHorizontalContainerCssValues(); - } else { - this._setVerticalContainerCssValues(); - } - }, - - // ### Calculate page dimentions - // - // Updates the page dimentions values - - _setPageDimentions: function() { - var width = this.container.offsetWidth, - height = this.container.offsetHeight; - - if ( this.settings.direction === "horizontal" ) { - width = width - parseInt( this.settings.scribe, 10 ); - } else { - height = height - parseInt( this.settings.scribe, 10 ); - } - - this.pageDimentions = { - width : width, - height: height - }; - - }, - - // ### Size pages - - _sizePages: function() { - - var pagesCount = this.pages.length; - - this._setPageDimentions(); - - this.setContainerCssValues(); - - if ( this.settings.direction === "horizontal" ) { - extend( this.pageCssProperties, { - height: this.pageDimentions.height, - width : this.pageDimentions.width / this.settings.itemsInPage - }); - } else { - extend( this.pageCssProperties, { - height: this.pageDimentions.height / this.settings.itemsInPage, - width : this.pageDimentions.width - }); - } - - for (var i = 0; i < pagesCount; i++) { - setStyles(this.pages[i], this.pageCssProperties); - } - - this._jumpToPage( "page", this.page ); - - }, - - // ### Callculate new page - // - // Update global values for specific swipe action - // - // Takes direction and, if specific page is used the pagenumber - - _calcNewPage: function( direction, pageNumber ) { - - var borderBetweenPages = this.settings.borderBetweenPages, - height = this.pageDimentions.height, - width = this.pageDimentions.width, - page = this.page; - - switch ( direction ) { - case "up": - if ( page < this.pagesCount - 1 ) { - this.scrollBorder.y = this.scrollBorder.y + height + borderBetweenPages; - this.page++; - } - break; - - case "down": - if ( page > 0 ) { - this.scrollBorder.y = this.scrollBorder.y - height - borderBetweenPages; - this.page--; - } - break; - - case "left": - if ( page < this.pagesCount - 1 ) { - this.scrollBorder.x = this.scrollBorder.x + width + borderBetweenPages; - this.page++; - } - break; - - case "right": - if ( page > 0 ) { - this.scrollBorder.x = this.scrollBorder.x - width - borderBetweenPages; - this.page--; - } - break; - - case "page": - switch ( this.settings.direction ) { - case "horizontal": - this.scrollBorder.x = (width + borderBetweenPages) * pageNumber; - break; - - case "vertical": - this.scrollBorder.y = (height + borderBetweenPages) * pageNumber; - break; - } - this.page = pageNumber; - break; - - default: - this.scrollBorder.y = 0; - this.scrollBorder.x = 0; - this.page = 0; - break; - } - }, - - // ### On swipe end - // - // Function called after the scroll animation ended - - _onSwipeEnd: function() { - this.preventScroll = false; - - this.activeElement = this.pages[this.page * this.settings.itemsInPage]; - - // Call onSwipeEnd callback function - this.settings.onSwipeEnd.call( this, this.container, this.activeElement, this.page + 1); - }, - - // Jump to page - // - // Jumps without a animantion to specific page. The page number is only - // necessary for the specific page direction - // - // Takes: - // Direction and pagenumber - - _jumpToPage: function( options, pageNumber ) { - - if ( options ) { - this._calcNewPage( options, pageNumber ); - } - - this._scroll({ - x: - this.scrollBorder.x, - y: - this.scrollBorder.y - }); - }, - - // Scroll to page - // - // Scrolls with a animantion to specific page. The page number is only necessary - // for the specific page direction - // - // Takes: - // Direction and pagenumber - - _scrollToPage: function( options, pageNumber ) { - this.preventScroll = true; - - if ( options ) this._calcNewPage( options, pageNumber ); - - this._animateScroll(); - }, - - // ### Scroll translate - // - // Animation when translate is supported - // - // Takes: - // x and y values to go with - - _scrollWithTransform: function ( coordinates ) { - var style = this.settings.direction === "horizontal" ? "translateX(" + coordinates.x + "px)" : "translateY(" + coordinates.y + "px)"; - - setStyles( this.pageContainer, { - "-webkit-transform": style, - "-moz-transform": style, - "-ms-transform": style, - "-o-transform": style, - "transform": style - }); - - }, - - // ### Animated scroll with translate support - - _animateScrollWithTransform: function() { - - var style = "transform " + this.settings.duration + "ms ease-out", - container = this.container, - afterScrollTransform = this._afterScrollTransform; - - setStyles( this.pageContainer, { - "-webkit-transition": "-webkit-" + style, - "-moz-transition": "-moz-" + style, - "-ms-transition": "-ms-" + style, - "-o-transition": "-o-" + style, - "transition": style - }); - - this._scroll({ - x: - this.scrollBorder.x, - y: - this.scrollBorder.y - }); - - addEventListener(this.container, "webkitTransitionEnd", afterScrollTransform); - addEventListener(this.container, "oTransitionEnd", afterScrollTransform); - addEventListener(this.container, "transitionend", afterScrollTransform); - addEventListener(this.container, "transitionEnd", afterScrollTransform); - - }, - - _afterScrollTransform: function() { - - var container = this.container, - afterScrollTransform = this._afterScrollTransform; - - this._onSwipeEnd(); - - removeEventListener(container, "webkitTransitionEnd", afterScrollTransform); - removeEventListener(container, "oTransitionEnd", afterScrollTransform); - removeEventListener(container, "transitionend", afterScrollTransform); - removeEventListener(container, "transitionEnd", afterScrollTransform); - - setStyles( this.pageContainer, { - "-webkit-transition": "", - "-moz-transition": "", - "-ms-transition": "", - "-o-transition": "", - "transition": "" - }); - - }, - - // ### Scroll fallback - // - // Animation lookup table when translate isn't supported - // - // Takes: - // x and y values to go with - - _scrollWithoutTransform: function( coordinates ) { - var styles = this.settings.direction === "horizontal" ? { "marginLeft": coordinates.x } : { "marginTop": coordinates.y }; - - setStyles(this.pageContainer, styles); - }, - - // ### Animated scroll without translate support - - _animateScrollWithoutTransform: function() { - var property = this.settings.direction === "horizontal" ? "marginLeft" : "marginTop", - value = this.settings.direction === "horizontal" ? - this.scrollBorder.x : - this.scrollBorder.y; - - animate( this.pageContainer, property, value, this.settings.duration, proxy( this._onSwipeEnd, this )); - - }, - - // Public functions - // ================ - - swipe: function( direction ) { - // Call onSwipeStart callback function - this.settings.onSwipeStart.call( this, this.container, this.activeElement, this.page + 1, direction ); - this._scrollToPage( direction ); - }, - - updateInstance: function( settings ) { - - settings = settings || {}; - - if ( typeof settings === "object" ) extend( this.settings, settings ); - - this.pages = getElementsByClassName(this.settings.pageClass, this.pageContainer); - - if (this.pages.length) { - this.pagesCount = this.pages.length / this.settings.itemsInPage; - } else { - throw new Error(errors.pages); - } - - this.page = this.settings.page - 1; - - this.activeElement = this.pages[this.page * this.settings.itemsInPage]; - this._sizePages(); - - if ( this.settings.jumpToPage ) { - this.jumpToPage( settings.jumpToPage ); - delete this.settings.jumpToPage; - } - - if ( this.settings.scrollToPage ) { - this.scrollToPage( this.settings.scrollToPage ); - delete this.settings.scrollToPage; - } - - if (this.settings.destroy) { - this.destroy(); - delete this.settings.destroy; - } - - }, - - destroy: function() { - - var container = this.container; - - removeEventListener(container, startEvent); - removeEventListener(container, moveEvent); - removeEventListener(container, endEvent); - removeEventListener(doc.body, "keydown", this._onKeydown); - removeEventListener(win, "resize", this._sizePages); - - container.removeAttribute("style"); - - for (var i = 0; i < this.pages.length; i++) { - this.pages[i].removeAttribute("style"); - } - - container.innerHTML = this.pageContainer.innerHTML; - - }, - - scrollToPage: function( page ) { - this._scrollToPage( "page", page - 1); - }, - - jumpToPage: function( page ) { - this._jumpToPage( "page", page - 1); - } - - }); - - if ( $ ) { - - // Register jQuery plugin - $.fn.dragend = function( settings ) { - - settings = settings || {}; - - this.each(function() { - var instance = $(this).data( "dragend" ); - - // check if instance already created - if ( instance ) { - instance.updateInstance( settings ); - } else { - instance = new Dragend( this, settings ); - $(this).data( "dragend", instance ); - } - - // check if should trigger swipe - if ( typeof settings === "string" ) instance.swipe( settings ); - - }); - - // jQuery functions should always return the instance - return this; - }; - - } - - return Dragend; - - } - - if ( typeof define == 'function' && typeof define.amd == 'object' && define.amd ) { - define(function() { - return init( win.jQuery || win.Zepto ); - }); - } else { - win.Dragend = init( win.jQuery || win.Zepto ); - } - -})( window ); diff --git a/examples/components/lists-example/teste.html b/examples/components/lists-example/teste.html deleted file mode 100644 index 9a1bdb0d..00000000 --- a/examples/components/lists-example/teste.html +++ /dev/null @@ -1,80 +0,0 @@ -
-
- This div is draggable -
-
-
-
-
- - - - \ No newline at end of file diff --git a/examples/components/tabs-example/index.html b/examples/components/tabs-example/index.html index bef2685d..995157da 100644 --- a/examples/components/tabs-example/index.html +++ b/examples/components/tabs-example/index.html @@ -10,34 +10,11 @@ - -
-
- -
-

Side Panel

-
-
-
- -
-
- - -
- -
-

Tabss 1

+

Tabs 1

-
- - - - - -
- - - - - - -
- -
- - -

Como funciona?

-

Marque as ofertas de interesse, elas serão agrupadas aqui formando uma lista de compras. Quando - você decidir sair para comprar, basta marcar os itens já adquiridos.

- -

Tudo rápido, fácil e sem complicação.

- - -
- -
- - -
    -
  • -

    Você ainda não selecionou os produtos da sua lista de compras! Comece agora

    -
    • -
- - -
- -
- - -
- - - - - + +