From eda39b5fe5ccc8c9d6d6291c98fc195130c34343 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Wed, 18 Oct 2017 21:44:58 +0300
Subject: Fix zoom behavior and styles

---
 Geshem.vue         | 63 ++++++++++++++++++++++++++++++++++++++----------------
 static/js/build.js |  6 +++---
 2 files changed, 48 insertions(+), 21 deletions(-)

diff --git a/Geshem.vue b/Geshem.vue
index 8f9bba0..24aa154 100644
--- a/Geshem.vue
+++ b/Geshem.vue
@@ -1,8 +1,12 @@
 <template>
   <div id="geshem">
-    <div id="date">{{ date }}</div>
-    <div id="time">{{ time }}</div>
-    <vue-slider ref="slider" v-model="slider" :min=1 :max=7></vue-slider>
+    <div id="datetime">
+      <div id="date">{{ date }}</div>
+      <div id="time">{{ time }}</div>
+    </div>
+    <div id="slider">
+      <vue-slider ref="slider" v-model="slider" :min=1 :max=7></vue-slider>
+    </div>
   </div>
 </template>
 
@@ -48,11 +52,14 @@
     computed: {
       date: function () {
         var d = this.imgs[this.res][7-this.slider].substr(0, 8);
-        return `${d.substr(0, 4)}-${d.substr(4, 2)}-${d.substr(6, 2)}`;
+        return `${d.substr(6, 2)}-${d.substr(4, 2)}-${d.substr(0, 4)}`;
       },
       time: function () {
         var t = this.imgs[this.res][7-this.slider].substr(9, 6);
         return `${t.substr(0, 2)}:${t.substr(2, 2)}`;
+      },
+      curImg: function () {
+        return 7 - this.slider;
       }
     },
     created: function () {
@@ -67,11 +74,22 @@
           vm.addRadarSource('280', i, vm.imgs['280'][i++])
         }
         vm.addRadarLayer('280', 0)
-      })
+      });
+      this.map.on('zoom', function () {
+        var zoomIn = vm.map.getZoom() > 7;
+        var from = zoomIn ? '280' : '140';
+        var to = zoomIn ? '140' : '280';
+        if (to != vm.res) {
+          console.log(`Zoom event from ${from} to ${to}`);
+          vm.removeRadarLayer(from, vm.curImg);
+          vm.addRadarLayer(to, vm.curImg);
+          vm.res = to;
+        }
+      });
     },
     methods: {
       addRadarSource: function(res, i, url) {
-        this.map.addSource('radar-' + res + '-' + i, {
+        this.map.addSource(`radar-${res}-${i}`, {
           type: 'image',
           url: '/static/img/' + url,
           coordinates: this.rasterCoords[res]
@@ -79,8 +97,8 @@
       },
       addRadarLayer: function(res, i) {
         this.map.addLayer({
-          id: 'radar-' + res + '-' + i,
-          source: 'radar-' + res + '-' + i,
+          id: `radar-${res}-${i}`,
+          source: `radar-${res}-${i}`,
           type: 'raster',
           paint: {
             'raster-opacity': 0.85
@@ -88,7 +106,7 @@
         })
       },
       removeRadarLayer: function(res, i) {
-        this.map.removeLayer('radar-' + res + '-' + i)
+        this.map.removeLayer(`radar-${res}-${i}`)
       }
     },
     watch: {
@@ -102,14 +120,23 @@
 
 <style lang="scss">
   #geshem {
-    position: absolute;
-  }
-  #date {
-    color: white;
-    font-size: 1.2em;
-  }
-  #time {
-    color: white;
-    font-size: 1.6em;
+    #datetime {
+      position: absolute;
+      margin: 20px 0px 0px 20px;
+      color: white;
+      font-family: monospace;
+      #date {
+        font-size: 1.4em;
+      }
+      #time {
+        font-size: 1.8em;
+      }
+    }
+    #slider {
+      position: absolute;
+      bottom: 10vh;
+      width: 30vw;
+      margin-left: 35vw;
+    }
   }
 </style>
diff --git a/static/js/build.js b/static/js/build.js
index 0510ff0..5c05326 100644
--- a/static/js/build.js
+++ b/static/js/build.js
@@ -130,7 +130,7 @@ eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// lo
 /* 10 */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("exports = module.exports = __webpack_require__(11)(undefined);\n// imports\n\n\n// module\nexports.push([module.i, \"\\n#geshem {\\n  position: absolute;\\n}\\n#date {\\n  color: white;\\n  font-size: 1.2em;\\n}\\n#time {\\n  color: white;\\n  font-size: 1.6em;\\n}\\n\", \"\"]);\n\n// exports\n\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9HZXNoZW0udnVlPzU2NTAiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTs7O0FBR0E7QUFDQSxvQ0FBcUMsdUJBQXVCLEdBQUcsU0FBUyxpQkFBaUIscUJBQXFCLEdBQUcsU0FBUyxpQkFBaUIscUJBQXFCLEdBQUc7O0FBRW5LIiwiZmlsZSI6IjEwLmpzIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0cyA9IG1vZHVsZS5leHBvcnRzID0gcmVxdWlyZShcIi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvbGliL2Nzcy1iYXNlLmpzXCIpKHVuZGVmaW5lZCk7XG4vLyBpbXBvcnRzXG5cblxuLy8gbW9kdWxlXG5leHBvcnRzLnB1c2goW21vZHVsZS5pZCwgXCJcXG4jZ2VzaGVtIHtcXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcXG59XFxuI2RhdGUge1xcbiAgY29sb3I6IHdoaXRlO1xcbiAgZm9udC1zaXplOiAxLjJlbTtcXG59XFxuI3RpbWUge1xcbiAgY29sb3I6IHdoaXRlO1xcbiAgZm9udC1zaXplOiAxLjZlbTtcXG59XFxuXCIsIFwiXCJdKTtcblxuLy8gZXhwb3J0c1xuXG5cblxuLy8vLy8vLy8vLy8vLy8vLy8vXG4vLyBXRUJQQUNLIEZPT1RFUlxuLy8gLi9ub2RlX21vZHVsZXMvY3NzLWxvYWRlciEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9zdHlsZS1jb21waWxlcj97XCJ2dWVcIjp0cnVlLFwiaWRcIjpcImRhdGEtdi03ZDIyMGFkZVwiLFwic2NvcGVkXCI6ZmFsc2UsXCJoYXNJbmxpbmVDb25maWdcIjpmYWxzZX0hLi9ub2RlX21vZHVsZXMvc2Fzcy1sb2FkZXIvbGliL2xvYWRlci5qcyEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9zZWxlY3Rvci5qcz90eXBlPXN0eWxlcyZpbmRleD0wJmJ1c3RDYWNoZSEuL0dlc2hlbS52dWVcbi8vIG1vZHVsZSBpZCA9IDEwXG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///10\n");
