142 lines
3.3 KiB
JavaScript
142 lines
3.3 KiB
JavaScript
const $ = require('jquery');
|
|
const _ = require('underscore');
|
|
const Backbone = require('backbone');
|
|
const request = require('request');
|
|
const { get } = require('lodash');
|
|
const { reduceEuronews } = require('./libs/reducers');
|
|
|
|
const NewsItem = Backbone.Model.extend({
|
|
|
|
});
|
|
|
|
const NewsCollection = Backbone.Collection.extend({
|
|
'model': NewsItem
|
|
});
|
|
|
|
const newsCollection = new NewsCollection();
|
|
|
|
const newsItemView = Backbone.View.extend({
|
|
'tagName': 'div',
|
|
'className' : 'scrollCard',
|
|
'template': _.template(`
|
|
|
|
<div class="mui--text-subhead mui--text-accent"><%=title%></div>
|
|
<div class="published mui--text-dark-secondary mui--text-caption"><%=pubdate%></div>
|
|
|
|
<p class="mui--text-body1"><%=description%></p>
|
|
|
|
`),
|
|
'initialize': function() {
|
|
this.render();
|
|
},
|
|
'attributes': function() {
|
|
return {
|
|
'data-guid': this.model.get('guid')
|
|
};
|
|
},
|
|
|
|
'render': function() {
|
|
this.$el.html(this.template(this.model.toJSON()));
|
|
}
|
|
|
|
});
|
|
|
|
const NewsModel = Backbone.Model.extend({
|
|
'defaults' : function (obj) {
|
|
// return a new object
|
|
return {
|
|
'update' : new Date().getTime()
|
|
};
|
|
}, 'initialize': function() {
|
|
this.newsCollection = newsCollection;
|
|
this.listenTo(this, 'change:update', this.onChange);
|
|
this.getNews();
|
|
},
|
|
'onChange': function() {
|
|
this.getNews();
|
|
},
|
|
'getNews': function() {
|
|
// const ll = this.get('llShort');
|
|
console.info('>> News:request');
|
|
request({
|
|
'url': `${window.loc}/news`,
|
|
'method': 'GET'
|
|
}, function(err, res, body) {
|
|
if (err)
|
|
console.error(err);
|
|
else {
|
|
const fsJSON = JSON.parse(body);
|
|
// console.log(body);
|
|
const newItems = [];
|
|
const items = fsJSON.items.slice(0, 10);
|
|
for (const item of items)
|
|
newItems.push(reduceEuronews(item));
|
|
|
|
this.newsCollection.reset(newItems);
|
|
|
|
this.logUpdate();
|
|
}
|
|
}.bind(this));
|
|
}, 'logUpdate': function() {
|
|
console.log('News logging:');
|
|
|
|
const time = new Date().getTime() ;
|
|
|
|
this.set('time', time);
|
|
|
|
this.timerID = setTimeout(
|
|
() => this.tick(),
|
|
3.6e+6 + 1000
|
|
);
|
|
|
|
// console.log(this);
|
|
},
|
|
'tick': function() {
|
|
console.log('Set update');
|
|
this.set('update', new Date().getTime());
|
|
}
|
|
|
|
});
|
|
|
|
const NewsView = Backbone.View.extend({
|
|
'className': '',
|
|
'initialize': function(options) {
|
|
this.eventBus = options.eventBus;
|
|
this.newsCollection = newsCollection;
|
|
|
|
this.newsCollection.on('all', function(eventName) {
|
|
console.log(`${eventName } was triggered!`);
|
|
});
|
|
|
|
this.newsCollection.bind('reset', this.render, this);
|
|
},
|
|
'attributes': function() {
|
|
return {
|
|
'class': 'horizontal-scroll-wrapper squares'
|
|
};
|
|
},
|
|
|
|
'render': function() {
|
|
console.info('>> News:Render');
|
|
|
|
this.$el.empty();
|
|
|
|
this.newsCollection.each(function(item) {
|
|
const niView = new newsItemView({ 'model': item });
|
|
this.$el.append(niView.el);
|
|
}, this);
|
|
|
|
this.$el.parent().show();
|
|
// console.log(this.$el.parent());
|
|
}, 'events': {
|
|
'click .scrollCard': 'doClick'
|
|
}, 'doClick': function(d) {
|
|
console.log('Do click', d);
|
|
const id = get(d, 'currentTarget.dataset.guid', '');
|
|
console.log(id);
|
|
this.eventBus.trigger('showNews', id);
|
|
}
|
|
});
|
|
|
|
module.exports = { NewsModel, NewsView };
|