Default newsfeed - make list?

Pade2204

@doubleT
Thanks for the effort. Its a nice tweak you have made - its better than the original :)

Yeah I ment 5 (or what you set) news headline from source 1 - maybe a bullit before each line (or a timestamp)

then you can fade to another source after some seconds you set.

Im not good to see, where you edit those things you have made? Can you make a dummy guide for me? hehe :)

Thanks - have a nice weekend.

doubleT

@Pade2204 said in Default newsfeed - make list?:

Im not good to see, where you edit those things you have made? Can you make a dummy guide for me? hehe :)

Sure, but I’d suggest reading – and learning – about the basics of JavaScripts first, or this could get a bit complicated.

I worked directly in the default newsfeed module, which I’d absolutely not suggest doing. a) This could break the default module and you have to rebuild the code. b) With the next update, the code will be reset to its original state and your changes are lost.

Having said that, to experiment with this module, I changed the /MagicMirror/modules/default/newsfeed/newsfeed.js that I opened in an editor. You’ll see the functions I mentioned above. Note that I commented where the original code of a function was left untouched. In the getDom: I put some part of the original code with the else { } part of an if statement.

EDIT: I made a git repository of the changes I made. You can look at my code here: https://github.com/TTigges/newsstack/blob/master/newsfeed.js

Pade2204

I just tried your code, with default setting (copy/paste into newsfeed.js)

It looks like this when the feed is loading. Then it counts down and show 1 lines less every second? Is that in purpose?

Feed at startup

doubleT

Yes, but you forgot the custom.css.

Pade2204

I have the custom.css file in modules/default/newsfeed/
:/

and tried to name it custom.css and newsfeed.css

doubleT

The lines are ment for MagicMirror/css/custom.css – just add them.
Alternatively, add this function in the module (probably after start: function():

getStyles: function() {
	return [
		this.file('custom.css')
	]
},

Pade2204

Thanks. This is great. Now it works with .css file.

But:

It does not show the headers title for instance “CNN” - and no timestamps? Is it possible to add short timestamp before the news headline?

These have no effect:
showSourceTitle: true,
showPublishDate: true,

And 1 last thing - Do you control the speed of the sliding somewhere - Or maybe just slide in new entries when you reach max entries?

Thanks, man!

doubleT

As I said, this is nowhere near complete, just playing around. Speed is the same as in the config. The rest can be done. I’ll look into it.

Pade2204

Thanks man. Its really nice of you.

Thnaks!

Pade2204

Had any time to look into this?