Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fetch and display steemask trending and hot discussions
- Loading branch information
1 parent
eb9f537
commit 573bfc2
Showing
4 changed files
with
263 additions
and
78 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,76 +1,260 @@ | ||
| $(document).ready(function () { | ||
|
|
||
| var url = 'https://api.steemjs.com/get_discussions_by_created?query={"tag":"steemjet", "limit": "100"}'; | ||
|
|
||
| jQuery.ajax({ | ||
| type: "GET", | ||
| url: url, | ||
|
|
||
| success: function (response) { | ||
|
|
||
| var post = response; | ||
|
|
||
| $.each(post,function(key,value){ | ||
|
|
||
| var body = jQuery.trim(value.body).substring(0, 600); | ||
| var img = "https://steemitimages.com/u/"+value.author+"/avatar"; | ||
| var pending_payout = parseFloat(value.pending_payout_value); | ||
| var paid_out = parseFloat(value.total_payout_value) + parseFloat(value.curator_payout_value); | ||
| if (pending_payout != 0.00) { | ||
| var payout = pending_payout; | ||
| }else { | ||
| var payout = paid_out; | ||
| } | ||
| var tags = JSON.parse(value.json_metadata); | ||
|
|
||
| // Instantiate a new showdown converter object | ||
| var converter = new showdown.Converter(); | ||
|
|
||
| // Set options | ||
| converter.setOption('metadata', 'true'); | ||
| converter.setOption('backslashEscapesHTMLTags', 'true'); | ||
| converter.setOption('requireSpaceBeforeHeadingText', 'true'); | ||
| converter.setOption('simpleLineBreaks', 'true'); | ||
| converter.setOption('disableForced4SpacesIndentedSublists', 'true'); | ||
| converter.setOption('smartIndentationFix', 'true'); | ||
| converter.setOption('literalMidWordAsterisks', 'true'); | ||
| converter.setOption('literalMidWordUnderscores', 'true'); | ||
| converter.setOption('excludeTrailingPunctuationFromURLs', 'true'); | ||
| converter.setOption('simplifiedAutoLink', 'true'); | ||
| converter.setOption('parseImgDimensions', 'true'); | ||
| converter.setOption('omitExtraWLInCodeBlocks', 'true'); | ||
| converter.setOption('noHeaderId', 'true'); | ||
| converter.setOption('customizedHeaderId', 'true'); | ||
| converter.setOption('ghCompatibleHeaderId', 'true'); | ||
| converter.setOption('prefixHeaderId', 'true'); | ||
| converter.setOption('rawPrefixHeaderId', 'true'); | ||
| converter.setOption('rawHeaderId', 'true'); | ||
| converter.setOption('headerLevelStart', 'true'); | ||
| converter.setOption('excludeTrailingPunctuationFromURLs', 'true'); | ||
| converter.setOption('strikethrough', 'true'); | ||
| converter.setOption('tables', 'true'); | ||
| converter.setOption('tablesHeaderId', 'true'); | ||
|
|
||
| //converts markdown to html | ||
| body = converter.makeHtml(body); | ||
|
|
||
| body = body.replace(/(<([^>]+)>)/ig,"").replace(/<a(\s[^>]*)?>.*?<\/a>/ig,"").replace(/(?:https?|ftp):\/\/[\n\S]+/g,"").substr(0, 600) + '...'; | ||
|
|
||
| // console.log(tags); | ||
|
|
||
| var mainpost = '<article class="question question-type-normal"><div class="span-top"></div><div class="span-inner"><h2 class="quest-h2"><a href="" class="question-a">'+value.title+'</a></h2><div class="question-inner"><div class="clearfix"></div><p class="question-desc">'+body+'...'+'</p><div class=""><img src="'+img+'" alt="profile-img" class="profile-img-dashboard img-responsive"><h4 class="username-dashboard">'+value.author+'</h4><h5 class="time-dashboard"> </h5><h5 class="comment-count"><i class="fa fa-comment" aria-hidden="true"></i>'+value.children+'</h5><h5 class="upvote-count"><i class="fa fa-heart" aria-hidden="true"></i>'+value.net_votes+'</h5><h5 class="payout-dashboard">$'+payout+'</h5></div></div></div></article>'; | ||
|
|
||
| $('.loader').hide(); | ||
|
|
||
| $('#holder-inner').append(mainpost); | ||
|
|
||
| }) | ||
|
|
||
| }, | ||
| error: function (xhr) { | ||
| //on error show error message | ||
| console.log(xhr); | ||
| }, | ||
|
|
||
| }); | ||
| function fetchFeeds() { | ||
| var query = { limit: 100, tag: "steemask",}; | ||
|
|
||
| steem.api.getDiscussionsByCreated(query, function (err, result) { | ||
|
|
||
| var post = result; | ||
|
|
||
| $.each(post,function(key,value){ | ||
|
|
||
| var body = jQuery.trim(value.body).substring(0, 600); | ||
| var img = "https://steemitimages.com/u/"+value.author+"/avatar"; | ||
| var pending_payout = parseFloat(value.pending_payout_value); | ||
| var paid_out = parseFloat(value.total_payout_value) + parseFloat(value.curator_payout_value); | ||
| if (pending_payout != 0.00) { | ||
| var payout = pending_payout; | ||
| }else { | ||
| var payout = paid_out; | ||
| } | ||
| var tags = JSON.parse(value.json_metadata); | ||
|
|
||
| tags = tags.tags; | ||
|
|
||
| // Instantiate a new showdown converter object | ||
| var converter = new showdown.Converter(); | ||
|
|
||
| // Set options | ||
| converter.setOption('metadata', 'true'); | ||
| converter.setOption('backslashEscapesHTMLTags', 'true'); | ||
| converter.setOption('requireSpaceBeforeHeadingText', 'true'); | ||
| converter.setOption('simpleLineBreaks', 'true'); | ||
| converter.setOption('disableForced4SpacesIndentedSublists', 'true'); | ||
| converter.setOption('smartIndentationFix', 'true'); | ||
| converter.setOption('literalMidWordAsterisks', 'true'); | ||
| converter.setOption('literalMidWordUnderscores', 'true'); | ||
| converter.setOption('excludeTrailingPunctuationFromURLs', 'true'); | ||
| converter.setOption('simplifiedAutoLink', 'true'); | ||
| converter.setOption('parseImgDimensions', 'true'); | ||
| converter.setOption('omitExtraWLInCodeBlocks', 'true'); | ||
| converter.setOption('noHeaderId', 'true'); | ||
| converter.setOption('customizedHeaderId', 'true'); | ||
| converter.setOption('ghCompatibleHeaderId', 'true'); | ||
| converter.setOption('prefixHeaderId', 'true'); | ||
| converter.setOption('rawPrefixHeaderId', 'true'); | ||
| converter.setOption('rawHeaderId', 'true'); | ||
| converter.setOption('headerLevelStart', 'true'); | ||
| converter.setOption('excludeTrailingPunctuationFromURLs', 'true'); | ||
| converter.setOption('strikethrough', 'true'); | ||
| converter.setOption('tables', 'true'); | ||
| converter.setOption('tablesHeaderId', 'true'); | ||
|
|
||
| //converts markdown to html | ||
| body = converter.makeHtml(body); | ||
|
|
||
| body = body.replace(/(<([^>]+)>)/ig,"").replace(/<a(\s[^>]*)?>.*?<\/a>/ig,"").replace(/(?:https?|ftp):\/\/[\n\S]+/g,"").substr(0, 600) + '...'; | ||
|
|
||
| // console.log(tags); | ||
|
|
||
| var mainpost = '<article class="question question-type-normal"><div class="span-top"></div><div class="span-inner"><h2 class="quest-h2"><a href="" class="question-a">'+value.title+'</a></h2><div class="question-inner"><div class="clearfix"></div><p class="question-desc">'+body+'...'+'</p><div class=""><img src="'+img+'" alt="profile-img" class="profile-img-dashboard img-responsive"><h4 class="username-dashboard">'+value.author+'</h4><h5 class="time-dashboard"> </h5><h5 class="comment-count"><i class="fa fa-comment" aria-hidden="true"></i>'+value.children+'</h5><h5 class="upvote-count"><i class="fa fa-heart" aria-hidden="true"></i>'+value.net_votes+'</h5><h5 class="payout-dashboard">$'+payout+'</h5><div class="tags-block pull-right"><a href="/{{ $tag }}" class="tags">'+tags+'</a></div></div></div></div></article>'; | ||
|
|
||
| $('.loader').hide(); | ||
|
|
||
| $('#holder-inner').append(mainpost); | ||
|
|
||
| }) | ||
|
|
||
| }); | ||
| } | ||
|
|
||
| fetchFeeds(); | ||
|
|
||
| $('#trending').click(function () { | ||
|
|
||
| // Hide present feed | ||
| $('#holder-inner').hide(); | ||
| $('#holder-inner-trending').hide(); | ||
| $('#holder-inner-hot').hide(); | ||
|
|
||
| // Show animation while fetching data | ||
| $('.loader').show(); | ||
|
|
||
| // Instantiate query parameters | ||
| var query = { limit: 100, tag: "steemask",}; | ||
|
|
||
| // | ||
| steem.api.getDiscussionsByTrending(query, function (err, result) { | ||
|
|
||
| // Assign result to a variable | ||
| var post = result; | ||
|
|
||
| // Loop through result for proccess data | ||
| $.each(post,function(key,value){ | ||
|
|
||
| // Lets trim body content to display a reduced amount of data on homepage | ||
| var body = jQuery.trim(value.body).substring(0, 600); | ||
|
|
||
| // Fetch User profile picture | ||
| var img = "https://steemitimages.com/u/"+value.author+"/avatar"; | ||
|
|
||
| // Convert Post pending payout to float data type | ||
| var pending_payout = parseFloat(value.pending_payout_value); | ||
|
|
||
| // If post is already paid out, calculate the amount that was paid out and convert to float | ||
| var paid_out = parseFloat(value.total_payout_value) + parseFloat(value.curator_payout_value); | ||
|
|
||
| // | ||
| if (pending_payout != 0.00) { | ||
| var payout = pending_payout; | ||
| }else { | ||
| var payout = paid_out; | ||
| } | ||
|
|
||
| var tags = JSON.parse(value.json_metadata); | ||
|
|
||
| tags = tags.tags; | ||
|
|
||
| // Instantiate a new showdown converter object | ||
| var converter = new showdown.Converter(); | ||
|
|
||
| // Set options | ||
| converter.setOption('metadata', 'true'); | ||
| converter.setOption('backslashEscapesHTMLTags', 'true'); | ||
| converter.setOption('requireSpaceBeforeHeadingText', 'true'); | ||
| converter.setOption('simpleLineBreaks', 'true'); | ||
| converter.setOption('disableForced4SpacesIndentedSublists', 'true'); | ||
| converter.setOption('smartIndentationFix', 'true'); | ||
| converter.setOption('literalMidWordAsterisks', 'true'); | ||
| converter.setOption('literalMidWordUnderscores', 'true'); | ||
| converter.setOption('excludeTrailingPunctuationFromURLs', 'true'); | ||
| converter.setOption('simplifiedAutoLink', 'true'); | ||
| converter.setOption('parseImgDimensions', 'true'); | ||
| converter.setOption('omitExtraWLInCodeBlocks', 'true'); | ||
| converter.setOption('noHeaderId', 'true'); | ||
| converter.setOption('customizedHeaderId', 'true'); | ||
| converter.setOption('ghCompatibleHeaderId', 'true'); | ||
| converter.setOption('prefixHeaderId', 'true'); | ||
| converter.setOption('rawPrefixHeaderId', 'true'); | ||
| converter.setOption('rawHeaderId', 'true'); | ||
| converter.setOption('headerLevelStart', 'true'); | ||
| converter.setOption('excludeTrailingPunctuationFromURLs', 'true'); | ||
| converter.setOption('strikethrough', 'true'); | ||
| converter.setOption('tables', 'true'); | ||
| converter.setOption('tablesHeaderId', 'true'); | ||
|
|
||
| //converts markdown to html | ||
| body = converter.makeHtml(body); | ||
|
|
||
| body = body.replace(/(<([^>]+)>)/ig,"").replace(/<a(\s[^>]*)?>.*?<\/a>/ig,"").replace(/(?:https?|ftp):\/\/[\n\S]+/g,"").substr(0, 600) + '...'; | ||
|
|
||
| // console.log(tags); | ||
|
|
||
| var mainpost = '<article class="question question-type-normal"><div class="span-top"></div><div class="span-inner"><h2 class="quest-h2"><a href="" class="question-a">'+value.title+'</a></h2><div class="question-inner"><div class="clearfix"></div><p class="question-desc">'+body+'...'+'</p><div class=""><img src="'+img+'" alt="profile-img" class="profile-img-dashboard img-responsive"><h4 class="username-dashboard">'+value.author+'</h4><h5 class="time-dashboard"> </h5><h5 class="comment-count"><i class="fa fa-comment" aria-hidden="true"></i>'+value.children+'</h5><h5 class="upvote-count"><i class="fa fa-heart" aria-hidden="true"></i>'+value.net_votes+'</h5><h5 class="payout-dashboard">$'+payout+'</h5><div class="tags-block pull-right"><a href="/{{ $tag }}" class="tags">'+tags+'</a></div></div></div></div></article>'; | ||
|
|
||
| $('.loader').hide(); | ||
|
|
||
| $('#holder-inner-trending').append(mainpost); | ||
| $('#holder-inner-trending').show(); | ||
|
|
||
| }) | ||
|
|
||
| }); | ||
|
|
||
| }) | ||
|
|
||
| $('#hot').click(function () { | ||
|
|
||
| // Hide present feed | ||
| $('#holder-inner').hide(); | ||
| $('#holder-inner-trending').hide(); | ||
| $('#holder-inner-hot').hide(); | ||
|
|
||
| // Show animation while fetching data | ||
| $('.loader').show(); | ||
|
|
||
| // Instantiate query parameters | ||
| var query = { limit: 100, tag: "steemask",}; | ||
|
|
||
| // | ||
| steem.api.getDiscussionsByHot(query, function (err, result) { | ||
|
|
||
| // Assign result to a variable | ||
| var post = result; | ||
|
|
||
| // Loop through result for proccess data | ||
| $.each(post,function(key,value){ | ||
|
|
||
| // Lets trim body content to display a reduced amount of data on homepage | ||
| var body = jQuery.trim(value.body).substring(0, 600); | ||
|
|
||
| // Fetch User profile picture | ||
| var img = "https://steemitimages.com/u/"+value.author+"/avatar"; | ||
|
|
||
| // Convert Post pending payout to float data type | ||
| var pending_payout = parseFloat(value.pending_payout_value); | ||
|
|
||
| // If post is already paid out, calculate the amount that was paid out and convert to float | ||
| var paid_out = parseFloat(value.total_payout_value) + parseFloat(value.curator_payout_value); | ||
|
|
||
| // | ||
| if (pending_payout != 0.00) { | ||
| var payout = pending_payout; | ||
| }else { | ||
| var payout = paid_out; | ||
| } | ||
|
|
||
| var tags = JSON.parse(value.json_metadata); | ||
|
|
||
| tags = tags.tags; | ||
|
|
||
| // Instantiate a new showdown converter object | ||
| var converter = new showdown.Converter(); | ||
|
|
||
| // Set options | ||
| converter.setOption('metadata', 'true'); | ||
| converter.setOption('backslashEscapesHTMLTags', 'true'); | ||
| converter.setOption('requireSpaceBeforeHeadingText', 'true'); | ||
| converter.setOption('simpleLineBreaks', 'true'); | ||
| converter.setOption('disableForced4SpacesIndentedSublists', 'true'); | ||
| converter.setOption('smartIndentationFix', 'true'); | ||
| converter.setOption('literalMidWordAsterisks', 'true'); | ||
| converter.setOption('literalMidWordUnderscores', 'true'); | ||
| converter.setOption('excludeTrailingPunctuationFromURLs', 'true'); | ||
| converter.setOption('simplifiedAutoLink', 'true'); | ||
| converter.setOption('parseImgDimensions', 'true'); | ||
| converter.setOption('omitExtraWLInCodeBlocks', 'true'); | ||
| converter.setOption('noHeaderId', 'true'); | ||
| converter.setOption('customizedHeaderId', 'true'); | ||
| converter.setOption('ghCompatibleHeaderId', 'true'); | ||
| converter.setOption('prefixHeaderId', 'true'); | ||
| converter.setOption('rawPrefixHeaderId', 'true'); | ||
| converter.setOption('rawHeaderId', 'true'); | ||
| converter.setOption('headerLevelStart', 'true'); | ||
| converter.setOption('excludeTrailingPunctuationFromURLs', 'true'); | ||
| converter.setOption('strikethrough', 'true'); | ||
| converter.setOption('tables', 'true'); | ||
| converter.setOption('tablesHeaderId', 'true'); | ||
|
|
||
| //converts markdown to html | ||
| body = converter.makeHtml(body); | ||
|
|
||
| body = body.replace(/(<([^>]+)>)/ig,"").replace(/<a(\s[^>]*)?>.*?<\/a>/ig,"").replace(/(?:https?|ftp):\/\/[\n\S]+/g,"").substr(0, 600) + '...'; | ||
|
|
||
| // console.log(tags); | ||
|
|
||
| var mainpost = '<article class="question question-type-normal"><div class="span-top"></div><div class="span-inner"><h2 class="quest-h2"><a href="" class="question-a">'+value.title+'</a></h2><div class="question-inner"><div class="clearfix"></div><p class="question-desc">'+body+'...'+'</p><div class=""><img src="'+img+'" alt="profile-img" class="profile-img-dashboard img-responsive"><h4 class="username-dashboard">'+value.author+'</h4><h5 class="time-dashboard"> </h5><h5 class="comment-count"><i class="fa fa-comment" aria-hidden="true"></i>'+value.children+'</h5><h5 class="upvote-count"><i class="fa fa-heart" aria-hidden="true"></i>'+value.net_votes+'</h5><h5 class="payout-dashboard">$'+payout+'</h5><div class="tags-block pull-right"><a href="/{{ $tag }}" class="tags">'+tags+'</a></div></div></div></div></article>'; | ||
|
|
||
| $('.loader').hide(); | ||
|
|
||
| $('#holder-inner-hot').append(mainpost); | ||
|
|
||
| $('#holder-inner-hot').show(); | ||
|
|
||
| }) | ||
|
|
||
| }); | ||
|
|
||
| }) | ||
|
|
||
| }) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters