Fix login form not switchable
This commit is contained in:
christianesperar
parent
5c3a379f96
commit
b60a6c08fd
|
|
@ -72,6 +72,7 @@
|
|||
"pdfmake": "^0.1.20",
|
||||
"jszip": "Stuk/jszip#v2.6.0",
|
||||
"echarts": "^3.1.7",
|
||||
"malihu-custom-scrollbar-plugin": "^3.1.3"
|
||||
"malihu-custom-scrollbar-plugin": "^3.1.3",
|
||||
"animate.css": "^3.5.1"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3490,35 +3490,37 @@ ul.project_files li a i {
|
|||
|
||||
/* ********* /ecommerce **************************** */
|
||||
|
||||
/********* login ****************/
|
||||
|
||||
/** login **/
|
||||
.login {
|
||||
background:#F7F7F7;
|
||||
}
|
||||
.login .fa-paw {
|
||||
font-size: 26px;
|
||||
}
|
||||
a.hiddenanchor {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/** The wrapper that will contain our two forms **/
|
||||
|
||||
#wrapper {
|
||||
.login_wrapper {
|
||||
right: 0px;
|
||||
margin: 0px auto;
|
||||
margin-top: 5%;
|
||||
max-width: 350px;
|
||||
position: relative;
|
||||
}
|
||||
#register, #login {
|
||||
.registration_form, .login_form {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
#register {
|
||||
.registration_form {
|
||||
z-index: 21;
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
}
|
||||
#login {
|
||||
.login_form {
|
||||
z-index: 22;
|
||||
}
|
||||
#toregister:target ~ #wrapper #register, #tologin:target ~ #wrapper #login {
|
||||
#signup:target ~ .login_wrapper .registration_form, #signin:target ~ .login_wrapper .login_form {
|
||||
z-index: 22;
|
||||
-webkit-animation-name: fadeInLeft;
|
||||
-moz-animation-name: fadeInLeft;
|
||||
|
|
@ -3531,16 +3533,13 @@ a.hiddenanchor {
|
|||
-ms-animation-delay: .1s;
|
||||
animation-delay: .1s;
|
||||
}
|
||||
#toregister:target ~ #wrapper #login, #tologin:target ~ #wrapper #register {
|
||||
#signup:target ~ .login_wrapper .login_form, #signin:target ~ .login_wrapper .registration_form {
|
||||
-webkit-animation-name: fadeOutLeft;
|
||||
-moz-animation-name: fadeOutLeft;
|
||||
-ms-animation-name: fadeOutLeft;
|
||||
-o-animation-name: fadeOutLeft;
|
||||
animation-name: fadeOutLeft;
|
||||
}
|
||||
|
||||
/** the actual animation, credit where due : http://daneden.me/animate/ ***/
|
||||
|
||||
.animate {
|
||||
-webkit-animation-duration: 0.5s;
|
||||
-webkit-animation-timing-function: ease;
|
||||
|
|
@ -3558,12 +3557,9 @@ a.hiddenanchor {
|
|||
animation-timing-function: ease;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
/** /login **/
|
||||
|
||||
/********* /login ***************/
|
||||
|
||||
|
||||
/********** sign in ***************************/
|
||||
|
||||
/** signup **/
|
||||
.login_box {
|
||||
padding: 20px;
|
||||
margin: auto;
|
||||
|
|
@ -3754,8 +3750,7 @@ a.hiddenanchor {
|
|||
header {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/********** end of sign in ********************/
|
||||
/** signup **/
|
||||
|
||||
|
||||
/* ********* start nprogress **************************** */
|
||||
|
|
|
|||
|
|
@ -13,18 +13,20 @@
|
|||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Font Awesome -->
|
||||
<link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
<!-- Animate.css -->
|
||||
<link href="https://colorlib.com/polygon/gentelella/css/animate.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Custom Theme Style -->
|
||||
<link href="css/custom.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body style="background:#F7F7F7;">
|
||||
<div class="">
|
||||
<a class="hiddenanchor" id="toregister"></a>
|
||||
<a class="hiddenanchor" id="tologin"></a>
|
||||
<body class="login">
|
||||
<div>
|
||||
<a class="hiddenanchor" id="signup"></a>
|
||||
<a class="hiddenanchor" id="signin"></a>
|
||||
|
||||
<div id="wrapper">
|
||||
<div id="login" class=" form">
|
||||
<div class="login_wrapper">
|
||||
<div class="animate form login_form">
|
||||
<section class="login_content">
|
||||
<form>
|
||||
<h1>Login Form</h1>
|
||||
|
|
@ -38,25 +40,27 @@
|
|||
<a class="btn btn-default submit" href="index.html">Log in</a>
|
||||
<a class="reset_pass" href="#">Lost your password?</a>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="separator">
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="separator">
|
||||
<p class="change_link">New to site?
|
||||
<a href="#toregister" class="to_register"> Create Account </a>
|
||||
<a href="#signup" class="to_register"> Create Account </a>
|
||||
</p>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<br />
|
||||
<div>
|
||||
<h1><i class="fa fa-paw" style="font-size: 26px;"></i> Gentelella Alela!</h1>
|
||||
|
||||
<p>©2015 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p>
|
||||
<div>
|
||||
<h1><i class="fa fa-paw"></i> Gentelella Alela!</h1>
|
||||
<p>©2016 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div id="register" class=" form">
|
||||
<div id="register" class="animate form registration_form">
|
||||
<section class="login_content">
|
||||
<form>
|
||||
<h1>Create Account</h1>
|
||||
|
|
@ -72,18 +76,20 @@
|
|||
<div>
|
||||
<a class="btn btn-default submit" href="index.html">Submit</a>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="separator">
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="separator">
|
||||
<p class="change_link">Already a member ?
|
||||
<a href="#tologin" class="to_register"> Log in </a>
|
||||
<a href="#signin" class="to_register"> Log in </a>
|
||||
</p>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<br />
|
||||
<div>
|
||||
<h1><i class="fa fa-paw" style="font-size: 26px;"></i> Gentelella Alela!</h1>
|
||||
|
||||
<p>©2015 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p>
|
||||
<div>
|
||||
<h1><i class="fa fa-paw"></i> Gentelella Alela!</h1>
|
||||
<p>©2016 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,24 @@
|
|||
{
|
||||
"name": "animate.css",
|
||||
"main": "./animate.css",
|
||||
"ignore": [
|
||||
".*",
|
||||
"source",
|
||||
"*.yml",
|
||||
"Gemfile",
|
||||
"Gemfile.lock",
|
||||
"*.md"
|
||||
],
|
||||
"homepage": "https://github.com/daneden/animate.css",
|
||||
"version": "3.5.1",
|
||||
"_release": "3.5.1",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "3.5.1",
|
||||
"commit": "c7084f820bf65063b4e3fb6293ffe5df9eed1398"
|
||||
},
|
||||
"_source": "https://github.com/daneden/animate.css.git",
|
||||
"_target": "^3.5.1",
|
||||
"_originalSource": "animate.css",
|
||||
"_direct": true
|
||||
}
|
||||
|
|
@ -0,0 +1,120 @@
|
|||
{
|
||||
|
||||
"attention_seekers": [
|
||||
"bounce",
|
||||
"flash",
|
||||
"pulse",
|
||||
"rubberBand",
|
||||
"shake",
|
||||
"headShake",
|
||||
"swing",
|
||||
"tada",
|
||||
"wobble",
|
||||
"jello"
|
||||
],
|
||||
|
||||
"bouncing_entrances": [
|
||||
"bounceIn",
|
||||
"bounceInDown",
|
||||
"bounceInLeft",
|
||||
"bounceInRight",
|
||||
"bounceInUp"
|
||||
],
|
||||
|
||||
"bouncing_exits": [
|
||||
"bounceOut",
|
||||
"bounceOutDown",
|
||||
"bounceOutLeft",
|
||||
"bounceOutRight",
|
||||
"bounceOutUp"
|
||||
],
|
||||
|
||||
"fading_entrances": [
|
||||
"fadeIn",
|
||||
"fadeInDown",
|
||||
"fadeInDownBig",
|
||||
"fadeInLeft",
|
||||
"fadeInLeftBig",
|
||||
"fadeInRight",
|
||||
"fadeInRightBig",
|
||||
"fadeInUp",
|
||||
"fadeInUpBig"
|
||||
],
|
||||
|
||||
"fading_exits": [
|
||||
"fadeOut",
|
||||
"fadeOutDown",
|
||||
"fadeOutDownBig",
|
||||
"fadeOutLeft",
|
||||
"fadeOutLeftBig",
|
||||
"fadeOutRight",
|
||||
"fadeOutRightBig",
|
||||
"fadeOutUp",
|
||||
"fadeOutUpBig"
|
||||
],
|
||||
|
||||
"flippers": [
|
||||
"flip",
|
||||
"flipInX",
|
||||
"flipInY",
|
||||
"flipOutX",
|
||||
"flipOutY"
|
||||
],
|
||||
|
||||
"lightspeed": [
|
||||
"lightSpeedIn",
|
||||
"lightSpeedOut"
|
||||
],
|
||||
|
||||
"rotating_entrances": [
|
||||
"rotateIn",
|
||||
"rotateInDownLeft",
|
||||
"rotateInDownRight",
|
||||
"rotateInUpLeft",
|
||||
"rotateInUpRight"
|
||||
],
|
||||
|
||||
"rotating_exits": [
|
||||
"rotateOut",
|
||||
"rotateOutDownLeft",
|
||||
"rotateOutDownRight",
|
||||
"rotateOutUpLeft",
|
||||
"rotateOutUpRight"
|
||||
],
|
||||
|
||||
"specials": [
|
||||
"hinge",
|
||||
"rollIn",
|
||||
"rollOut"
|
||||
],
|
||||
|
||||
"zooming_entrances": [
|
||||
"zoomIn",
|
||||
"zoomInDown",
|
||||
"zoomInLeft",
|
||||
"zoomInRight",
|
||||
"zoomInUp"
|
||||
],
|
||||
|
||||
"zooming_exits": [
|
||||
"zoomOut",
|
||||
"zoomOutDown",
|
||||
"zoomOutLeft",
|
||||
"zoomOutRight",
|
||||
"zoomOutUp"
|
||||
],
|
||||
|
||||
"sliding_entrances": [
|
||||
"slideInDown",
|
||||
"slideInLeft",
|
||||
"slideInRight",
|
||||
"slideInUp"
|
||||
],
|
||||
|
||||
"sliding_exits": [
|
||||
"slideOutDown",
|
||||
"slideOutLeft",
|
||||
"slideOutRight",
|
||||
"slideOutUp"
|
||||
]
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,12 @@
|
|||
{
|
||||
"name": "animate.css",
|
||||
"main": "./animate.css",
|
||||
"ignore": [
|
||||
".*",
|
||||
"source",
|
||||
"*.yml",
|
||||
"Gemfile",
|
||||
"Gemfile.lock",
|
||||
"*.md"
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
// Utilities
|
||||
var fs = require('fs');
|
||||
|
||||
// Gulp
|
||||
var gulp = require('gulp');
|
||||
|
||||
// Gulp plugins
|
||||
var gutil = require('gulp-util');
|
||||
var concat = require('gulp-concat');
|
||||
var header = require('gulp-header');
|
||||
var autoprefixer = require('gulp-autoprefixer');
|
||||
var runSequence = require('run-sequence');
|
||||
var minify = require('gulp-cssnano');
|
||||
var rename = require('gulp-rename');
|
||||
|
||||
// Misc/global vars
|
||||
var pkg = JSON.parse(fs.readFileSync('package.json'));
|
||||
var activatedAnimations = activateAnimations();
|
||||
|
||||
// Task options
|
||||
var opts = {
|
||||
destPath: './',
|
||||
concatName: 'animate.css',
|
||||
|
||||
autoprefixer: {
|
||||
browsers: ['last 2 versions'],
|
||||
cascade: false
|
||||
},
|
||||
|
||||
minRename: {
|
||||
suffix: '.min'
|
||||
},
|
||||
|
||||
banner: [
|
||||
'@charset "UTF-8";\n',
|
||||
'/*!',
|
||||
' * <%= name %> -<%= homepage %>',
|
||||
' * Version - <%= version %>',
|
||||
' * Licensed under the MIT license - http://opensource.org/licenses/MIT',
|
||||
' *',
|
||||
' * Copyright (c) <%= new Date().getFullYear() %> <%= author.name %>',
|
||||
' */\n\n'
|
||||
].join('\n')
|
||||
};
|
||||
|
||||
// ----------------------------
|
||||
// Gulp task definitions
|
||||
// ----------------------------
|
||||
|
||||
gulp.task('default', function() {
|
||||
runSequence('createCSS', 'addHeader');
|
||||
});
|
||||
|
||||
gulp.task('createCSS', function() {
|
||||
return gulp.src(activatedAnimations)
|
||||
.pipe(concat(opts.concatName))
|
||||
.pipe(autoprefixer(opts.autoprefixer))
|
||||
.pipe(gulp.dest(opts.destPath))
|
||||
.pipe(rename(opts.minRename))
|
||||
.pipe(minify({reduceIdents: {keyframes: false}}))
|
||||
.pipe(gulp.dest(opts.destPath));
|
||||
});
|
||||
|
||||
gulp.task('addHeader', function() {
|
||||
return gulp.src('*.css')
|
||||
.pipe(header(opts.banner, pkg))
|
||||
.pipe(gulp.dest(opts.destPath));
|
||||
});
|
||||
|
||||
// ----------------------------
|
||||
// Helpers/functions
|
||||
// ----------------------------
|
||||
|
||||
// Read the config file and return an array of the animations to be activated
|
||||
function activateAnimations() {
|
||||
var categories = JSON.parse(fs.readFileSync('animate-config.json')),
|
||||
category, files, file,
|
||||
target = [ 'source/_base.css' ],
|
||||
count = 0;
|
||||
|
||||
for (category in categories) {
|
||||
if (categories.hasOwnProperty(category)) {
|
||||
files = categories[category];
|
||||
|
||||
for (var i = 0; i < files.length; ++i) {
|
||||
target.push('source/' + category + '/' + files[i] + '.css');
|
||||
count += 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!count) {
|
||||
gutil.log('No animations activated.');
|
||||
} else {
|
||||
gutil.log(count + (count > 1 ? ' animations' : ' animation') + ' activated.');
|
||||
}
|
||||
|
||||
return target;
|
||||
}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
{
|
||||
"name": "animate.css",
|
||||
"version": "3.5.0",
|
||||
"main": "animate.css",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/daneden/animate.css.git"
|
||||
},
|
||||
"author": {
|
||||
"name": "Daniel Eden"
|
||||
},
|
||||
"homepage": "http://daneden.me/animate",
|
||||
"license": "MIT",
|
||||
"style": "./animate.css",
|
||||
"jspm": {
|
||||
"main": "animate.css!",
|
||||
"format": "global",
|
||||
"directories": {
|
||||
"lib": "./"
|
||||
}
|
||||
},
|
||||
"devDependencies": {
|
||||
"gulp": "^3.9.0",
|
||||
"gulp-autoprefixer": "^3.1.0",
|
||||
"gulp-concat": "^2.6.0",
|
||||
"gulp-cssnano": "^2.0.0",
|
||||
"gulp-header": "^1.7.1",
|
||||
"gulp-rename": "^1.2.2",
|
||||
"gulp-util": "^3.0.7",
|
||||
"run-sequence": "^1.1.5"
|
||||
},
|
||||
"spm": {
|
||||
"main": "./animate.css"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
{
|
||||
"name": "jquery-mousewheel",
|
||||
"version": "3.1.13",
|
||||
"main": "./jquery.mousewheel.js",
|
||||
"ignore": [
|
||||
"*.json",
|
||||
"*.markdown",
|
||||
"*.txt",
|
||||
".*",
|
||||
"!LICENSE.txt",
|
||||
"Gruntfile.js",
|
||||
"test"
|
||||
],
|
||||
"dependencies": {
|
||||
"jquery": ">=1.2.2"
|
||||
},
|
||||
"homepage": "https://github.com/jquery/jquery-mousewheel",
|
||||
"_release": "3.1.13",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "3.1.13",
|
||||
"commit": "67289b6b2aa0066d7d78a5807f520387135ffb22"
|
||||
},
|
||||
"_source": "https://github.com/jquery/jquery-mousewheel.git",
|
||||
"_target": ">=3.0.6",
|
||||
"_originalSource": "jquery-mousewheel"
|
||||
}
|
||||
|
|
@ -0,0 +1,147 @@
|
|||
# Mouse Wheel ChangeLog
|
||||
|
||||
## 3.1.13
|
||||
|
||||
* Update copyright notice and license to remove years
|
||||
* Create the correct compressed version
|
||||
* Remove the obsolete jQuery Plugin Registry file
|
||||
|
||||
## 3.1.12
|
||||
|
||||
* Fix possible 0 value for line height when in delta mode 1
|
||||
|
||||
## 3.1.11
|
||||
|
||||
* Fix version number for package managers...
|
||||
|
||||
## 3.1.10
|
||||
|
||||
* Fix issue with calculating line height when using older versions of jQuery
|
||||
* Add offsetX/Y normalization with setting to turn it off
|
||||
* Cleans up data on teardown
|
||||
|
||||
## 3.1.9
|
||||
|
||||
* Fix bower.json file
|
||||
* Updated how the deltas are adjusted for older mousewheel based events that have deltas that are factors of 120.
|
||||
* Add $.event.special.mousewheel.settings.adjustOldDeltas (defaults to true) to turn off adjusting of old deltas that are factors of 120. You'd turn this off if you want to be as close to native scrolling as possible.
|
||||
|
||||
## 3.1.8
|
||||
|
||||
* Even better handling of older browsers that use a wheelDelta based on 120
|
||||
* And fix version reported by `$.event.special.mousewheel`
|
||||
|
||||
## 3.1.7
|
||||
|
||||
* Better handle the `deltaMode` values 1 (lines) and 2 (pages)
|
||||
* Attempt to better handle older browsers that use a wheelDelta based on 120
|
||||
|
||||
## 3.1.6
|
||||
|
||||
* Deprecating `delta`, `deltaX`, and `deltaY` event handler arguments
|
||||
* Update actual event object with normalized `deltaX `and `deltaY` values (`event.deltaX`, `event.deltaY`)
|
||||
* Add `deltaFactor` to the event object (`event.deltaFactor`)
|
||||
* Handle `> 0` but `< 1` deltas better
|
||||
* Do not fire the event if `deltaX` and `deltaY` are `0`
|
||||
* Better handle different devices that give different `lowestDelta` values
|
||||
* Add `$.event.special.mousewheel.version`
|
||||
* Some clean up
|
||||
|
||||
## 3.1.5
|
||||
|
||||
* Bad release because I did not update the new `$.event.special.mousewheel.version`
|
||||
|
||||
## 3.1.4
|
||||
|
||||
* Always set the `deltaY`
|
||||
* Add back in the `deltaX` and `deltaY` support for older Firefox versions
|
||||
|
||||
## 3.1.3
|
||||
|
||||
* Include `MozMousePixelScroll` in the to fix list to avoid inconsistent behavior in older Firefox
|
||||
|
||||
## 3.1.2
|
||||
|
||||
* Include grunt utilities for development purposes (jshint and uglify)
|
||||
* Include support for browserify
|
||||
* Some basic cleaning up
|
||||
|
||||
## 3.1.1
|
||||
|
||||
* Fix rounding issue with deltas less than zero
|
||||
|
||||
|
||||
## 3.1.0
|
||||
|
||||
* Fix Firefox 17+ issues by using new wheel event
|
||||
* Normalize delta values
|
||||
* Adds horizontal support for IE 9+ by using new wheel event
|
||||
* Support AMD loaders
|
||||
|
||||
|
||||
## 3.0.6
|
||||
|
||||
* Fix issue with delta being 0 in Firefox
|
||||
|
||||
|
||||
## 3.0.5
|
||||
|
||||
* jQuery 1.7 compatibility
|
||||
|
||||
|
||||
## 3.0.4
|
||||
|
||||
* Fix IE issue
|
||||
|
||||
|
||||
## 3.0.3
|
||||
|
||||
* Added `deltaX` and `deltaY` for horizontal scrolling support (Thanks to Seamus Leahy)
|
||||
|
||||
|
||||
## 3.0.2
|
||||
|
||||
* Fixed delta being opposite value in latest Opera
|
||||
* No longer fix `pageX`, `pageY` for older Mozilla browsers
|
||||
* Removed browser detection
|
||||
* Cleaned up the code
|
||||
|
||||
|
||||
## 3.0.1
|
||||
|
||||
* Bad release... creating a new release due to plugins.jquery.com issue :(
|
||||
|
||||
|
||||
## 3.0
|
||||
|
||||
* Uses new special events API in jQuery 1.2.2+
|
||||
* You can now treat `mousewheel` as a normal event and use `.bind`, `.unbind` and `.trigger`
|
||||
* Using jQuery.data API for expandos
|
||||
|
||||
|
||||
## 2.2
|
||||
|
||||
* Fixed `pageX`, `pageY`, `clientX` and `clientY` event properties for Mozilla based browsers
|
||||
|
||||
|
||||
## 2.1.1
|
||||
|
||||
* Updated to work with jQuery 1.1.3
|
||||
* Used one instead of bind to do unload event for clean up
|
||||
|
||||
|
||||
## 2.1
|
||||
|
||||
* Fixed an issue with the unload handler
|
||||
|
||||
|
||||
## 2.0
|
||||
|
||||
* Major reduction in code size and complexity (internals have change a whole lot)
|
||||
|
||||
|
||||
## 1.0
|
||||
|
||||
* Fixed Opera issue
|
||||
* Fixed an issue with children elements that also have a mousewheel handler
|
||||
* Added ability to handle multiple handlers
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
Copyright jQuery Foundation and other contributors
|
||||
https://jquery.org/
|
||||
|
||||
This software consists of voluntary contributions made by many
|
||||
individuals. For exact contribution history, see the revision history
|
||||
available at https://github.com/jquery/jquery-mousewheel
|
||||
|
||||
The following license applies to all parts of this software except as
|
||||
documented below:
|
||||
|
||||
====
|
||||
|
||||
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.
|
||||
|
||||
====
|
||||
|
||||
All files located in the node_modules and external directories are
|
||||
externally maintained libraries used by this software which have their
|
||||
own licenses; we recommend you read them, as their terms may differ from
|
||||
the terms above.
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
# jQuery Mouse Wheel Plugin
|
||||
|
||||
A [jQuery](http://jquery.com/) plugin that adds cross-browser mouse wheel support with delta normalization.
|
||||
|
||||
In order to use the plugin, simply bind the `mousewheel` event to an element.
|
||||
|
||||
It also provides two helper methods called `mousewheel` and `unmousewheel`
|
||||
that act just like other event helper methods in jQuery.
|
||||
|
||||
The event object is updated with the normalized `deltaX` and `deltaY` properties.
|
||||
In addition there is a new property on the event object called `deltaFactor`. Multiply
|
||||
the `deltaFactor` by `deltaX` or `deltaY` to get the scroll distance that the browser
|
||||
has reported.
|
||||
|
||||
Here is an example of using both the bind and helper method syntax:
|
||||
|
||||
```js
|
||||
// using on
|
||||
$('#my_elem').on('mousewheel', function(event) {
|
||||
console.log(event.deltaX, event.deltaY, event.deltaFactor);
|
||||
});
|
||||
|
||||
// using the event helper
|
||||
$('#my_elem').mousewheel(function(event) {
|
||||
console.log(event.deltaX, event.deltaY, event.deltaFactor);
|
||||
});
|
||||
```
|
||||
|
||||
The old behavior of adding three arguments (`delta`, `deltaX`, and `deltaY`) to the
|
||||
event handler is now deprecated and will be removed in later releases.
|
||||
|
||||
|
||||
## The Deltas...
|
||||
|
||||
The combination of Browsers, Operating Systems, and Devices offer a huge range of possible delta values. In fact if the user
|
||||
uses a trackpad and then a physical mouse wheel the delta values can differ wildly. This plugin normalizes those
|
||||
values so you get a whole number starting at +-1 and going up in increments of +-1 according to the force or
|
||||
acceleration that is used. This number has the potential to be in the thousands depending on the device.
|
||||
Check out some of the data collected from users [here](http://mousewheeldatacollector.herokuapp.com/).
|
||||
|
||||
### Getting the scroll distance
|
||||
|
||||
In some use-cases we prefer to have the normalized delta but in others we want to know how far the browser should
|
||||
scroll based on the users input. This can be done by multiplying the `deltaFactor` by the `deltaX` or `deltaY`
|
||||
event property to find the scroll distance the browser reported.
|
||||
|
||||
The `deltaFactor` property was added to the event object in 3.1.5 so that the actual reported delta value can be
|
||||
extracted. This is a non-standard property.
|
||||
|
||||
|
||||
## Using with [Browserify](http://browserify.org)
|
||||
|
||||
Support for browserify is baked in.
|
||||
|
||||
```bash
|
||||
npm install jquery-mousewheel
|
||||
npm install jquery-browserify
|
||||
```
|
||||
|
||||
In your server-side node.js code:
|
||||
|
||||
```js
|
||||
var express = require('express');
|
||||
var app = express.createServer();
|
||||
|
||||
app.use(require('browserify')({
|
||||
require : [ 'jquery-browserify', 'jquery-mousewheel' ]
|
||||
}));
|
||||
```
|
||||
|
||||
In your browser-side javascript:
|
||||
|
||||
```js
|
||||
var $ = require('jquery-browserify');
|
||||
require('jquery-mousewheel')($);
|
||||
```
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
{
|
||||
"name": "jquery-mousewheel",
|
||||
"version": "3.1.13",
|
||||
"main": "./jquery.mousewheel.js",
|
||||
"ignore": [
|
||||
"*.json",
|
||||
"*.markdown",
|
||||
"*.txt",
|
||||
".*",
|
||||
"!LICENSE.txt",
|
||||
"Gruntfile.js",
|
||||
"test"
|
||||
],
|
||||
"dependencies": {
|
||||
"jquery": ">=1.2.2"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,221 @@
|
|||
/*!
|
||||
* jQuery Mousewheel 3.1.13
|
||||
*
|
||||
* Copyright jQuery Foundation and other contributors
|
||||
* Released under the MIT license
|
||||
* http://jquery.org/license
|
||||
*/
|
||||
|
||||
(function (factory) {
|
||||
if ( typeof define === 'function' && define.amd ) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory);
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node/CommonJS style for Browserify
|
||||
module.exports = factory;
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function ($) {
|
||||
|
||||
var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'],
|
||||
toBind = ( 'onwheel' in document || document.documentMode >= 9 ) ?
|
||||
['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'],
|
||||
slice = Array.prototype.slice,
|
||||
nullLowestDeltaTimeout, lowestDelta;
|
||||
|
||||
if ( $.event.fixHooks ) {
|
||||
for ( var i = toFix.length; i; ) {
|
||||
$.event.fixHooks[ toFix[--i] ] = $.event.mouseHooks;
|
||||
}
|
||||
}
|
||||
|
||||
var special = $.event.special.mousewheel = {
|
||||
version: '3.1.12',
|
||||
|
||||
setup: function() {
|
||||
if ( this.addEventListener ) {
|
||||
for ( var i = toBind.length; i; ) {
|
||||
this.addEventListener( toBind[--i], handler, false );
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = handler;
|
||||
}
|
||||
// Store the line height and page height for this particular element
|
||||
$.data(this, 'mousewheel-line-height', special.getLineHeight(this));
|
||||
$.data(this, 'mousewheel-page-height', special.getPageHeight(this));
|
||||
},
|
||||
|
||||
teardown: function() {
|
||||
if ( this.removeEventListener ) {
|
||||
for ( var i = toBind.length; i; ) {
|
||||
this.removeEventListener( toBind[--i], handler, false );
|
||||
}
|
||||
} else {
|
||||
this.onmousewheel = null;
|
||||
}
|
||||
// Clean up the data we added to the element
|
||||
$.removeData(this, 'mousewheel-line-height');
|
||||
$.removeData(this, 'mousewheel-page-height');
|
||||
},
|
||||
|
||||
getLineHeight: function(elem) {
|
||||
var $elem = $(elem),
|
||||
$parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent']();
|
||||
if (!$parent.length) {
|
||||
$parent = $('body');
|
||||
}
|
||||
return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16;
|
||||
},
|
||||
|
||||
getPageHeight: function(elem) {
|
||||
return $(elem).height();
|
||||
},
|
||||
|
||||
settings: {
|
||||
adjustOldDeltas: true, // see shouldAdjustOldDeltas() below
|
||||
normalizeOffset: true // calls getBoundingClientRect for each event
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.extend({
|
||||
mousewheel: function(fn) {
|
||||
return fn ? this.bind('mousewheel', fn) : this.trigger('mousewheel');
|
||||
},
|
||||
|
||||
unmousewheel: function(fn) {
|
||||
return this.unbind('mousewheel', fn);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
function handler(event) {
|
||||
var orgEvent = event || window.event,
|
||||
args = slice.call(arguments, 1),
|
||||
delta = 0,
|
||||
deltaX = 0,
|
||||
deltaY = 0,
|
||||
absDelta = 0,
|
||||
offsetX = 0,
|
||||
offsetY = 0;
|
||||
event = $.event.fix(orgEvent);
|
||||
event.type = 'mousewheel';
|
||||
|
||||
// Old school scrollwheel delta
|
||||
if ( 'detail' in orgEvent ) { deltaY = orgEvent.detail * -1; }
|
||||
if ( 'wheelDelta' in orgEvent ) { deltaY = orgEvent.wheelDelta; }
|
||||
if ( 'wheelDeltaY' in orgEvent ) { deltaY = orgEvent.wheelDeltaY; }
|
||||
if ( 'wheelDeltaX' in orgEvent ) { deltaX = orgEvent.wheelDeltaX * -1; }
|
||||
|
||||
// Firefox < 17 horizontal scrolling related to DOMMouseScroll event
|
||||
if ( 'axis' in orgEvent && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
|
||||
deltaX = deltaY * -1;
|
||||
deltaY = 0;
|
||||
}
|
||||
|
||||
// Set delta to be deltaY or deltaX if deltaY is 0 for backwards compatabilitiy
|
||||
delta = deltaY === 0 ? deltaX : deltaY;
|
||||
|
||||
// New school wheel delta (wheel event)
|
||||
if ( 'deltaY' in orgEvent ) {
|
||||
deltaY = orgEvent.deltaY * -1;
|
||||
delta = deltaY;
|
||||
}
|
||||
if ( 'deltaX' in orgEvent ) {
|
||||
deltaX = orgEvent.deltaX;
|
||||
if ( deltaY === 0 ) { delta = deltaX * -1; }
|
||||
}
|
||||
|
||||
// No change actually happened, no reason to go any further
|
||||
if ( deltaY === 0 && deltaX === 0 ) { return; }
|
||||
|
||||
// Need to convert lines and pages to pixels if we aren't already in pixels
|
||||
// There are three delta modes:
|
||||
// * deltaMode 0 is by pixels, nothing to do
|
||||
// * deltaMode 1 is by lines
|
||||
// * deltaMode 2 is by pages
|
||||
if ( orgEvent.deltaMode === 1 ) {
|
||||
var lineHeight = $.data(this, 'mousewheel-line-height');
|
||||
delta *= lineHeight;
|
||||
deltaY *= lineHeight;
|
||||
deltaX *= lineHeight;
|
||||
} else if ( orgEvent.deltaMode === 2 ) {
|
||||
var pageHeight = $.data(this, 'mousewheel-page-height');
|
||||
delta *= pageHeight;
|
||||
deltaY *= pageHeight;
|
||||
deltaX *= pageHeight;
|
||||
}
|
||||
|
||||
// Store lowest absolute delta to normalize the delta values
|
||||
absDelta = Math.max( Math.abs(deltaY), Math.abs(deltaX) );
|
||||
|
||||
if ( !lowestDelta || absDelta < lowestDelta ) {
|
||||
lowestDelta = absDelta;
|
||||
|
||||
// Adjust older deltas if necessary
|
||||
if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) {
|
||||
lowestDelta /= 40;
|
||||
}
|
||||
}
|
||||
|
||||
// Adjust older deltas if necessary
|
||||
if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) {
|
||||
// Divide all the things by 40!
|
||||
delta /= 40;
|
||||
deltaX /= 40;
|
||||
deltaY /= 40;
|
||||
}
|
||||
|
||||
// Get a whole, normalized value for the deltas
|
||||
delta = Math[ delta >= 1 ? 'floor' : 'ceil' ](delta / lowestDelta);
|
||||
deltaX = Math[ deltaX >= 1 ? 'floor' : 'ceil' ](deltaX / lowestDelta);
|
||||
deltaY = Math[ deltaY >= 1 ? 'floor' : 'ceil' ](deltaY / lowestDelta);
|
||||
|
||||
// Normalise offsetX and offsetY properties
|
||||
if ( special.settings.normalizeOffset && this.getBoundingClientRect ) {
|
||||
var boundingRect = this.getBoundingClientRect();
|
||||
offsetX = event.clientX - boundingRect.left;
|
||||
offsetY = event.clientY - boundingRect.top;
|
||||
}
|
||||
|
||||
// Add information to the event object
|
||||
event.deltaX = deltaX;
|
||||
event.deltaY = deltaY;
|
||||
event.deltaFactor = lowestDelta;
|
||||
event.offsetX = offsetX;
|
||||
event.offsetY = offsetY;
|
||||
// Go ahead and set deltaMode to 0 since we converted to pixels
|
||||
// Although this is a little odd since we overwrite the deltaX/Y
|
||||
// properties with normalized deltas.
|
||||
event.deltaMode = 0;
|
||||
|
||||
// Add event and delta to the front of the arguments
|
||||
args.unshift(event, delta, deltaX, deltaY);
|
||||
|
||||
// Clearout lowestDelta after sometime to better
|
||||
// handle multiple device types that give different
|
||||
// a different lowestDelta
|
||||
// Ex: trackpad = 3 and mouse wheel = 120
|
||||
if (nullLowestDeltaTimeout) { clearTimeout(nullLowestDeltaTimeout); }
|
||||
nullLowestDeltaTimeout = setTimeout(nullLowestDelta, 200);
|
||||
|
||||
return ($.event.dispatch || $.event.handle).apply(this, args);
|
||||
}
|
||||
|
||||
function nullLowestDelta() {
|
||||
lowestDelta = null;
|
||||
}
|
||||
|
||||
function shouldAdjustOldDeltas(orgEvent, absDelta) {
|
||||
// If this is an older event and the delta is divisable by 120,
|
||||
// then we are assuming that the browser is treating this as an
|
||||
// older mouse wheel event and that we should divide the deltas
|
||||
// by 40 to try and get a more usable deltaFactor.
|
||||
// Side note, this actually impacts the reported scroll distance
|
||||
// in older browsers and can cause scrolling to be slower than native.
|
||||
// Turn this off by setting $.event.special.mousewheel.settings.adjustOldDeltas to false.
|
||||
return special.settings.adjustOldDeltas && orgEvent.type === 'mousewheel' && absDelta % 120 === 0;
|
||||
}
|
||||
|
||||
}));
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
/*!
|
||||
* jQuery Mousewheel 3.1.13
|
||||
*
|
||||
* Copyright 2015 jQuery Foundation and other contributors
|
||||
* Released under the MIT license.
|
||||
* http://jquery.org/license
|
||||
*/
|
||||
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a:a(jQuery)}(function(a){function b(b){var g=b||window.event,h=i.call(arguments,1),j=0,l=0,m=0,n=0,o=0,p=0;if(b=a.event.fix(g),b.type="mousewheel","detail"in g&&(m=-1*g.detail),"wheelDelta"in g&&(m=g.wheelDelta),"wheelDeltaY"in g&&(m=g.wheelDeltaY),"wheelDeltaX"in g&&(l=-1*g.wheelDeltaX),"axis"in g&&g.axis===g.HORIZONTAL_AXIS&&(l=-1*m,m=0),j=0===m?l:m,"deltaY"in g&&(m=-1*g.deltaY,j=m),"deltaX"in g&&(l=g.deltaX,0===m&&(j=-1*l)),0!==m||0!==l){if(1===g.deltaMode){var q=a.data(this,"mousewheel-line-height");j*=q,m*=q,l*=q}else if(2===g.deltaMode){var r=a.data(this,"mousewheel-page-height");j*=r,m*=r,l*=r}if(n=Math.max(Math.abs(m),Math.abs(l)),(!f||f>n)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=Math[j>=1?"floor":"ceil"](j/f),l=Math[l>=1?"floor":"ceil"](l/f),m=Math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeOffset&&this.getBoundingClientRect){var s=this.getBoundingClientRect();o=b.clientX-s.left,p=b.clientY-s.top}return b.deltaX=l,b.deltaY=m,b.deltaFactor=f,b.offsetX=o,b.offsetY=p,b.deltaMode=0,h.unshift(b,j,l,m),e&&clearTimeout(e),e=setTimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustOldDeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||document.documentMode>=9?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],i=Array.prototype.slice;if(a.event.fixHooks)for(var j=g.length;j;)a.event.fixHooks[g[--j]]=a.event.mouseHooks;var k=a.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var c=h.length;c;)this.addEventListener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getLineHeight(this)),a.data(this,"mousewheel-page-height",k.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var c=h.length;c;)this.removeEventListener(h[--c],b,!1);else this.onmousewheel=null;a.removeData(this,"mousewheel-line-height"),a.removeData(this,"mousewheel-page-height")},getLineHeight:function(b){var c=a(b),d=c["offsetParent"in a.fn?"offsetParent":"parent"]();return d.length||(d=a("body")),parseInt(d.css("fontSize"),10)||parseInt(c.css("fontSize"),10)||16},getPageHeight:function(b){return a(b).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})});
|
||||
|
|
@ -7,8 +7,7 @@
|
|||
"branch": "master",
|
||||
"commit": "7095ecf5f653dbcadbddb0d317b42e65fe091eae"
|
||||
},
|
||||
"_source": "git@github.com:darkskyapp/skycons.git",
|
||||
"_source": "https://github.com/darkskyapp/skycons.git",
|
||||
"_target": "*",
|
||||
"_originalSource": "git@github.com:darkskyapp/skycons.git",
|
||||
"_direct": true
|
||||
"_originalSource": "https://github.com/darkskyapp/skycons.git"
|
||||
}
|
||||
|
|
@ -8,8 +8,7 @@
|
|||
"tag": "1.0.6",
|
||||
"commit": "0d29600be602f2d77b37bc5bc601a0d2c4416b65"
|
||||
},
|
||||
"_source": "git@github.com:yairEO/validator.git",
|
||||
"_source": "https://github.com/yairEO/validator.git",
|
||||
"_target": "^1.0.6",
|
||||
"_originalSource": "git@github.com:yairEO/validator.git",
|
||||
"_direct": true
|
||||
"_originalSource": "https://github.com/yairEO/validator.git"
|
||||
}
|
||||
Loading…
Reference in New Issue