diff --git a/app/appV2.js b/app/appV2.js
new file mode 100644
index 0000000..bc5a679
--- /dev/null
+++ b/app/appV2.js
@@ -0,0 +1,39 @@
+const SOCKETMANAGER = require('./js/v2/slackSocket');
+const { BitcoinModel, Bitcoin } = require('./js/v2/bitcoin');
+const { EventModel, EventView } = require('./js/v2/events');
+const { FxModel, FxView } = require('./js/v2/fx');
+const { TrainModel, TrainView } = require('./js/v2/train');
+const PasswordView = require('./js/v2/password');
+const WView = require('./js/v2/weatherV2');
+
+// module.exports = EventModel;
+// module.exports = EventView;
+
+(function (w) {
+ /* navigator.geolocation.getCurrentPosition((show_weather) => {
+ w.weather = new WeatherSlim({model: new WeatherModel({geo:show_weather})});
+ });*/
+
+ const webSocketModel = new SOCKETMANAGER();
+
+ const btcModel = new BitcoinModel();
+ webSocketModel.setBTC(btcModel);
+
+ w.contractEnds = new EventView({ 'model': new EventModel({ 'event': new Date(2017, 8, 29), 'label': 'Contract Ends:' }) });
+
+ w.bitcoin = new Bitcoin({ 'model': btcModel });
+
+ w.fx = new FxView({ 'model': new FxModel() });
+
+ w.dbqglqView = new TrainView({ 'model': new TrainModel({ 'from': 'dbe', 'to': 'glq' }) });
+ w.glqdbeView = new TrainView({ 'model': new TrainModel({ 'from': 'glq', 'to': 'dbe' }) });
+ w.glqhymView = new TrainView({ 'model': new TrainModel({ 'from': 'glq', 'to': 'hym' }) });
+ w.hymglqView = new TrainView({ 'model': new TrainModel({ 'from': 'hym', 'to': 'glq' }) });
+
+
+ // console.log(PasswordView);
+ w.passwords = new PasswordView();
+
+ w.wview = new WView({ 'el': document.getElementById('weather') });
+ webSocketModel.turnOn();
+})(window);
diff --git a/app/js/modules/weatherV2.js b/app/js/modules/weatherV2.js
index 8280a49..db92129 100644
--- a/app/js/modules/weatherV2.js
+++ b/app/js/modules/weatherV2.js
@@ -4,12 +4,17 @@ function reduceOpenWeather(item) {
const ts = moment(item.dt * 1000);
const weatherBlock = item.weather[0];
+ console.log(item, item.temp);
return {
'timestamp': item.dt,
'icon': `wi-owm-${weatherBlock.id}`,
'summary': weatherBlock.description,
'tempHigh': parseInt(item.temp.max, 10),
'tempLow': parseInt(item.temp.min, 10),
+ 'tempMorn' : parseInt(item.temp.morn, 10),
+ 'tempDay' : parseInt(item.temp.day, 10),
+ 'tempEve' : parseInt(item.temp.eve, 10),
+ 'tempNight' : parseInt(item.temp.night, 10),
'datelong': ts.format(),
'time': item.dt,
'date': ts.format('D/M'),
@@ -49,19 +54,26 @@ const WView = Backbone.View.extend({
'tagName': 'div',
'template': _.template(`
<% _.each(data, function(item) {%>
-
-
+
+
<%= item.day %>
<%= item.date %>
-
-
+
+
-
- <%= item.tempHigh %>° /
- <%= item.tempLow %>°
-
<%= item.summary %>
+
+
<%= item.tempHigh %>° /
+
<%= item.tempLow %>°
-
+
<%= item.summary %>
+
+
+
<%= item.tempMorn %>°
+
<%= item.tempDay %>°
+
<%= item.tempEve %>°
+
<%= item.tempNight %>°
+
+
₿${balance} £${parseFloat(owned.toFixed(2))}
` );
+ this.$btc.prop('title', title);
+ }
+});
+
+module.exports = { BitcoinModel, Bitcoin };
+
diff --git a/app/js/v2/events.js b/app/js/v2/events.js
new file mode 100644
index 0000000..093135e
--- /dev/null
+++ b/app/js/v2/events.js
@@ -0,0 +1,59 @@
+/**
+ * Created by mdonnel on 10/04/2017.
+ */
+const $ = require('jquery');
+const _ = require('underscore');
+const Backbone = require('backbone');
+
+const EventModel = Backbone.Model.extend({
+ 'initialize': function () {
+ this.update();
+ },
+ 'getDays' : function(startdate, enddate) {
+ const s = startdate.getTime();
+ const e = enddate.getTime();
+ return (e - s) / (24 * 60 * 60 * 1000);
+ },
+ 'update': function () {
+ const now = new Date;
+ const mod = 3600000 - (now.getTime() % 3600000);
+ const data = {};
+ data.days = Math.ceil(this.getDays(now, this.get('event')));
+ data.weeks = Math.ceil(this.getDays(now, this.get('event')) / 7);
+ this.set('data', data);
+
+ const clockFn = function () {
+ this.update();
+ };
+
+ setTimeout(clockFn.bind(this), mod + 10);
+ }
+});
+
+const EventView = Backbone.View.extend({
+ 'tagName': 'div',
+ 'initialize': function () {
+ _.bindAll(this, 'render');
+ this.model.bind('change', this.render);
+ this.id = `e_${ Math.random().toString(36).substr(2, 9)}`;
+ this.$events = $('#events');
+ this.$myEvent = null;
+ this.$el = this.$events;
+ this.initView();
+ this.render();
+ },
+ 'render': function () {
+ const label = this.model.get('label');
+ const data = this.model.get('data');
+ const str = `${label} ${data.days} days / ${data.weeks} weeks`;
+ this.$myEvent.empty().append(str);
+ },
+ 'initView': function () {
+ const html = ``;
+ this.$html = $(html);
+ this.$events.append(this.$html);
+ this.$myEvent = $(`#${this.id}`);
+ }
+});
+
+module.exports = { EventModel, EventView };
diff --git a/app/js/v2/fx.js b/app/js/v2/fx.js
new file mode 100644
index 0000000..5a9f346
--- /dev/null
+++ b/app/js/v2/fx.js
@@ -0,0 +1,79 @@
+/**
+ * Created by mdonnel on 22/03/2017.
+ */
+const $ = require('jquery');
+const _ = require('underscore');
+const Backbone = require('backbone');
+
+const FxModel = Backbone.Model.extend({
+ 'initialize': function () {
+ this.set('url', '/fx');
+ this.set('fxdata', {});
+ this.update();
+ },
+ 'update': function () {
+ this.getFX();
+ const now = new Date;
+ const mod = 900000 - (now.getTime() % 900000);
+
+ const fxUpdateFn = function() {
+ this.update();
+ };
+ setTimeout(fxUpdateFn.bind(this), mod + 10);
+ },
+ 'getFX': function() {
+ const url = this.get('url');
+ const self = this;
+ $.ajax({
+ 'type': 'GET',
+ 'url': url,
+ 'data': '',
+ 'dataType': 'json',
+
+ 'timeout': 10000,
+
+ 'headers': {
+ 'Access-Control-Allow-Origin': '*',
+ 'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
+ 'Access-Control-Allow-Headers': 'Content-Type'
+
+ },
+ 'success': function(data) {
+ let fxdata = {};
+ if (data.rates !== undefined) {
+ const gpbex = (1 / data.rates.GBP);
+ const sekex = (gpbex * data.rates.SEK);
+ fxdata = {
+ 'usd': 1,
+ 'gbp': data.rates.GBP,
+ 'sek': data.rates.SEK,
+ 'gpbe': gpbex,
+ 'sekex': sekex
+ };
+ }
+
+ self.set('fxdata', fxdata);
+ },
+ 'error': function(xhr, type) {
+ console.log('ajax error');
+ console.log(xhr);
+ console.log(type);
+ }
+ });
+ }
+});
+
+const FxView = Backbone.View.extend({
+ 'tagName': 'div',
+ 'initialize': function () {
+ _.bindAll(this, 'render');
+ this.model.bind('change', this.render);
+ this.$fx = $('#fx');
+ },
+ 'render': function () {
+ const fxdata = this.model.get('fxdata');
+ this.$fx.html(`£1 = $${parseFloat(fxdata.gpbe.toFixed(2))} = ${ parseFloat(fxdata.sekex.toFixed(2))} SEK`);
+ }
+});
+
+module.exports = { FxModel, FxView };
diff --git a/app/js/v2/password.js b/app/js/v2/password.js
new file mode 100644
index 0000000..3e28d4f
--- /dev/null
+++ b/app/js/v2/password.js
@@ -0,0 +1,108 @@
+/**
+ * Created by mdonnel on 20/04/2017.
+ */
+/* _.templateSettings = {
+ 'evaluate': /\{\{(.+?)\}\}/g,
+ 'interpolate': /\{\{=(.+?)\}\}/g,
+ 'escape': /\{\{-(.+?)\}\}/g
+};*/
+
+const $ = require('jquery');
+const _ = require('underscore');
+const Backbone = require('backbone');
+
+Array.prototype.random = function () {
+ return this[Math.floor((Math.random() * this.length))];
+};
+
+const PasswordView = Backbone.View.extend({
+ 'el': '#passwords',
+ 'passwordTemplate': _.template('Long: <%=long%>
Short: <%=short%>
'),
+ 'initialize': function () {
+ this.alpha = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x',
+ 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X',
+ 'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+ this.whitespace = ['.', '~', '#', '!', '$', '+', '-', '+'];
+ this.numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+ this.left = ['Alabama',
+ 'Alaska',
+ 'Arizona',
+ 'Maryland',
+ 'Nevada',
+ 'Mexico',
+ 'Texas',
+ 'Utah',
+ 'Glasgow',
+ 'Inverness',
+ 'Edinburgh',
+ 'Dumbarton',
+ 'Balloch',
+ 'Renton',
+ 'Cardross',
+ 'Dundee',
+ 'Paisley',
+ 'Hamilton',
+ 'Greenock',
+ 'Falkirk',
+ 'Irvine',
+ 'Renfrew',
+ 'Erskine',
+ 'London',
+ 'Hammersmith',
+ 'Islington',
+ 'Silver', 'Black', 'Yellow', 'Purple', 'White', 'Pink', 'Red', 'Orange', 'Brown', 'Green', 'Blue',
+ 'Amber', 'Aqua', 'Azure', 'Bronze', 'Coral', 'Copper', 'Crimson', 'Cyan', 'Ginger', 'Gold', 'Indigo', 'Jade'
+
+ ];
+
+ this.right = ['Aganju', 'Cygni', 'Akeron', 'Antares', 'Aragoth', 'Ardus', 'Carpenter',
+ 'Cooper', 'Dahin', 'Capella', 'Endriago', 'Gallina', 'Fenris', 'Freya', 'Glenn', 'Grissom',
+ 'Jotunheim', 'Kailaasa', 'Lagarto', 'Muspelheim', 'Nifleheim', 'Primus', 'Vega', 'Ragnarok',
+ 'Shepard', 'Slayton', 'Tarsis', 'Mercury', 'Venus', 'Mars', 'Earth', 'Terra', 'Jupiter',
+ 'Saturn', 'Uranus', 'Neptune', 'Pluto', 'Europa', 'Ganymede', 'Callisto', 'Titan', 'Juno',
+ 'Eridanus', 'Scorpius', 'Crux', 'Cancer', 'Taurus', 'Lyra', 'Andromeda', 'Virgo', 'Aquarius',
+ 'Cygnus', 'Corvus', 'Taurus', 'Draco', 'Perseus', 'Pegasus', 'Gemini', 'Columbia', 'Bootes',
+ 'Orion', 'Deneb', 'Merope', 'Agate', 'Amber', 'Beryl', 'Calcite', 'Citrine', 'Coral', 'Diamond',
+ 'Emerald', 'Garnet', 'Jade', 'Lapis', 'Moonstone', 'Obsidian', 'Onyx', 'Opal', 'Pearl', 'Quartz',
+ 'Ruby', 'Sapphire', 'Topaz', 'Iron', 'Lead', 'Nickel', 'Copper', 'Zinc', 'Tin', 'Manes', 'Argon',
+ 'Neon', 'Alpha', 'Bravo', 'Charlie', 'Delta', 'Echo', 'Foxtrot', 'Golf', 'Hotel', 'India', 'Juliett',
+ 'Kilo', 'Lima', 'Mike', 'November', 'Oscar', 'Papa', 'Quebec', 'Romeo', 'Sierra', 'Tango', 'Uniform',
+ 'Victor', 'Whisky', 'Xray', 'Yankee', 'Zulu'];
+
+ this.passwordOut = this.$('#passwordOut');
+ _.bindAll(this, 'newClick');
+ },
+ 'events': {
+ 'click #newPassword': 'newClick'
+ },
+ 'numberCluster': numberCluster,
+ 'randomAmount': randomAmount,
+ 'newClick': newClick
+
+});
+
+function randomAmount(i) {
+ let str = '';
+
+ for (let t = 0; t < i; t++)
+ str = str + this.alpha.random();
+
+ return str;
+}
+
+function newClick(e) {
+ const long = (`${this.left.random() } ${ this.right.random() } ${ this.numberCluster()}`).split(' ').join(this.whitespace.random());
+ const short = (`${this.randomAmount(5) } ${ this.randomAmount(5)}`).split(' ').join(this.whitespace.random());
+ const html = this.passwordTemplate({
+ 'long': long,
+ 'short': short
+ });
+ this.passwordOut.removeClass('mui--hide');
+ this.passwordOut.empty().append(html);
+}
+
+function numberCluster() {
+ return this.numbers.random() + this.numbers.random() + this.numbers.random();
+}
+
+module.exports = PasswordView;
diff --git a/app/js/v2/slackSocket.js b/app/js/v2/slackSocket.js
new file mode 100644
index 0000000..5b836cd
--- /dev/null
+++ b/app/js/v2/slackSocket.js
@@ -0,0 +1,63 @@
+/**
+ *
+ * User: Martin Donnelly
+ * Date: 2016-09-09
+ * Time: 11:38
+ *
+ */
+/* global Backbone, _, WEBSOCKET */
+/* jshint browser: true , devel: true*/
+
+'use strict';
+const _ = require('underscore');
+const Backbone = require('backbone');
+const WEBSOCKET = require('./websocket');
+
+const SOCKETMANAGER = (function () {
+ const SocketManager = Backbone.Model.extend({
+
+ 'initialize': function () {
+ _.bindAll(this, 'turnOn', 'turnOff');
+ this.listeningID = null;
+ this.listening = false;
+ this.webSocket = new WEBSOCKET(this);
+
+ this.on('message', function (o) {
+ console.log('On message', this.listening);
+ if (this.listening)
+ this.checkItem(o);
+ });
+ },
+ 'turnOn': function () {
+ console.log('Socket now listening');
+ this.listening = true;
+ },
+ 'turnOff': function () {
+ this.listening = false;
+ },
+ 'listenFor': function (id) {
+ this.listeningID = this.deviceId.indexOf(id);
+ },
+ 'checkItem': function (item) {
+ if (item.hasOwnProperty('id')) {
+ console.log('id:', item.id);
+ if (item.id === 'btc' && this.btc !== undefined) this.btc.btcFromSocket(item.data);
+
+ if (item.id === 'balance' && this.btc !== undefined) this.btc.balanceFromSocket(item.data);
+ }
+ },
+ 'setBTC': function (obj) {
+ this.btc = obj;
+ },
+ 'setTrain': function (obj) {
+ this.train = obj;
+ },
+ 'getUpdate': function () {
+ this.webSocket.send('update');
+ }
+ });
+
+ return SocketManager;
+}());
+
+module.exports = SOCKETMANAGER;
diff --git a/app/js/v2/train.js b/app/js/v2/train.js
new file mode 100644
index 0000000..3543d30
--- /dev/null
+++ b/app/js/v2/train.js
@@ -0,0 +1,207 @@
+/**
+ *
+ * User: Martin Donnelly
+ * Date: 2016-10-03
+ * Time: 14:20
+ *
+ */
+const $ = require('jquery');
+const _ = require('underscore');
+const Backbone = require('backbone');
+
+const TrainModel = Backbone.Model.extend({
+ 'initialize': function () {
+ const fromStation = this.get('from');
+ const toStation = this.get('to');
+ const url = `/getnexttraintimes?from=${ this.get('from') }&to=${ this.get('to')}`;
+ const routeUrl = `/gettrains?from=${ this.get('from') }&to=${ this.get('to')}`;
+ const target = this.get('from') + this.get('to');
+ this.set('url', url);
+ this.set('routeUrl', routeUrl);
+ this.set('target', target);
+ this.set('visible', false);
+ this.set('trainData', { 'eta':'OFF', 'sta': 'OFF' });
+ this.update();
+ },
+ 'update': function () {
+ const now = new Date;
+ const hours = now.getHours();
+ const limit = (hours < 6) ? 3600000 : 60000;
+
+ const mod = limit - (now.getTime() % limit);
+
+ if (hours >= 6)
+ this.getTrain();
+ else
+ this.set('trainData', { 'eta':'OFF', 'sta': 'OFF' });
+
+ const trainUpdateFn = function () {
+ this.update();
+ };
+
+ setTimeout(trainUpdateFn.bind(this), mod + 10);
+ },
+ 'getTrain': function () {
+ const url = this.get('url');
+ const self = this;
+ $.ajax({
+ 'type': 'GET',
+ 'url': url,
+ 'data': '',
+ 'dataType': 'json',
+ 'timeout': 10000,
+ 'headers': {
+ 'Access-Control-Allow-Origin': '*',
+ 'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
+ 'Access-Control-Allow-Headers': 'Content-Type'
+ },
+ 'success': function (data) {
+ self.set('trainData', data);
+ },
+ 'error': function (xhr, type) {
+ console.log('ajax error');
+ console.log(xhr);
+ console.log(type);
+ }
+ });
+ },
+ 'getRoute': function () {
+ const url = this.get('routeUrl');
+ const self = this;
+
+ if (this.get('visible') === true)
+ this.set('visible', false);
+ else
+ $.ajax({
+ 'type': 'GET',
+ 'url': url,
+ 'data': '',
+ 'dataType': 'json',
+
+ 'timeout': 10000,
+ 'headers': {
+ 'Access-Control-Allow-Origin': '*',
+ 'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
+ 'Access-Control-Allow-Headers': 'Content-Type'
+
+ },
+ 'success': function (data) {
+ // getTrainsCB(data);
+ // console.log('Got', data);
+
+ self.set('route', data);
+ self.set('visible', true);
+ },
+ 'error': function (xhr, type) {
+ console.error('ajax error');
+ console.error(xhr);
+ console.error(type);
+ }
+ });
+ }
+});
+
+const TrainView = Backbone.View.extend({
+ 'tagName': 'div',
+ 'initialize': function () {
+ _.bindAll(this, 'render');
+ this.model.bind('change', this.render);
+ this.$trains = $('#trains');
+ this.$traininfo = $('#traininfo');
+ this.$traintext = $('#trainResults');
+ this.$el = this.$trains;
+ this.initView();
+ },
+ 'events': {
+ 'click': 'showTrains'
+ },
+ 'render': function () {
+ const obj = this.model.get('trainData');
+ const visible = this.model.get('visible');
+ const route = this.model.get('route');
+
+ const output = (obj.eta.toLowerCase() === 'on time') ? obj.sta : obj.eta;
+ const status = (obj.eta.toLowerCase() === 'on time') ? 'ontime' : 'delayed';
+
+ this.$button.html(output);
+ this.$button.removeClass('delayed').removeClass('ontime').addClass(status);
+
+ if (visible) {
+ let ws = `${route.locationName} TO ${route.filterLocationName}
+
+ | Destination |
+ Time |
+ Status |
+ Platform |
|---|
+ `;
+
+ const services = [];
+ if (typeof route.trainServices === 'object' && route.trainServices !== null)
+ for (const item of route.trainServices) {
+ const dest = item.destination[0];
+ const via = dest.via !== null ? `${dest.via}` : '';
+ const platform = item.platform !== null ? item.platform : '💠';
+ const time = item.sta !== null ? item.sta : `D ${item.std}`;
+ const status = item.eta !== null ? item.eta : item.etd;
+
+ services.push({ 'location':dest.locationName, 'time':time, 'status':status, 'platform':platform, 'cancel':item.cancelReason, 'type':'train' });
+ if (!item.isCancelled)
+ ws = `${ws }| ${dest.locationName} ${via} |
+ ${time} |
+ ${status} |
+ ${platform} |
+
`;
+ else
+ ws = `${ws }| ${dest.locationName} ${via} | ${time} |
+ ❌ ${item.cancelReason} |
`;
+ }
+
+ if (typeof route.busServices === 'object' && route.busServices !== null)
+ for (const item of route.busServices) {
+ const dest = item.destination[0];
+ const via = dest.via !== null ? `${dest.via}` : '';
+ const platform = item.platform !== null ? item.platform : '';
+ const time = item.sta !== null ? item.sta : `D ${item.std}`;
+ const status = item.eta !== null ? item.eta : item.etd;
+ services.push({ 'location':dest.locationName, 'time':time, 'status':status, 'platform':platform, 'cancel':item.cancelReason, 'type':'bus' });
+
+ ws = `${ws }| 🚌 ${dest.locationName} ${via} | ${time} | ${status} | ${platform} |
`;
+ }
+
+ ws = `${ws }
`;
+ this.$traintext.empty().html(ws);
+ this.$traintext.removeClass('mui--hide').addClass('mui--show');
+ }
+ else
+ this.$traintext.removeClass('mui--show').addClass('mui--hide');
+ },
+ 'initView': function () {
+
+ const self = this;
+ const target = this.model.get('target');
+ const html = `${target.toUpperCase()}:
`;
+ this.$html = $(html);
+ this.$html.on('click', function () {
+ // console.log(self)
+ self.model.getRoute();
+ });
+ this.$trains.append(this.$html);
+
+ this.$button = $(`#${target}`);
+
+ const output = 'OFF';
+ const status = (output === 'on time') ? 'ontime' : 'delayed';
+
+ this.$button.html(output);
+ this.$button.removeClass('delayed').removeClass('ontime').addClass(status);
+
+ const cevent = `click #${target}`;
+ this.events[cevent] = 'showTrains';
+ },
+ 'showTrains': function () {
+ console.log('Show train');
+ }
+
+});
+
+module.exports = { TrainModel, TrainView };
diff --git a/app/js/v2/weatherV2.js b/app/js/v2/weatherV2.js
new file mode 100644
index 0000000..08accba
--- /dev/null
+++ b/app/js/v2/weatherV2.js
@@ -0,0 +1,99 @@
+const $ = require('jquery');
+const moment = require('moment');
+const _ = require('underscore');
+const Backbone = require('backbone');
+
+function reduceOpenWeather(item) {
+ // Openweather returns timestamps in seconds. Moment requires them in milliseconds.
+
+ const ts = moment(item.dt * 1000);
+ const weatherBlock = item.weather[0];
+
+ // console.log(item, item.temp);
+
+ return {
+ 'timestamp': item.dt,
+ 'icon': `wi-owm-${weatherBlock.id}`,
+ 'summary': weatherBlock.description,
+ 'tempHigh': parseInt(item.temp.max, 10),
+ 'tempLow': parseInt(item.temp.min, 10),
+ 'tempMorn' : parseInt(item.temp.morn, 10),
+ 'tempDay' : parseInt(item.temp.day, 10),
+ 'tempEve' : parseInt(item.temp.eve, 10),
+ 'tempNight' : parseInt(item.temp.night, 10),
+ 'datelong': ts.format(),
+ 'time': item.dt,
+ 'date': ts.format('D/M'),
+ 'day': ts.format('ddd')
+ };
+}
+
+function reduceDarkSky(item) {
+ const ts = moment(item.time * 1000);
+
+ return {
+ 'timestamp': item.time,
+ 'icon': weatherIcons.get(item.icon),
+ 'summary': item.summary,
+ 'tempHigh': parseInt(item.temperatureHigh, 10),
+ 'tempLow': parseInt(item.temperatureLow, 10),
+ 'datelong': ts.format(),
+ 'time': item.time,
+ 'date': ts.format('D/M'),
+ 'day': ts.format('ddd')
+
+ };
+}
+
+const WCollection = Backbone.Collection.extend({
+ 'url': '/weather',
+ 'parse': function(data) {
+ return data.list.map((item) => {
+ // Reduce the data
+ return reduceOpenWeather(item);
+ });
+ }
+});
+
+const WView = Backbone.View.extend({
+ 'tagName': 'div',
+ 'template': _.template(`
+ <% _.each(data, function(item) {%>
+
+
+
<%= item.day %>
+
<%= item.date %>
+
+
+
+
+ <%= item.tempHigh %>° /
+ <%= item.tempLow %>°
+
+
<%= item.summary %>
+
+
+
<%= item.tempMorn %>°
+
<%= item.tempDay %>°
+
<%= item.tempEve %>°
+
<%= item.tempNight %>°
+
+
+
+
+
+
+ <% include ../partials/links %>
+
+
+
+
+