betterplace_explorer 0.0.1.pre.alpha5 → 0.0.1.pre.alpha6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bcb807d8798a3a87970a7d3b7288d32556c762bd
-  data.tar.gz: d9dd1c78d6d74e7ec61f06db0fb2e532463821bb
+  metadata.gz: b7d0dcbcf2a2c6b11cec16b6987e36113ee7d9ef
+  data.tar.gz: 13a70d7bff52d11915b0f6ecc91387fb1b71137e
 SHA512:
-  metadata.gz: 68c0e930eeb863f281b94848a532e310d6f2d47c2dac9eee7a3fa431ec8850485bbb8823030c8ced6d272f292b3d52fccb03c447a2e2a47c73e1aee2ebc6bb3c
-  data.tar.gz: f76264613878e244c40b2bb3ca5b8cc1047c1daccb6f559658e07f0944d9e0159600633c44e736cf14326bf447e73609ad7854ed14dff4eb19ee55eceabed689
+  metadata.gz: b6b98f88a8abc4ebe509e78801eb198591511007d726b67287de06317ce5909aa50c65abe6cd1c3dd61d006fb9a97b887f8d7eefd8924cc7374e48a4d18201a8
+  data.tar.gz: 8d9e51b44e228b0ae81e7fee28d86303c4ebd1048a04e734b29dcfbcbee4edb7cb6fdb29873bff21b551dbe0b3b5594d14c65836546e723c4454369c3339c26c

data/app/assets/javascripts/betterplace_explorer.js

@@ -110,9 +110,24 @@
 	      return _react2['default'].createElement(
 	        'div',
 	        { className: 'betterplace-explorer' },
-	        _react2['default'].createElement(_LocationInput2['default'], { changeLocation: this.changeLocation }),
-	        _react2['default'].createElement(_VolunteeringList2['default'], { records: this.state.records, totalEntries: this.state.totalEntries, setHighlightRecord: this.setHighlightRecord, currentPage: this.state.currentPage, totalPages: this.state.totalPages, changePage: this.changePage }),
-	        _react2['default'].createElement(_Map2['default'], { records: this.state.records, mapIdle: this.loadByBoundingBox, changeBounds: this.state.changeBounds, highlightRecord: this.state.highlightRecord, setHighlightRecord: this.setHighlightRecord })
+	        _react2['default'].createElement(_LocationInput2['default'], {
+	          changeLocation: this.changeLocation
+	        }),
+	        _react2['default'].createElement(_VolunteeringList2['default'], {
+	          changePage: this.changePage,
+	          currentPage: this.state.currentPage,
+	          records: this.state.records,
+	          setHighlightRecord: this.setHighlightRecord,
+	          totalEntries: this.state.totalEntries,
+	          totalPages: this.state.totalPages
+	        }),
+	        _react2['default'].createElement(_Map2['default'], {
+	          changeBounds: this.state.changeBounds,
+	          highlightRecord: this.state.highlightRecord,
+	          mapIdle: this.loadByBoundingBox,
+	          records: this.state.records,
+	          setHighlightRecord: this.setHighlightRecord
+	        })
 	      );
 	    }
 
@@ -26037,6 +26052,10 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
+	var _reactDom = __webpack_require__(99);
+
+	var _reactDom2 = _interopRequireDefault(_reactDom);
+
 	var _Pagination = __webpack_require__(230);
 
 	var _Pagination2 = _interopRequireDefault(_Pagination);
@@ -26055,7 +26074,11 @@
 	      var _this = this;
 
 	      var volunteeringNodes = this.props.records.map(function (record) {
-	        return _react2['default'].createElement(_Volunteering2['default'], { record: record, key: record.id, setHighlightRecord: _this.props.setHighlightRecord });
+	        return _react2['default'].createElement(_Volunteering2['default'], {
+	          key: record.id,
+	          record: record,
+	          setHighlightRecord: _this.props.setHighlightRecord
+	        });
 	      });
 
 	      return _react2['default'].createElement(
@@ -26077,12 +26100,36 @@
 	        _react2['default'].createElement(
 	          'div',
 	          null,
-	          _react2['default'].createElement(_Pagination2['default'], { currentPage: this.props.currentPage, totalPages: this.props.totalPages, changePage: this.props.changePage })
+	          _react2['default'].createElement(_Pagination2['default'], {
+	            changePage: this.changePage,
+	            currentPage: this.props.currentPage,
+	            totalPages: this.props.totalPages
+	          })
 	        )
 	      );
 	    }
 
 	    return render;