+eval("exports = module.exports = __webpack_require__(11)(undefined);\n// imports\n\n\n// module\nexports.push([module.i, \"\\n#geshem #datetime {\\n  position: absolute;\\n  margin: 20px 0px 0px 20px;\\n  color: white;\\n  font-family: monospace;\\n}\\n#geshem #datetime #date {\\n    font-size: 1.4em;\\n}\\n#geshem #datetime #time {\\n    font-size: 1.8em;\\n}\\n#geshem #slider {\\n  position: absolute;\\n  bottom: 10vh;\\n  width: 30vw;\\n  margin-left: 35vw;\\n}\\n\", \"\"]);\n\n// exports\n\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9HZXNoZW0udnVlPzU2NTAiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTs7O0FBR0E7QUFDQSw4Q0FBK0MsdUJBQXVCLDhCQUE4QixpQkFBaUIsMkJBQTJCLEdBQUcsMkJBQTJCLHVCQUF1QixHQUFHLDJCQUEyQix1QkFBdUIsR0FBRyxtQkFBbUIsdUJBQXVCLGlCQUFpQixnQkFBZ0Isc0JBQXNCLEdBQUc7O0FBRWpXIiwiZmlsZSI6IjEwLmpzIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0cyA9IG1vZHVsZS5leHBvcnRzID0gcmVxdWlyZShcIi4vbm9kZV9tb2R1bGVzL2Nzcy1sb2FkZXIvbGliL2Nzcy1iYXNlLmpzXCIpKHVuZGVmaW5lZCk7XG4vLyBpbXBvcnRzXG5cblxuLy8gbW9kdWxlXG5leHBvcnRzLnB1c2goW21vZHVsZS5pZCwgXCJcXG4jZ2VzaGVtICNkYXRldGltZSB7XFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICBtYXJnaW46IDIwcHggMHB4IDBweCAyMHB4O1xcbiAgY29sb3I6IHdoaXRlO1xcbiAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcXG59XFxuI2dlc2hlbSAjZGF0ZXRpbWUgI2RhdGUge1xcbiAgICBmb250LXNpemU6IDEuNGVtO1xcbn1cXG4jZ2VzaGVtICNkYXRldGltZSAjdGltZSB7XFxuICAgIGZvbnQtc2l6ZTogMS44ZW07XFxufVxcbiNnZXNoZW0gI3NsaWRlciB7XFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XFxuICBib3R0b206IDEwdmg7XFxuICB3aWR0aDogMzB2dztcXG4gIG1hcmdpbi1sZWZ0OiAzNXZ3O1xcbn1cXG5cIiwgXCJcIl0pO1xuXG4vLyBleHBvcnRzXG5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL25vZGVfbW9kdWxlcy9jc3MtbG9hZGVyIS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL3N0eWxlLWNvbXBpbGVyP3tcInZ1ZVwiOnRydWUsXCJpZFwiOlwiZGF0YS12LTdkMjIwYWRlXCIsXCJzY29wZWRcIjpmYWxzZSxcImhhc0lubGluZUNvbmZpZ1wiOmZhbHNlfSEuL25vZGVfbW9kdWxlcy9zYXNzLWxvYWRlci9saWIvbG9hZGVyLmpzIS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL3NlbGVjdG9yLmpzP3R5cGU9c3R5bGVzJmluZGV4PTAmYnVzdENhY2hlIS4vR2VzaGVtLnZ1ZVxuLy8gbW9kdWxlIGlkID0gMTBcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///10\n");
 
 /***/ }),
 /* 11 */
