Loading
38 | } 39 | return{this.renderCards()}
40 | }
41 | })
42 |
43 | Card = React.createClass({
44 | getInitialState() {
45 | return {
46 | x: 0,
47 | y: 0,
48 | initialX: 0,
49 | initialY: 0,
50 | dragging: "none"
51 | }
52 | },
53 | moveCardInit(e) {
54 | e.preventDefault();
55 | this.setState({
56 | initialX: e.touches[0].pageX,
57 | initialY: e.touches[0].pageY,
58 | dragging: "none"
59 | })
60 | },
61 | moveCard(e) {
62 | e.preventDefault()
63 | deltaX = (e.touches[0].pageX - this.state.initialX)
64 | deltaY = (e.touches[0].pageY - this.state.initialY)
65 | this.setState({
66 | x: deltaX,
67 | y: deltaY
68 | })
69 | },
70 | moveCardEnd(e) {
71 | e.preventDefault()
72 | if (e.changedTouches[0].pageX < 50) {
73 | this.setState({
74 | x: -1000,
75 | y: 0,
76 | dragging: "all 0.5s ease"
77 | })
78 | Meteor.setTimeout(this.props.remove, 500)
79 | } else if (e.changedTouches[0].pageX > (window.innerWidth - 50)) {
80 | this.setState({
81 | x: 1000,
82 | y: 0,
83 | dragging: "all 0.5s ease"
84 | })
85 | Meteor.setTimeout(this.props.setAffirmative, 500)
86 | } else {
87 | this.setState({
88 | x: 0,
89 | y: 0,
90 | dragging: "all 0.5s ease"
91 | })
92 | }
93 | },
94 | render() {
95 | let cardStyle = {
96 | transform: "translate(" +
97 | this.state.x + "px," +
98 | this.state.y + "px)" +
99 | " rotate("+this.state.x/10 + "deg)",
100 | transition: this.state.dragging,
101 | WebkitTransform: "translate(" +
102 | this.state.x + "px," +
103 | this.state.y + "px)" +
104 | " rotate("+this.state.x/10 + "deg)",
105 | WebkitTransition: this.state.dragging
106 | }
107 | if (this.state.x <= -1000 || this.state.x >= 1000) {
108 | cardStyle.marginBottom = "-" + (document.getElementsByClassName("card")[0].offsetHeight + 20) + "px"
109 | }
110 | return (
111 |
112 |
120 | )
121 | }
122 | });
123 |
--------------------------------------------------------------------------------
/client/components/Other.jsx:
--------------------------------------------------------------------------------
1 | Other = React.createClass({
2 | mixins: [ReactMeteorData],
3 | getMeteorData() {
4 | let handle = Meteor.subscribe("myData")
5 | let data = MyData.find({affirmative: true}).fetch()
6 | return {
7 | loading: !handle.ready(),
8 | users: data
9 | }
10 | },
11 | reset() {
12 | Meteor.call('reset')
13 | },
14 | render() {
15 | if (this.data.loading) {
16 | return
113 | 
114 |
115 |
116 |
119 | {this.props.card.name}
117 |{this.props.card.details}
118 |Loading
17 | } 18 | let list = this.data.users.map((user) => { 19 | return ( 20 |
21 | 
22 |
25 | )
26 | })
27 | return (
28 | {user.name}
23 |{user.details}
24 |
29 |
34 | )
35 | }
36 | });
37 |
--------------------------------------------------------------------------------
/client/components/Settings.jsx:
--------------------------------------------------------------------------------
1 | Settings = React.createClass({
2 | render() {
3 | return
30 | Reset
31 |
32 | {list}
33 | Settings
4 | } 5 | }); 6 | -------------------------------------------------------------------------------- /client/components/main.html: -------------------------------------------------------------------------------- 1 | 2 |\n *
\n * );\n * }\n * });\n *\n * If no handler is provided for the route, it will render a matched child route.\n */\n\nvar Route = (function (_React$Component) {\n function Route() {\n _classCallCheck(this, Route);\n\n if (_React$Component != null) {\n _React$Component.apply(this, arguments);\n }\n }\n\n _inherits(Route, _React$Component);\n\n _createClass(Route, [{\n key: 'render',\n value: function render() {\n invariant(false, '%s elements are for router configuration only and should not be rendered', this.constructor.name);\n }\n }]);\n\n return Route;\n})(React.Component);\n\n// TODO: Include these in the above class definition\n// once we can use ES7 property initializers.\n// https://github.com/babel/babel/issues/619\n\nRoute.propTypes = {\n name: PropTypes.string,\n path: PropTypes.string,\n handler: PropTypes.func,\n ignoreScrollBehavior: PropTypes.bool\n};\n\nRoute.defaultProps = {\n handler: RouteHandler\n};\n\nmodule.exports = Route;",
75 | "'use strict';\n\nvar _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };\n\nvar _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();\n\nvar _inherits = function (subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) subClass.__proto__ = superClass; };\n\nvar React = (typeof window !== \"undefined\" ? window['React']['require'] : typeof global !== \"undefined\" ? global['React']['require'] : null)(\"react\");\nvar ContextWrapper = require('./ContextWrapper');\nvar assign = (typeof window !== \"undefined\" ? window['React']['require'] : typeof global !== \"undefined\" ? global['React']['require'] : null)(\"react/lib/Object.assign\");\nvar PropTypes = require('../PropTypes');\n\nvar REF_NAME = '__routeHandler__';\n\n/**\n * A