+	  }(),
+
+	  changePage: function () {
+	    function changePage(toPage) {
+	      this.shouldScrollTop = true;
+	      this.props.changePage(toPage);
+	    }
+
+	    return changePage;
+	  }(),
+
+	  componentDidUpdate: function () {
+	    function componentDidUpdate() {
+	      if (this.shouldScrollTop) {
+	        this.shouldScrollTop = false;
+	        _reactDom2['default'].findDOMNode(this).scrollTop = 0;
+	      }
+	    }
+
+	    return componentDidUpdate;
 	  }()
 	});
 
@@ -26092,7 +26139,7 @@
 /* 230 */
 /***/ function(module, exports, __webpack_require__) {
 
-	"use strict";
+	'use strict';
 
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
@@ -26102,84 +26149,41 @@
 
 	var _react2 = _interopRequireDefault(_react);
 
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+	var _PaginationNextButton = __webpack_require__(280);
 
-	var PrevButton = _react2["default"].createClass({
-	  displayName: "PrevButton",
+	var _PaginationNextButton2 = _interopRequireDefault(_PaginationNextButton);
 
-	  render: function () {
-	    function render() {
-	      if (this.props.currentPage > 1) {
-	        return _react2["default"].createElement(
-	          "li",
-	          { className: "previous" },
-	          _react2["default"].createElement(
-	            "a",
-	            { href: "#", onClick: this.props.handleClick },
-	            _react2["default"].createElement(
-	              "span",
-	              { "aria-hidden": "true" },
-	              "←"
-	            ),
-	            " zurück"
-	          )
-	        );
-	      } else {
-	        return null;
-	      }
-	    }
+	var _PaginationPrevButton = __webpack_require__(281);
 
-	    return render;
-	  }()
-	});
-
-	var NextButton = _react2["default"].createClass({
-	  displayName: "NextButton",
+	var _PaginationPrevButton2 = _interopRequireDefault(_PaginationPrevButton);
 
-	  render: function () {
-	    function render() {
-	      if (this.props.currentPage < this.props.totalPages) {
-	        return _react2["default"].createElement(
-	          "li",
-	          { className: "next" },
-	          _react2["default"].createElement(
-	            "a",
-	            { href: "#", onClick: this.props.handleClick },
-	            "weiter ",
-	            _react2["default"].createElement(
-	              "span",
-	              { "aria-hidden": "true" },
-	              "→"
-	            )
-	          )
-	        );
-	      } else {
-	        return null;
-	      }
-	    }
-
-	    return render;
-	  }()
-	});
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
-	var Pagination = _react2["default"].createClass({
-	  displayName: "Pagination",
+	var Pagination = _react2['default'].createClass({
+	  displayName: 'Pagination',
 
 	  render: function () {
 	    function render() {
 	      if (this.props.currentPage) {
-	        return _react2["default"].createElement(
-	          "nav",
-	          { className: "bpe--pagination" },
-	          _react2["default"].createElement(
-	            "ul",
-	            { className: "pager" },
-	            _react2["default"].createElement(PrevButton, { currentPage: this.props.currentPage, handleClick: this.previousPage }),
-	            "Seite ",
+	        return _react2['default'].createElement(
+	          'nav',
+	          { className: 'bpe--pagination' },
+	          _react2['default'].createElement(
+	            'ul',
+	            { className: 'pager' },
+	            _react2['default'].createElement(_PaginationPrevButton2['default'], {
+	              currentPage: this.props.currentPage,
+	              handleClick: this.previousPage
+	            }),
+	            'Seite ',
 	            this.props.currentPage,
-	            " von ",
+	            ' von ',
 	            this.props.totalPages,
-	            _react2["default"].createElement(NextButton, { currentPage: this.props.currentPage, totalPages: this.props.totalPages, handleClick: this.nextPage })
+	            _react2['default'].createElement(_PaginationNextButton2['default'], {
+	              currentPage: this.props.currentPage,
+	              handleClick: this.nextPage,
+	              totalPages: this.props.totalPages
+	            })
 	          )
 	        );
 	      } else {
@@ -26192,7 +26196,7 @@
 
 	  previousPage: function () {
 	    function previousPage(event) {
-	      this.props.changePage(this.props.currentPage - 1);
+	      this.changePage(this.props.currentPage - 1);
 	    }
 
 	    return previousPage;
@@ -26200,14 +26204,22 @@
 
 	  nextPage: function () {
 	    function nextPage(event) {
-	      this.props.changePage(this.props.currentPage + 1);
+	      this.changePage(this.props.currentPage + 1);
 	    }
 
 	    return nextPage;
+	  }(),
+
+	  changePage: function () {
+	    function changePage(toPage) {
+	      this.props.changePage(toPage);
+	    }
+
+	    return changePage;
 	  }()
 	});
 
-	exports["default"] = Pagination;
+	exports['default'] = Pagination;
 
 /***/ },
 /* 231 */
@@ -26357,14 +26369,14 @@
 
 	      var markers = this.props.records.map(function (record) {
 	        return _react2['default'].createElement(_reactGoogleMaps.Marker, {
-	          position: { lat: record.latitude, lng: record.longitude },
-	          key: record.id,
+	          customInfo: 'Marker A',
 	          icon: record == _this.props.highlightRecord ? highlightPin : defaultPin,
-	          zIndex: record == _this.props.highlightRecord ? 10000 : null,
+	          key: record.id,
 	          onClick: _this.handleMarkerClick.bind(_this, record),
-	          onMouseover: _this.handleMarkerMouseOver.bind(_this, record),
 	          onMouseout: _this.handleMarkerMouseOut.bind(_this, record),
-	          customInfo: 'Marker A'
+	          onMouseover: _this.handleMarkerMouseOver.bind(_this, record),
+	          position: { lat: record.latitude, lng: record.longitude },
+	          zIndex: record == _this.props.highlightRecord ? 10000 : null
 	        });
 	      });
 
@@ -26376,17 +26388,17 @@
 	          googleMapElement: _react2['default'].createElement(
 	            _reactGoogleMaps.GoogleMap,
 	            {
+	              defaultCenter: { lat: 52.49928, lng: 13.44944 },
+	              defaultZoom: 5,
+	              onClick: this.handleMapClick,
+	              onIdle: this.idle,
 	              ref: function () {
 	                function ref(map) {
 	                  return _this.googlemap = map;
 	                }
 
 	                return ref;
-	              }(),
-	              defaultZoom: 5,
-	              defaultCenter: { lat: 52.49928, lng: 13.44944 },
-	              onIdle: this.idle,
-	              onClick: this.handleMapClick
+	              }()
 	            },
 	            markers
 	          )
@@ -26398,7 +26410,7 @@
 	  }(),
 
 	  componentDidUpdate: function () {
-	    function componentDidUpdate(next, prev) {
+	    function componentDidUpdate(prevProps, prevState) {
 	      if (this.props.changeBounds) {
 	        this.googlemap.fitBounds(this.props.changeBounds);
 	        this.googlemap.props.map.setZoom(this.googlemap.getZoom() + 1);
@@ -32608,5 +32620,99 @@
 
 	exports['default'] = LocationInput;
 
+/***/ },
+/* 280 */
+/***/ function(module, exports, __webpack_require__) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _react = __webpack_require__(1);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+	var PaginationNextButton = _react2["default"].createClass({
+	  displayName: "PaginationNextButton",
+
+	  render: function () {
+	    function render() {
+	      if (this.props.currentPage < this.props.totalPages) {
+	        return _react2["default"].createElement(
+	          "li",
+	          { className: "next" },
+	          _react2["default"].createElement(
+	            "a",
+	            { href: "#", onClick: this.props.handleClick },
+	            "weiter ",
+	            _react2["default"].createElement(
+	              "span",
+	              { "aria-hidden": "true" },
+	              "→"
+	            )
+	          )
+	        );
+	      } else {
+	        return null;
+	      }
+	    }
+
+	    return render;
+	  }()
+	});
+
+	exports["default"] = PaginationNextButton;
+
+/***/ },
+/* 281 */
+/***/ function(module, exports, __webpack_require__) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _react = __webpack_require__(1);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+	var PaginationPrevButton = _react2["default"].createClass({
+	  displayName: "PaginationPrevButton",
+
+	  render: function () {
+	    function render() {
+	      if (this.props.currentPage > 1) {
+	        return _react2["default"].createElement(
+	          "li",
+	          { className: "previous" },
+	          _react2["default"].createElement(
+	            "a",
+	            { href: "#", onClick: this.props.handleClick },
+	            _react2["default"].createElement(
+	              "span",
+	              { "aria-hidden": "true" },
+	              "←"
+	            ),
+	            " zurück"
+	          )
+	        );
+	      } else {
+	        return null;
+	      }
+	    }
+
+	    return render;
+	  }()
+	});
+
+	exports["default"] = PaginationPrevButton;
+
 /***/ }
 /******/ ]);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: betterplace_explorer
 version: !ruby/object:Gem::Version
-  version: 0.0.1.pre.alpha5
+  version: 0.0.1.pre.alpha6
 platform: ruby
 authors:
 - betterplace developers
@@ -46,7 +46,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: 1.3.1
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.4
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: An awesome explorer