@@ -161,14 +161,14 @@ eval("/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 featu
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_slider_component__ = __webpack_require__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_slider_component___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue_slider_component__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_mapbox_gl__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_mapbox_gl___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_mapbox_gl__);\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  name: 'geshem',\n  components: {\n    'vue-slider': __WEBPACK_IMPORTED_MODULE_0_vue_slider_component___default.a\n  },\n  data: function data() {\n    var _ref;\n\n    return {\n      imgs: window.imgs,\n      res: 280,\n      slider: 7,\n      rasterCoords: {\n        140: [[33.35317413, 33.27232471], [36.32243686, 33.27232471], [36.32243686, 30.72293428], [33.35317413, 30.72293428]],\n        280: [[31.93095218, 34.5156862], [37.86644267, 34.5156862], [37.86644267, 29.42911589], [31.93095218, 29.42911589]]\n      },\n      map: new __WEBPACK_IMPORTED_MODULE_1_mapbox_gl___default.a.Map((_ref = {\n        container: 'map',\n        style: 'mapbox://styles/mapbox/dark-v9'\n      }, _defineProperty(_ref, 'container', 'map'), _defineProperty(_ref, 'maxZoom', 10), _defineProperty(_ref, 'minZoom', 5), _defineProperty(_ref, 'zoom', 6.3), _defineProperty(_ref, 'center', [35, 31.9]), _defineProperty(_ref, 'hash', false), _ref))\n    };\n  },\n  computed: {\n    date: function date() {\n      var d = this.imgs[this.res][7 - this.slider].substr(0, 8);\n      return d.substr(0, 4) + '-' + d.substr(4, 2) + '-' + d.substr(6, 2);\n    },\n    time: function time() {\n      var t = this.imgs[this.res][7 - this.slider].substr(9, 6);\n      return t.substr(0, 2) + ':' + t.substr(2, 2);\n    }\n  },\n  created: function created() {\n    var vm = this;\n    this.map.on('style.load', function () {\n      var i = 0;\n      while (i < vm.imgs['140'].length) {\n        vm.addRadarSource('140', i, vm.imgs['140'][i++]);\n      }\n      var i = 0;\n      while (i < vm.imgs['280'].length) {\n        vm.addRadarSource('280', i, vm.imgs['280'][i++]);\n      }\n      vm.addRadarLayer('280', 0);\n    });\n  },\n  methods: {\n    addRadarSource: function addRadarSource(res, i, url) {\n      this.map.addSource('radar-' + res + '-' + i, {\n        type: 'image',\n        url: '/static/img/' + url,\n        coordinates: this.rasterCoords[res]\n      });\n    },\n    addRadarLayer: function addRadarLayer(res, i) {\n      this.map.addLayer({\n        id: 'radar-' + res + '-' + i,\n        source: 'radar-' + res + '-' + i,\n        type: 'raster',\n        paint: {\n          'raster-opacity': 0.85\n        }\n      });\n    },\n    removeRadarLayer: function removeRadarLayer(res, i) {\n      this.map.removeLayer('radar-' + res + '-' + i);\n    }\n  },\n  watch: {\n    slider: function slider(to, from) {\n      this.removeRadarLayer(this.res, 7 - from);\n      this.addRadarLayer(this.res, 7 - to);\n    }\n  }\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vR2VzaGVtLnZ1ZT9kMWNkIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztBQVNBO0FBQ0E7QUFDQTtRQUVBOztrQkFHQTtBQUZBOztBQUdBOzs7bUJBRUE7V0FDQTtjQUNBOzthQUVBLGVBQ0EsNEJBQ0EsNEJBQ0EsNEJBRUE7YUFDQSxlQUNBLDJCQUNBLDJCQUNBLDRCQUdBO0FBYkE7aUVBY0E7bUJBQ0E7ZUFDQTs0Q0FDQSx5Q0FDQSxzQ0FDQSxrQ0FDQSwyQ0FDQSxzQ0FHQTtBQTVCQTtBQTZCQTs7MEJBRUE7NkRBQ0E7dUVBQ0E7QUFDQTswQkFDQTs2REFDQTtnREFDQTtBQUVBO0FBVEE7OEJBVUE7YUFDQTswQ0FDQTtjQUNBO3dDQUNBO21EQUNBO0FBQ0E7Y0FDQTt3Q0FDQTttREFDQTtBQUNBOzhCQUNBO0FBQ0E7QUFDQTs7eURBRUE7O2NBRUE7OEJBQ0E7dUNBRUE7QUFKQTtBQUtBO2tEQUNBOzttQ0FFQTt1Q0FDQTtjQUNBOzs0QkFJQTtBQUhBO0FBSkE7QUFRQTt3REFDQTtrREFDQTtBQUVBO0FBckJBOztzQ0F1QkE7MENBQ0E7dUNBQ0E7QUFFQTtBQUxBO0FBbEZBIiwiZmlsZSI6IjE1LmpzIiwic291cmNlc0NvbnRlbnQiOlsiPHRlbXBsYXRlPlxuICA8ZGl2IGlkPVwiZ2VzaGVtXCI+XG4gICAgPGRpdiBpZD1cImRhdGVcIj57eyBkYXRlIH19PC9kaXY+XG4gICAgPGRpdiBpZD1cInRpbWVcIj57eyB0aW1lIH19PC9kaXY+XG4gICAgPHZ1ZS1zbGlkZXIgcmVmPVwic2xpZGVyXCIgdi1tb2RlbD1cInNsaWRlclwiIDptaW49MSA6bWF4PTc+PC92dWUtc2xpZGVyPlxuICA8L2Rpdj5cbjwvdGVtcGxhdGU+XG5cbjxzY3JpcHQ+XG4gIGltcG9ydCB2dWVTbGlkZXIgZnJvbSAndnVlLXNsaWRlci1jb21wb25lbnQnO1xuICBpbXBvcnQgbWFwYm94Z2wgZnJvbSAnbWFwYm94LWdsJztcbiAgZXhwb3J0IGRlZmF1bHQge1xuICAgIG5hbWU6ICdnZXNoZW0nLFxuICAgIGNvbXBvbmVudHM6IHtcbiAgICAgICd2dWUtc2xpZGVyJzogdnVlU2xpZGVyXG4gICAgfSxcbiAgICBkYXRhOiBmdW5jdGlvbiAoKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBpbWdzOiB3aW5kb3cuaW1ncyxcbiAgICAgICAgcmVzOiAyODAsXG4gICAgICAgIHNsaWRlcjogNyxcbiAgICAgICAgcmFzdGVyQ29vcmRzOiB7XG4gICAgICAgICAgMTQwOiBbXG4gICAgICAgICAgICBbMzMuMzUzMTc0MTMsIDMzLjI3MjMyNDcxXSxcbiAgICAgICAgICAgIFszNi4zMjI0MzY4NiwgMzMuMjcyMzI0NzFdLFxuICAgICAgICAgICAgWzM2LjMyMjQzNjg2LCAzMC43MjI5MzQyOF0sXG4gICAgICAgICAgICBbMzMuMzUzMTc0MTMsIDMwLjcyMjkzNDI4XVxuICAgICAgICAgIF0sXG4gICAgICAgICAgMjgwOiBbXG4gICAgICAgICAgICBbMzEuOTMwOTUyMTgsIDM0LjUxNTY4NjJdLFxuICAgICAgICAgICAgWzM3Ljg2NjQ0MjY3LCAzNC41MTU2ODYyXSxcbiAgICAgICAgICAgIFszNy44NjY0NDI2NywgMjkuNDI5MTE1ODldLFxuICAgICAgICAgICAgWzMxLjkzMDk1MjE4LCAyOS40MjkxMTU4OV1cbiAgICAgICAgICBdXG4gICAgICAgIH0sXG4gICAgICAgIG1hcDogbmV3IG1hcGJveGdsLk1hcCh7XG4gICAgICAgICAgY29udGFpbmVyOiAnbWFwJyxcbiAgICAgICAgICBzdHlsZTogJ21hcGJveDovL3N0eWxlcy9tYXBib3gvZGFyay12OScsXG4gICAgICAgICAgY29udGFpbmVyOiAnbWFwJyxcbiAgICAgICAgICBtYXhab29tOiAxMCxcbiAgICAgICAgICBtaW5ab29tOiA1LFxuICAgICAgICAgIHpvb206IDYuMyxcbiAgICAgICAgICBjZW50ZXI6IFszNSwgMzEuOV0sXG4gICAgICAgICAgaGFzaDogZmFsc2VcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9LFxuICAgIGNvbXB1dGVkOiB7XG4gICAgICBkYXRlOiBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHZhciBkID0gdGhpcy5pbWdzW3RoaXMucmVzXVs3LXRoaXMuc2xpZGVyXS5zdWJzdHIoMCwgOCk7XG4gICAgICAgIHJldHVybiBgJHtkLnN1YnN0cigwLCA0KX0tJHtkLnN1YnN0cig0LCAyKX0tJHtkLnN1YnN0cig2LCAyKX1gO1xuICAgICAgfSxcbiAgICAgIHRpbWU6IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIHQgPSB0aGlzLmltZ3NbdGhpcy5yZXNdWzctdGhpcy5zbGlkZXJdLnN1YnN0cig5LCA2KTtcbiAgICAgICAgcmV0dXJuIGAke3Quc3Vic3RyKDAsIDIpfToke3Quc3Vic3RyKDIsIDIpfWA7XG4gICAgICB9XG4gICAgfSxcbiAgICBjcmVhdGVkOiBmdW5jdGlvbiAoKSB7XG4gICAgICB2YXIgdm0gPSB0aGlzO1xuICAgICAgdGhpcy5tYXAub24oJ3N0eWxlLmxvYWQnLCBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHZhciBpID0gMDtcbiAgICAgICAgd2hpbGUgKGkgPCB2bS5pbWdzWycxNDAnXS5sZW5ndGgpIHtcbiAgICAgICAgICB2bS5hZGRSYWRhclNvdXJjZSgnMTQwJywgaSwgdm0uaW1nc1snMTQwJ11baSsrXSlcbiAgICAgICAgfVxuICAgICAgICB2YXIgaSA9IDA7XG4gICAgICAgIHdoaWxlIChpIDwgdm0uaW1nc1snMjgwJ10ubGVuZ3RoKSB7XG4gICAgICAgICAgdm0uYWRkUmFkYXJTb3VyY2UoJzI4MCcsIGksIHZtLmltZ3NbJzI4MCddW2krK10pXG4gICAgICAgIH1cbiAgICAgICAgdm0uYWRkUmFkYXJMYXllcignMjgwJywgMClcbiAgICAgIH0pXG4gICAgfSxcbiAgICBtZXRob2RzOiB7XG4gICAgICBhZGRSYWRhclNvdXJjZTogZnVuY3Rpb24ocmVzLCBpLCB1cmwpIHtcbiAgICAgICAgdGhpcy5tYXAuYWRkU291cmNlKCdyYWRhci0nICsgcmVzICsgJy0nICsgaSwge1xuICAgICAgICAgIHR5cGU6ICdpbWFnZScsXG4gICAgICAgICAgdXJsOiAnL3N0YXRpYy9pbWcvJyArIHVybCxcbiAgICAgICAgICBjb29yZGluYXRlczogdGhpcy5yYXN0ZXJDb29yZHNbcmVzXVxuICAgICAgICB9KVxuICAgICAgfSxcbiAgICAgIGFkZFJhZGFyTGF5ZXI6IGZ1bmN0aW9uKHJlcywgaSkge1xuICAgICAgICB0aGlzLm1hcC5hZGRMYXllcih7XG4gICAgICAgICAgaWQ6ICdyYWRhci0nICsgcmVzICsgJy0nICsgaSxcbiAgICAgICAgICBzb3VyY2U6ICdyYWRhci0nICsgcmVzICsgJy0nICsgaSxcbiAgICAgICAgICB0eXBlOiAncmFzdGVyJyxcbiAgICAgICAgICBwYWludDoge1xuICAgICAgICAgICAgJ3Jhc3Rlci1vcGFjaXR5JzogMC44NVxuICAgICAgICAgIH1cbiAgICAgICAgfSlcbiAgICAgIH0sXG4gICAgICByZW1vdmVSYWRhckxheWVyOiBmdW5jdGlvbihyZXMsIGkpIHtcbiAgICAgICAgdGhpcy5tYXAucmVtb3ZlTGF5ZXIoJ3JhZGFyLScgKyByZXMgKyAnLScgKyBpKVxuICAgICAgfVxuICAgIH0sXG4gICAgd2F0Y2g6IHtcbiAgICAgIHNsaWRlcjogZnVuY3Rpb24gKHRvLCBmcm9tKSB7XG4gICAgICAgIHRoaXMucmVtb3ZlUmFkYXJMYXllcih0aGlzLnJlcywgNy1mcm9tKTtcbiAgICAgICAgdGhpcy5hZGRSYWRhckxheWVyKHRoaXMucmVzLCA3LXRvKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbjwvc2NyaXB0PlxuXG48c3R5bGUgbGFuZz1cInNjc3NcIj5cbiAgI2dlc2hlbSB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG4gICNkYXRlIHtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgZm9udC1zaXplOiAxLjJlbTtcbiAgfVxuICAjdGltZSB7XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIGZvbnQtc2l6ZTogMS42ZW07XG4gIH1cbjwvc3R5bGU+XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gR2VzaGVtLnZ1ZT9hMmQ5MzljYSJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///15\n");
+eval("/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_slider_component__ = __webpack_require__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_slider_component___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue_slider_component__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_mapbox_gl__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_mapbox_gl___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_mapbox_gl__);\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  name: 'geshem',\n  components: {\n    'vue-slider': __WEBPACK_IMPORTED_MODULE_0_vue_slider_component___default.a\n  },\n  data: function data() {\n    var _ref;\n\n    return {\n      imgs: window.imgs,\n      res: 280,\n      slider: 7,\n      rasterCoords: {\n        140: [[33.35317413, 33.27232471], [36.32243686, 33.27232471], [36.32243686, 30.72293428], [33.35317413, 30.72293428]],\n        280: [[31.93095218, 34.5156862], [37.86644267, 34.5156862], [37.86644267, 29.42911589], [31.93095218, 29.42911589]]\n      },\n      map: new __WEBPACK_IMPORTED_MODULE_1_mapbox_gl___default.a.Map((_ref = {\n        container: 'map',\n        style: 'mapbox://styles/mapbox/dark-v9'\n      }, _defineProperty(_ref, 'container', 'map'), _defineProperty(_ref, 'maxZoom', 10), _defineProperty(_ref, 'minZoom', 5), _defineProperty(_ref, 'zoom', 6.3), _defineProperty(_ref, 'center', [35, 31.9]), _defineProperty(_ref, 'hash', false), _ref))\n    };\n  },\n  computed: {\n    date: function date() {\n      var d = this.imgs[this.res][7 - this.slider].substr(0, 8);\n      return d.substr(6, 2) + '-' + d.substr(4, 2) + '-' + d.substr(0, 4);\n    },\n    time: function time() {\n      var t = this.imgs[this.res][7 - this.slider].substr(9, 6);\n      return t.substr(0, 2) + ':' + t.substr(2, 2);\n    },\n    curImg: function curImg() {\n      return 7 - this.slider;\n    }\n  },\n  created: function created() {\n    var vm = this;\n    this.map.on('style.load', function () {\n      var i = 0;\n      while (i < vm.imgs['140'].length) {\n        vm.addRadarSource('140', i, vm.imgs['140'][i++]);\n      }\n      var i = 0;\n      while (i < vm.imgs['280'].length) {\n        vm.addRadarSource('280', i, vm.imgs['280'][i++]);\n      }\n      vm.addRadarLayer('280', 0);\n    });\n    this.map.on('zoom', function () {\n      var zoomIn = vm.map.getZoom() > 7;\n      var from = zoomIn ? '280' : '140';\n      var to = zoomIn ? '140' : '280';\n      if (to != vm.res) {\n        console.log('Zoom event from ' + from + ' to ' + to);\n        vm.removeRadarLayer(from, vm.curImg);\n        vm.addRadarLayer(to, vm.curImg);\n        vm.res = to;\n      }\n    });\n  },\n  methods: {\n    addRadarSource: function addRadarSource(res, i, url) {\n      this.map.addSource('radar-' + res + '-' + i, {\n        type: 'image',\n        url: '/static/img/' + url,\n        coordinates: this.rasterCoords[res]\n      });\n    },\n    addRadarLayer: function addRadarLayer(res, i) {\n      this.map.addLayer({\n        id: 'radar-' + res + '-' + i,\n        source: 'radar-' + res + '-' + i,\n        type: 'raster',\n        paint: {\n          'raster-opacity': 0.85\n        }\n      });\n    },\n    removeRadarLayer: function removeRadarLayer(res, i) {\n      this.map.removeLayer('radar-' + res + '-' + i);\n    }\n  },\n  watch: {\n    slider: function slider(to, from) {\n      this.removeRadarLayer(this.res, 7 - from);\n      this.addRadarLayer(this.res, 7 - to);\n    }\n  }\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vR2VzaGVtLnZ1ZT9iZGY1Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFhQTtBQUNBO0FBQ0E7UUFFQTs7a0JBR0E7QUFGQTs7QUFHQTs7O21CQUVBO1dBQ0E7Y0FDQTs7YUFFQSxlQUNBLDRCQUNBLDRCQUNBLDRCQUVBO2FBQ0EsZUFDQSwyQkFDQSwyQkFDQSw0QkFHQTtBQWJBO2lFQWNBO21CQUNBO2VBQ0E7NENBQ0EseUNBQ0Esc0NBQ0Esa0NBQ0EsMkNBQ0Esc0NBR0E7QUE1QkE7QUE2QkE7OzBCQUVBOzZEQUNBO3VFQUNBO0FBQ0E7MEJBQ0E7NkRBQ0E7Z0RBQ0E7QUFDQTs4QkFDQTtzQkFDQTtBQUVBO0FBWkE7OEJBYUE7YUFDQTswQ0FDQTtjQUNBO3dDQUNBO21EQUNBO0FBQ0E7Y0FDQTt3Q0FDQTttREFDQTtBQUNBOzhCQUNBO0FBQ0E7b0NBQ0E7c0NBQ0E7a0NBQ0E7Z0NBQ0E7d0JBQ0E7eURBQ0E7cUNBQ0E7Z0NBQ0E7aUJBQ0E7QUFDQTtBQUNBO0FBQ0E7O3lEQUVBOztjQUVBOzhCQUNBO3VDQUVBO0FBSkE7QUFLQTtrREFDQTs7bUNBRUE7dUNBQ0E7Y0FDQTs7NEJBSUE7QUFIQTtBQUpBO0FBUUE7d0RBQ0E7a0RBQ0E7QUFFQTtBQXJCQTs7c0NBdUJBOzBDQUNBO3VDQUNBO0FBRUE7QUFMQTtBQWhHQSIsImZpbGUiOiIxNS5qcyIsInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cbiAgPGRpdiBpZD1cImdlc2hlbVwiPlxuICAgIDxkaXYgaWQ9XCJkYXRldGltZVwiPlxuICAgICAgPGRpdiBpZD1cImRhdGVcIj57eyBkYXRlIH19PC9kaXY+XG4gICAgICA8ZGl2IGlkPVwidGltZVwiPnt7IHRpbWUgfX08L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGlkPVwic2xpZGVyXCI+XG4gICAgICA8dnVlLXNsaWRlciByZWY9XCJzbGlkZXJcIiB2LW1vZGVsPVwic2xpZGVyXCIgOm1pbj0xIDptYXg9Nz48L3Z1ZS1zbGlkZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC90ZW1wbGF0ZT5cblxuPHNjcmlwdD5cbiAgaW1wb3J0IHZ1ZVNsaWRlciBmcm9tICd2dWUtc2xpZGVyLWNvbXBvbmVudCc7XG4gIGltcG9ydCBtYXBib3hnbCBmcm9tICdtYXBib3gtZ2wnO1xuICBleHBvcnQgZGVmYXVsdCB7XG4gICAgbmFtZTogJ2dlc2hlbScsXG4gICAgY29tcG9uZW50czoge1xuICAgICAgJ3Z1ZS1zbGlkZXInOiB2dWVTbGlkZXJcbiAgICB9LFxuICAgIGRhdGE6IGZ1bmN0aW9uICgpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGltZ3M6IHdpbmRvdy5pbWdzLFxuICAgICAgICByZXM6IDI4MCxcbiAgICAgICAgc2xpZGVyOiA3LFxuICAgICAgICByYXN0ZXJDb29yZHM6IHtcbiAgICAgICAgICAxNDA6IFtcbiAgICAgICAgICAgIFszMy4zNTMxNzQxMywgMzMuMjcyMzI0NzFdLFxuICAgICAgICAgICAgWzM2LjMyMjQzNjg2LCAzMy4yNzIzMjQ3MV0sXG4gICAgICAgICAgICBbMzYuMzIyNDM2ODYsIDMwLjcyMjkzNDI4XSxcbiAgICAgICAgICAgIFszMy4zNTMxNzQxMywgMzAuNzIyOTM0MjhdXG4gICAgICAgICAgXSxcbiAgICAgICAgICAyODA6IFtcbiAgICAgICAgICAgIFszMS45MzA5NTIxOCwgMzQuNTE1Njg2Ml0sXG4gICAgICAgICAgICBbMzcuODY2NDQyNjcsIDM0LjUxNTY4NjJdLFxuICAgICAgICAgICAgWzM3Ljg2NjQ0MjY3LCAyOS40MjkxMTU4OV0sXG4gICAgICAgICAgICBbMzEuOTMwOTUyMTgsIDI5LjQyOTExNTg5XVxuICAgICAgICAgIF1cbiAgICAgICAgfSxcbiAgICAgICAgbWFwOiBuZXcgbWFwYm94Z2wuTWFwKHtcbiAgICAgICAgICBjb250YWluZXI6ICdtYXAnLFxuICAgICAgICAgIHN0eWxlOiAnbWFwYm94Oi8vc3R5bGVzL21hcGJveC9kYXJrLXY5JyxcbiAgICAgICAgICBjb250YWluZXI6ICdtYXAnLFxuICAgICAgICAgIG1heFpvb206IDEwLFxuICAgICAgICAgIG1pblpvb206IDUsXG4gICAgICAgICAgem9vbTogNi4zLFxuICAgICAgICAgIGNlbnRlcjogWzM1LCAzMS45XSxcbiAgICAgICAgICBoYXNoOiBmYWxzZVxuICAgICAgICB9KVxuICAgICAgfVxuICAgIH0sXG4gICAgY29tcHV0ZWQ6IHtcbiAgICAgIGRhdGU6IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIGQgPSB0aGlzLmltZ3NbdGhpcy5yZXNdWzctdGhpcy5zbGlkZXJdLnN1YnN0cigwLCA4KTtcbiAgICAgICAgcmV0dXJuIGAke2Quc3Vic3RyKDYsIDIpfS0ke2Quc3Vic3RyKDQsIDIpfS0ke2Quc3Vic3RyKDAsIDQpfWA7XG4gICAgICB9LFxuICAgICAgdGltZTogZnVuY3Rpb24gKCkge1xuICAgICAgICB2YXIgdCA9IHRoaXMuaW1nc1t0aGlzLnJlc11bNy10aGlzLnNsaWRlcl0uc3Vic3RyKDksIDYpO1xuICAgICAgICByZXR1cm4gYCR7dC5zdWJzdHIoMCwgMil9OiR7dC5zdWJzdHIoMiwgMil9YDtcbiAgICAgIH0sXG4gICAgICBjdXJJbWc6IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgcmV0dXJuIDcgLSB0aGlzLnNsaWRlcjtcbiAgICAgIH1cbiAgICB9LFxuICAgIGNyZWF0ZWQ6IGZ1bmN0aW9uICgpIHtcbiAgICAgIHZhciB2bSA9IHRoaXM7XG4gICAgICB0aGlzLm1hcC5vbignc3R5bGUubG9hZCcsIGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIGkgPSAwO1xuICAgICAgICB3aGlsZSAoaSA8IHZtLmltZ3NbJzE0MCddLmxlbmd0aCkge1xuICAgICAgICAgIHZtLmFkZFJhZGFyU291cmNlKCcxNDAnLCBpLCB2bS5pbWdzWycxNDAnXVtpKytdKVxuICAgICAgICB9XG4gICAgICAgIHZhciBpID0gMDtcbiAgICAgICAgd2hpbGUgKGkgPCB2bS5pbWdzWycyODAnXS5sZW5ndGgpIHtcbiAgICAgICAgICB2bS5hZGRSYWRhclNvdXJjZSgnMjgwJywgaSwgdm0uaW1nc1snMjgwJ11baSsrXSlcbiAgICAgICAgfVxuICAgICAgICB2bS5hZGRSYWRhckxheWVyKCcyODAnLCAwKVxuICAgICAgfSk7XG4gICAgICB0aGlzLm1hcC5vbignem9vbScsIGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdmFyIHpvb21JbiA9IHZtLm1hcC5nZXRab29tKCkgPiA3O1xuICAgICAgICB2YXIgZnJvbSA9IHpvb21JbiA/ICcyODAnIDogJzE0MCc7XG4gICAgICAgIHZhciB0byA9IHpvb21JbiA/ICcxNDAnIDogJzI4MCc7XG4gICAgICAgIGlmICh0byAhPSB2bS5yZXMpIHtcbiAgICAgICAgICBjb25zb2xlLmxvZyhgWm9vbSBldmVudCBmcm9tICR7ZnJvbX0gdG8gJHt0b31gKTtcbiAgICAgICAgICB2bS5yZW1vdmVSYWRhckxheWVyKGZyb20sIHZtLmN1ckltZyk7XG4gICAgICAgICAgdm0uYWRkUmFkYXJMYXllcih0bywgdm0uY3VySW1nKTtcbiAgICAgICAgICB2bS5yZXMgPSB0bztcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfSxcbiAgICBtZXRob2RzOiB7XG4gICAgICBhZGRSYWRhclNvdXJjZTogZnVuY3Rpb24ocmVzLCBpLCB1cmwpIHtcbiAgICAgICAgdGhpcy5tYXAuYWRkU291cmNlKGByYWRhci0ke3Jlc30tJHtpfWAsIHtcbiAgICAgICAgICB0eXBlOiAnaW1hZ2UnLFxuICAgICAgICAgIHVybDogJy9zdGF0aWMvaW1nLycgKyB1cmwsXG4gICAgICAgICAgY29vcmRpbmF0ZXM6IHRoaXMucmFzdGVyQ29vcmRzW3Jlc11cbiAgICAgICAgfSlcbiAgICAgIH0sXG4gICAgICBhZGRSYWRhckxheWVyOiBmdW5jdGlvbihyZXMsIGkpIHtcbiAgICAgICAgdGhpcy5tYXAuYWRkTGF5ZXIoe1xuICAgICAgICAgIGlkOiBgcmFkYXItJHtyZXN9LSR7aX1gLFxuICAgICAgICAgIHNvdXJjZTogYHJhZGFyLSR7cmVzfS0ke2l9YCxcbiAgICAgICAgICB0eXBlOiAncmFzdGVyJyxcbiAgICAgICAgICBwYWludDoge1xuICAgICAgICAgICAgJ3Jhc3Rlci1vcGFjaXR5JzogMC44NVxuICAgICAgICAgIH1cbiAgICAgICAgfSlcbiAgICAgIH0sXG4gICAgICByZW1vdmVSYWRhckxheWVyOiBmdW5jdGlvbihyZXMsIGkpIHtcbiAgICAgICAgdGhpcy5tYXAucmVtb3ZlTGF5ZXIoYHJhZGFyLSR7cmVzfS0ke2l9YClcbiAgICAgIH1cbiAgICB9LFxuICAgIHdhdGNoOiB7XG4gICAgICBzbGlkZXI6IGZ1bmN0aW9uICh0bywgZnJvbSkge1xuICAgICAgICB0aGlzLnJlbW92ZVJhZGFyTGF5ZXIodGhpcy5yZXMsIDctZnJvbSk7XG4gICAgICAgIHRoaXMuYWRkUmFkYXJMYXllcih0aGlzLnJlcywgNy10byk7XG4gICAgICB9XG4gICAgfVxuICB9XG48L3NjcmlwdD5cblxuPHN0eWxlIGxhbmc9XCJzY3NzXCI+XG4gICNnZXNoZW0ge1xuICAgICNkYXRldGltZSB7IFxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgbWFyZ2luOiAyMHB4IDBweCAwcHggMjBweDtcbiAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgIGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG4gICAgICAjZGF0ZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMS40ZW07XG4gICAgICB9XG4gICAgICAjdGltZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMS44ZW07XG4gICAgICB9XG4gICAgfVxuICAgICNzbGlkZXIge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm90dG9tOiAxMHZoO1xuICAgICAgd2lkdGg6IDMwdnc7XG4gICAgICBtYXJnaW4tbGVmdDogMzV2dztcbiAgICB9XG4gIH1cbjwvc3R5bGU+XG5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gR2VzaGVtLnZ1ZT8xZGM0NDQ5YSJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///15\n");
 
 /***/ }),
 /* 16 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { attrs: { id: \"geshem\" } },\n    [\n      _c(\"div\", { attrs: { id: \"date\" } }, [_vm._v(_vm._s(_vm.date))]),\n      _vm._v(\" \"),\n      _c(\"div\", { attrs: { id: \"time\" } }, [_vm._v(_vm._s(_vm.time))]),\n      _vm._v(\" \"),\n      _c(\"vue-slider\", {\n        ref: \"slider\",\n        attrs: { min: 1, max: 7 },\n        model: {\n          value: _vm.slider,\n          callback: function($$v) {\n            _vm.slider = $$v\n          },\n          expression: \"slider\"\n        }\n      })\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-7d220ade\", esExports)\n  }\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9HZXNoZW0udnVlP2EyMDkiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsS0FBSyxTQUFTLGVBQWUsRUFBRTtBQUMvQjtBQUNBLGlCQUFpQixTQUFTLGFBQWEsRUFBRTtBQUN6QztBQUNBLGlCQUFpQixTQUFTLGFBQWEsRUFBRTtBQUN6QztBQUNBO0FBQ0E7QUFDQSxnQkFBZ0IsaUJBQWlCO0FBQ2pDO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsV0FBVztBQUNYO0FBQ0E7QUFDQSxPQUFPO0FBQ1A7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsaUJBQWlCO0FBQ2pCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwiZmlsZSI6IjE2LmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIHJlbmRlciA9IGZ1bmN0aW9uKCkge1xuICB2YXIgX3ZtID0gdGhpc1xuICB2YXIgX2ggPSBfdm0uJGNyZWF0ZUVsZW1lbnRcbiAgdmFyIF9jID0gX3ZtLl9zZWxmLl9jIHx8IF9oXG4gIHJldHVybiBfYyhcbiAgICBcImRpdlwiLFxuICAgIHsgYXR0cnM6IHsgaWQ6IFwiZ2VzaGVtXCIgfSB9LFxuICAgIFtcbiAgICAgIF9jKFwiZGl2XCIsIHsgYXR0cnM6IHsgaWQ6IFwiZGF0ZVwiIH0gfSwgW192bS5fdihfdm0uX3MoX3ZtLmRhdGUpKV0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiZGl2XCIsIHsgYXR0cnM6IHsgaWQ6IFwidGltZVwiIH0gfSwgW192bS5fdihfdm0uX3MoX3ZtLnRpbWUpKV0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwidnVlLXNsaWRlclwiLCB7XG4gICAgICAgIHJlZjogXCJzbGlkZXJcIixcbiAgICAgICAgYXR0cnM6IHsgbWluOiAxLCBtYXg6IDcgfSxcbiAgICAgICAgbW9kZWw6IHtcbiAgICAgICAgICB2YWx1ZTogX3ZtLnNsaWRlcixcbiAgICAgICAgICBjYWxsYmFjazogZnVuY3Rpb24oJCR2KSB7XG4gICAgICAgICAgICBfdm0uc2xpZGVyID0gJCR2XG4gICAgICAgICAgfSxcbiAgICAgICAgICBleHByZXNzaW9uOiBcInNsaWRlclwiXG4gICAgICAgIH1cbiAgICAgIH0pXG4gICAgXSxcbiAgICAxXG4gIClcbn1cbnZhciBzdGF0aWNSZW5kZXJGbnMgPSBbXVxucmVuZGVyLl93aXRoU3RyaXBwZWQgPSB0cnVlXG52YXIgZXNFeHBvcnRzID0geyByZW5kZXI6IHJlbmRlciwgc3RhdGljUmVuZGVyRm5zOiBzdGF0aWNSZW5kZXJGbnMgfVxuZXhwb3J0IGRlZmF1bHQgZXNFeHBvcnRzXG5pZiAobW9kdWxlLmhvdCkge1xuICBtb2R1bGUuaG90LmFjY2VwdCgpXG4gIGlmIChtb2R1bGUuaG90LmRhdGEpIHtcbiAgICByZXF1aXJlKFwidnVlLWhvdC1yZWxvYWQtYXBpXCIpICAgICAgLnJlcmVuZGVyKFwiZGF0YS12LTdkMjIwYWRlXCIsIGVzRXhwb3J0cylcbiAgfVxufVxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL3RlbXBsYXRlLWNvbXBpbGVyP3tcImlkXCI6XCJkYXRhLXYtN2QyMjBhZGVcIixcImhhc1Njb3BlZFwiOmZhbHNlLFwiYnVibGVcIjp7XCJ0cmFuc2Zvcm1zXCI6e319fSEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9zZWxlY3Rvci5qcz90eXBlPXRlbXBsYXRlJmluZGV4PTAmYnVzdENhY2hlIS4vR2VzaGVtLnZ1ZVxuLy8gbW9kdWxlIGlkID0gMTZcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///16\n");
+eval("var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"geshem\" } }, [\n    _c(\"div\", { attrs: { id: \"datetime\" } }, [\n      _c(\"div\", { attrs: { id: \"date\" } }, [_vm._v(_vm._s(_vm.date))]),\n      _vm._v(\" \"),\n      _c(\"div\", { attrs: { id: \"time\" } }, [_vm._v(_vm._s(_vm.time))])\n    ]),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      { attrs: { id: \"slider\" } },\n      [\n        _c(\"vue-slider\", {\n          ref: \"slider\",\n          attrs: { min: 1, max: 7 },\n          model: {\n            value: _vm.slider,\n            callback: function($$v) {\n              _vm.slider = $$v\n            },\n            expression: \"slider\"\n          }\n        })\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-7d220ade\", esExports)\n  }\n}\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9HZXNoZW0udnVlP2EyMDkiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQSxvQkFBb0IsU0FBUyxlQUFlLEVBQUU7QUFDOUMsZUFBZSxTQUFTLGlCQUFpQixFQUFFO0FBQzNDLGlCQUFpQixTQUFTLGFBQWEsRUFBRTtBQUN6QztBQUNBLGlCQUFpQixTQUFTLGFBQWEsRUFBRTtBQUN6QztBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU8sU0FBUyxlQUFlLEVBQUU7QUFDakM7QUFDQTtBQUNBO0FBQ0Esa0JBQWtCLGlCQUFpQjtBQUNuQztBQUNBO0FBQ0E7QUFDQTtBQUNBLGFBQWE7QUFDYjtBQUNBO0FBQ0EsU0FBUztBQUNUO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsaUJBQWlCO0FBQ2pCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwiZmlsZSI6IjE2LmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIHJlbmRlciA9IGZ1bmN0aW9uKCkge1xuICB2YXIgX3ZtID0gdGhpc1xuICB2YXIgX2ggPSBfdm0uJGNyZWF0ZUVsZW1lbnRcbiAgdmFyIF9jID0gX3ZtLl9zZWxmLl9jIHx8IF9oXG4gIHJldHVybiBfYyhcImRpdlwiLCB7IGF0dHJzOiB7IGlkOiBcImdlc2hlbVwiIH0gfSwgW1xuICAgIF9jKFwiZGl2XCIsIHsgYXR0cnM6IHsgaWQ6IFwiZGF0ZXRpbWVcIiB9IH0sIFtcbiAgICAgIF9jKFwiZGl2XCIsIHsgYXR0cnM6IHsgaWQ6IFwiZGF0ZVwiIH0gfSwgW192bS5fdihfdm0uX3MoX3ZtLmRhdGUpKV0pLFxuICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgIF9jKFwiZGl2XCIsIHsgYXR0cnM6IHsgaWQ6IFwidGltZVwiIH0gfSwgW192bS5fdihfdm0uX3MoX3ZtLnRpbWUpKV0pXG4gICAgXSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcbiAgICAgIFwiZGl2XCIsXG4gICAgICB7IGF0dHJzOiB7IGlkOiBcInNsaWRlclwiIH0gfSxcbiAgICAgIFtcbiAgICAgICAgX2MoXCJ2dWUtc2xpZGVyXCIsIHtcbiAgICAgICAgICByZWY6IFwic2xpZGVyXCIsXG4gICAgICAgICAgYXR0cnM6IHsgbWluOiAxLCBtYXg6IDcgfSxcbiAgICAgICAgICBtb2RlbDoge1xuICAgICAgICAgICAgdmFsdWU6IF92bS5zbGlkZXIsXG4gICAgICAgICAgICBjYWxsYmFjazogZnVuY3Rpb24oJCR2KSB7XG4gICAgICAgICAgICAgIF92bS5zbGlkZXIgPSAkJHZcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBleHByZXNzaW9uOiBcInNsaWRlclwiXG4gICAgICAgICAgfVxuICAgICAgICB9KVxuICAgICAgXSxcbiAgICAgIDFcbiAgICApXG4gIF0pXG59XG52YXIgc3RhdGljUmVuZGVyRm5zID0gW11cbnJlbmRlci5fd2l0aFN0cmlwcGVkID0gdHJ1ZVxudmFyIGVzRXhwb3J0cyA9IHsgcmVuZGVyOiByZW5kZXIsIHN0YXRpY1JlbmRlckZuczogc3RhdGljUmVuZGVyRm5zIH1cbmV4cG9ydCBkZWZhdWx0IGVzRXhwb3J0c1xuaWYgKG1vZHVsZS5ob3QpIHtcbiAgbW9kdWxlLmhvdC5hY2NlcHQoKVxuICBpZiAobW9kdWxlLmhvdC5kYXRhKSB7XG4gICAgcmVxdWlyZShcInZ1ZS1ob3QtcmVsb2FkLWFwaVwiKSAgICAgIC5yZXJlbmRlcihcImRhdGEtdi03ZDIyMGFkZVwiLCBlc0V4cG9ydHMpXG4gIH1cbn1cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi90ZW1wbGF0ZS1jb21waWxlcj97XCJpZFwiOlwiZGF0YS12LTdkMjIwYWRlXCIsXCJoYXNTY29wZWRcIjpmYWxzZSxcImJ1YmxlXCI6e1widHJhbnNmb3Jtc1wiOnt9fX0hLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvc2VsZWN0b3IuanM/dHlwZT10ZW1wbGF0ZSZpbmRleD0wJmJ1c3RDYWNoZSEuL0dlc2hlbS52dWVcbi8vIG1vZHVsZSBpZCA9IDE2XG4vLyBtb2R1bGUgY2h1bmtzID0gMCJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///16\n");
 
 /***/ })
 /******/ ]);
\ No newline at end of file
-- 
cgit v1.3.1