Introduction to Utopian Moderators & Supervisors
Utopian Moderators & Supervisors is a Chrome Extension that can be installed via Chrome Webstore.
If you are using Firefox, you can still install this Extension by Chrome Extension Foxified.
Utopian Moderators & Supervisors, as its name suggests, help the moderators & supervisors during their moderation or supervision by providing a few useful tools, charts and statistics.
Technology Stack
Javascript that runs in Chrome Extension.
Previous Contributions
- v0.0.11 Utopian v0.0.11: Adding Statistics Charts, Improved Reputation Formatter and Sponsor Chart
- v0.0.10 Utopian Moderators & Supervisors v0.0.10 – Steem Nodes Ping Tool + Sponsors Tab
- v0.0.9 Utopian Chrome Extension v0.0.9: Integrate Stats API + Add Node List
- v0.0.8 Make Utopian Moderator Chrome Extension Perfect by Adding Posts and Tools Tab
- v0.0.7 Utopian Moderator Chrome Extension: Improved Supervisor Tab by Showing Acceptance Rate and Pie Chart
- v0.0.6 Adding Supervisor Tab to Utopian Moderator Chrome Extension!
- v0.0.5 Adding Unreviewed Contrbution
- v0.0.4 Adding Approved/Rejected Stats, Showing Friends’ VP/Rep to Utopian Moderator Chrome Extension!
- v0.0.3 Adding Moderators Tab to Utopian Chrome Extension!
- v0.0.2 Adding Easy Switch Between Utopian and Steem Posts to Utopian Moderator Chrome Extension
- v0.0.1 The First Utopian Moderator Chrome Extension
This Commits
It adds the following features:
- Add User Image Avatar in Moderator Tab.
- Add Projects Tab which allows you to search top projects.
Screenshots of Utopian Chrome Extension
Javascript calls Utopian Top Projects API
// top projects and contributions
$('button#btn_top').click(function() {
$('div#top_result').html("<img id='loading' src='images/loading.gif' />");
let limit = parseInt($('input#top_limit').val());
let start = $('input#top_start').val().trim();
let end = $('input#top_end').val().trim();
let sort1 = $('select#top_sort1').val().trim();
let sort2 = "projects";
let only_new = $('input#top_new').is(":checked") ? "true" : "false";
let api = "https://api.utopian.io/api/posts/top?limit=" + limit + "&start_date=" + start + "&end_date=" + end + "&sort_by=" + sort1 + "&retrieve_by=" + sort2 + "&only_new=" + only_new;
logit("calling " + api);
saveSettings(false);
$.ajax({
type: "GET",
url: api,
success: function(result) {
let s = "<table style='width:100%'>";
s += "<thead>";
s += "<tr><th>Project Name</th><th>Description</th><th>Count<th>Rewards</th><th>License</th></tr>";
s += "</thead>";
let len = result.length;
for (let i = 0; i < len; ++ i) {
s += "<tr>";
let github = result[i].github;
let lic = github.license;
let home_url = github.home_url;
let project_name = github['name'];
let description = github['description'];
let count = result[i]['count'];
let rewards = result[i]['rewards'];
let license = lic ? lic['name'] : '';
s += "<td><a target=_blank href='" + home_url + "'>" + project_name + "</a></td>";
s += "<td>" + description + "</td>";
s += "<td>" + count + "</td>";
s += "<td>" + rewards.toFixed(3) + "</td>";
s += "<td>" + license + "</td>";
s += "</tr>";
}
s += "</table>";
$('div#top_result').html(s);
},
error: function(request, status, error) {
logit('Response: ' + request.responseText);
logit('Error: ' + error );
logit('Status: ' + status);
},
complete: function(data) {
logit("API Finished: " + api);
}
});
});
Roadmap
Any good suggestions, please shout at @justyy !
Chrome Webstore
Install the Utopian Chrome Extension Now!
Contribution Welcome
Github: https://github.com/DoctorLai/utopian-moderator
- Fork it!
- Create your feature branch: git checkout -b my-new-feature
- Commit your changes: git commit -am ‘Add some feature’
- Push to the branch: git push origin my-new-feature
- Submit a pull request.
–EOF (The Ultimate Computing & Technology Blog) —
933 wordsLast Post: Teach Your Kids Programming - The First Logo Interpreter (Turtle Graphics) in Chrome Extension!
Next Post: LogoTurtle v0.0.2: ShowTurtle, HideTurtle, Color, Width and Help.

