Steem Ultimate Editor poised to replace markdowns with simple buttons to create a post! Creating post shouldn't be so troublesome and requires a significant amount of time on trial and error. What if I tell you, there's a tool that allows you to just click buttons in order to perform some basic and even advance customization to the style of your post? Let's have a look what Steem Ultimate Editor brought to the table this time after an improvement over the last version. Which you can check out here.
For demo purposes, I streamed the whole blockchain for my notification. (Which is a lot of notifications, I know..) This is to show each case such as mention, money transfer, comments, upvotes, downvotes are all covered in notifications.
switch (type) {
case ('reply'):
$(templates['src/js/templates/not-reply.hbs']({
link: link + `/@${currentAuthUser}/${parent_permlink}/#@${author}/${permlink}`,
style: style,
avatar: backgroundImage,
author: author,
timestamp: time,
body: `Commented on your post ${permlink}`,
reply: true
})).prependTo('.scroller');
break;
case ('mention'):
const { is_root_post } = notification[index];
//const linkm = `/@${author}/${permlink}`;
$(templates['src/js/templates/not-reply.hbs']({
link: link + `/@${author}/${permlink}`,
style: style,
avatar: backgroundImage,
author: author,
timestamp: time,
body: `Mentioned you in the post ${permlink}`,
mention: true
})).prependTo('.scroller');
break;
As you can see, the key script here filter the feeds from steem blockchain and categorize it accordingly. Then handlebars is used to render the notification box.
Audio is played each time a new notification arrived as you can hear in the video. If you notice there's other small button in the notification list, stay tune for the next post to find out what's it for! (Which I'm pretty sure many have guess it :) )
Jquery, HTML, Handlebars, Javascript
-Contact me personally on discord or comment below!