Added carrousel swipe

This commit is contained in:
vjrj 2018-01-25 15:54:51 +01:00
parent 5cf985aada
commit d39fcd7a14
3 changed files with 7 additions and 60 deletions

View file

@ -11,6 +11,7 @@ import PropTypes from 'prop-types';
import ReactResizeDetector from 'react-resize-detector';
import _ from 'lodash';
import 'html5-device-mockups/dist/device-mockups.min.css';
import 'bootstrap-carousel-swipe-haven/carousel-swipe';
import { isAnyMobile } from '/imports/ui/components/Utils/isMobile';
import SubscriptionEditor from '/imports/ui/components/SubscriptionEditor/SubscriptionEditor';
import SubscriptionsMap from '/imports/ui/pages/Subscriptions/SubscriptionsMap';
@ -68,21 +69,6 @@ class Index extends Component {
}
render() {
// https://github.com/subtirelumihail/react-fullpage
/* const fullPageOptions = {
* anchors: isAnyMobile ? ['home', 'crowdsourcing', 'users', 'participe', 'platforms'] : ['home', 'crowdsourcing', 'users', 'participe', 'fires', 'platforms'], // the anchors for each sections
* activeClass: 'active', // the class that is appended to the sections links
* arrowNavigation: true, // use arrow keys (true after development)
* className: 'section-container', // the class name for the section container
* delay: 1000, // the scroll animation speed
* navigation: true, // !isMobile, // use dots navigation
* scrollBar: isAnyMobile, // use the browser default scrollbar
* sectionClassName: 'section', // the section class name
* sectionPaddingTop: '20', // the section top padding
* sectionPaddingBottom: '0', // the section bottom padding
* verticalAlign: false // align the content of each section vertical
* }; */
return (
<div className="IndexDisabled full-width">
{/* https://v4-alpha.getbootstrap.com/components/carousel/ */}

49
package-lock.json generated
View file

@ -2138,6 +2138,11 @@
"hoek": "4.2.0"
}
},
"bootstrap-carousel-swipe-haven": {
"version": "0.0.7",
"resolved": "https://registry.npmjs.org/bootstrap-carousel-swipe-haven/-/bootstrap-carousel-swipe-haven-0.0.7.tgz",
"integrity": "sha512-Dd033dpeHuW35RQ/8v176aGaJZdr7VvzsGDb878ebU18D0J+v1aDj5MkDYurCEHGIBopbJUBxgO3SKt/jwL6lA=="
},
"brace-expansion": {
"version": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.7.tgz",
"integrity": "sha1-Pv/DxQ4ABTH7cg6v+A8K6O8jz1k=",
@ -9952,50 +9957,6 @@
}
}
},
"react-fullpage": {
"version": "0.1.18",
"resolved": "https://registry.npmjs.org/react-fullpage/-/react-fullpage-0.1.18.tgz",
"integrity": "sha512-/pIl16rwWygUHzo7qKoQeNmtmBR37RLxaI3IlAyl0nK0ZiqmeqrH4tvlPbf/YO7kti9WfuiQcFEeoDLZ484NlQ==",
"requires": {
"react": "15.3.2",
"react-dom": "15.3.2"
},
"dependencies": {
"js-tokens": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
"integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls="
},
"loose-envify": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz",
"integrity": "sha1-0aitM/qc4OcT1l/dCsi3SNR4yEg=",
"requires": {
"js-tokens": "3.0.2"
}
},
"object-assign": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
},
"react": {
"version": "15.3.2",
"resolved": "https://registry.npmjs.org/react/-/react-15.3.2.tgz",
"integrity": "sha1-p7zNL+6K8SawMX4iLCjR1UUo0J4=",
"requires": {
"fbjs": "0.8.16",
"loose-envify": "1.3.1",
"object-assign": "4.1.1"
}
},
"react-dom": {
"version": "15.3.2",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-15.3.2.tgz",
"integrity": "sha1-xGsKpTgNe4OOelnEp77/LtMVUx8="
}
}
},
"react-i18next": {
"version": "7.1.1",
"resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-7.1.1.tgz",

View file

@ -11,6 +11,7 @@
"@turf/union": "^5.1.5",
"babel-runtime": "^6.26.0",
"bcrypt": "^1.0.3",
"bootstrap-carousel-swipe-haven": "0.0.7",
"commonmark": "^0.28.1",
"core-js": "^2.5.1",
"crypto-random-hex": "^1.0.0",
@ -55,7 +56,6 @@
"react-bootstrap": "^0.31.5",
"react-confirm": "^0.1.16",
"react-dom": "^16.0.0",
"react-fullpage": "^0.1.18",
"react-i18next": "^7.1.1",
"react-leaflet": "^1.7.7",
"react-leaflet-control": "^1.4.0",