New Badging System - Badges Prototype Beta 1 (Badges Only)


 
Thread Tools Search this Thread
The Lounge What is on Your Mind? New Badging System - Badges Prototype Beta 1 (Badges Only)
# 8  
Old 12-28-2018
Quote:
Originally Posted by RavinderSingh13
...
This is just a thought we could have more people to add/edit suggestions here too.

Thanks,
R. Singh
Hi Ravinder, If others jump in and come up with ideas for badges, that's great!

But honestly, you are the #1 guy for helping out with this new badging system and I appreciate what you are doing and I'm going to create a special and assign a special "forum development" badge for you, for sure!

Rich also suggested creating a special set of badges when people write code for the forums, develop algorithms, find and confirm bugs in the code, etc. I am going to make all these badges!

Thank you.
This User Gave Thanks to Neo For This Post:
# 9  
Old 12-29-2018
Hey Ravinder, I implements the badges you requested (badged in no particular order, originally by alphabet because just prototype):

Image

With this rough but working PHP code:

Code:
<?php
$color = array();

if ($modaluser['posts'] > 1000) {
    $color['fauser'] = 'black';
} elseif ($modaluser['posts'] > 500) {
    $color['fauser'] = 'indigo';
} elseif ($modaluser['posts'] > 100) {
    $color['fauser'] = 'blue';
} elseif ($modaluser['posts'] > 10) {
    $color['fauser'] = 'limegreen';
} else {
    $color['fauser'] = 'lightgray';
}

if ($modaluser['posts'] > 0) {
    $color['faaward'] = 'limegreen';
}

if ($modaluser['posts'] > 99) {
    $color['fajediorder'] = 'blue';
}

if ($modaluser['posts'] > 499) {
    $color['faphoenix'] = 'indigo';
}

if ($modaluser['posts'] > 999) {
    $color['fajedi'] = 'black';
}

if ($modaluser['posts'] > 9999) {
    $color['faatom'] = 'black';
}

$badgejs = '<script>';
$badgejs .= 'var badge = [];';
$badgejs .= 'var mbclass = [];';
$badgejs .= 'badge["posts"] = "' . $color[fauser] . '";';
$badgejs .= 'badge["firstpost"] = "' . $color[faaward] . '";';
$badgejs .= 'badge["100posts"] = "' . $color[fajediorder] . '";';
$badgejs .= 'badge["500posts"] = "' . $color[faphoenix] . '";';
$badgejs .= 'badge["1000posts"] = "' . $color[fajedi] . '";';
$badgejs .= 'badge["10000posts"] = "' . $color[faatom] . '";';
$badgejs .= '</script>';

jQuery:

Code:
$(function () {
  $('.fa-award').css("color", badge["firstpost"]);
  $('.fa-award').css("cursor", "pointer").attr("title", "First Post Completed!");
  $('.fa-award').closest('div').find('.fa-circle').css("color", badge["firstpost"]);

  $('.fa-jedi-order').css("color", badge["100posts"]);
  $('.fa-jedi-order').css("cursor", "pointer").attr("title", "100 Posts Completed!");
  $('.fa-jedi-order').closest('div').find('.fa-circle').css("color", badge["100posts"]);


  $('.fa-phoenix-squadron').css("color", badge["500posts"]);
  $('.fa-phoenix-squadron').css("cursor", "pointer").attr("title", "500 Posts Completed!");
  $('.fa-phoenix-squadron').closest('div').find('.fa-circle').css("color", badge["500posts"]);

  $('.fa-phoenix-squadron').css("color", badge["500posts"]);
  $('.fa-phoenix-squadron').css("cursor", "pointer").attr("title", "500 Posts Completed!");
  $('.fa-phoenix-squadron').closest('div').find('.fa-circle').css("color", badge["500posts"]);

  $('.fa-jedi').css("color", badge["1000posts"]);
  $('.fa-jedi').css("cursor", "pointer").attr("title", "1000 Posts Completed!");
  $('.fa-jedi').closest('div').find('.fa-circle').css("color", badge["1000posts"]);

  $('.fa-atom').css("color", badge["10000posts"]);
  $('.fa-atom').css("cursor", "pointer").attr("title", "10000 Posts Completed!");
  $('.fa-atom').closest('div').find('.fa-circle').css("color", badge["10000posts"]);

  $('.fa-child').css("color", badge["posts"]);
  $('.fa-child').closest('div').find('.fa-circle').css("color", badge["posts"]);

});

Cheers!

Thanks for the good ideas!
This User Gave Thanks to Neo For This Post:
# 10  
Old 12-29-2018
This looks AWESOME, thanks for implementing this.

Thanks,
R. Singh
This User Gave Thanks to RavinderSingh13 For This Post:
# 11  
Old 12-29-2018
Quote:
Originally Posted by RavinderSingh13
This looks AWESOME, thanks for implementing this.

Thanks,
R. Singh
Haha... Thank you for waiting so long for me to code this and for your patience!

It's actually a lot of fun to code!! Smilie
This User Gave Thanks to Neo For This Post:
# 12  
Old 12-29-2018
OK.. have implemented prototype badges for:
  • Forum Advisors
  • Moderators
  • Admins
  • Forum Dev Ops (Coders)

Now we have a total of 10 prototype badges out of 48 placeholders for badges:

Code:
$(function () {
  $('.fa-award').css("color", badge["firstpost"]);
  $('.fa-award').css("cursor", "pointer").attr("title", "First Post Completed!");
  $('.fa-award').closest('div').find('.fa-circle').css("color", badge["firstpost"]);

  $('.fa-jedi-order').css("color", badge["100posts"]);
  $('.fa-jedi-order').css("cursor", "pointer").attr("title", "100 Posts Completed!");
  $('.fa-jedi-order').closest('div').find('.fa-circle').css("color", badge["100posts"]);


  $('.fa-phoenix-squadron').css("color", badge["500posts"]);
  $('.fa-phoenix-squadron').css("cursor", "pointer").attr("title", "500 Posts Completed!");
  $('.fa-phoenix-squadron').closest('div').find('.fa-circle').css("color", badge["500posts"]);

  $('.fa-phoenix-squadron').css("color", badge["500posts"]);
  $('.fa-phoenix-squadron').css("cursor", "pointer").attr("title", "500 Posts Completed!");
  $('.fa-phoenix-squadron').closest('div').find('.fa-circle').css("color", badge["500posts"]);

  $('.fa-jedi').css("color", badge["1000posts"]);
  $('.fa-jedi').css("cursor", "pointer").attr("title", "1000 Posts Completed!");
  $('.fa-jedi').closest('div').find('.fa-circle').css("color", badge["1000posts"]);

  $('.fa-atom').css("color", badge["10000posts"]);
  $('.fa-atom').css("cursor", "pointer").attr("title", "10000 Posts Completed!");
  $('.fa-atom').closest('div').find('.fa-circle').css("color", badge["10000posts"]);

  $('.fa-balance-scale').css("color", badge["mod"]);
  $('.fa-balance-scale').css("cursor", "pointer").attr("title", "Moderator");
  $('.fa-balance-scale').closest('div').find('.fa-circle').css("color", badge["mod"]);

  $('.fa-chess-bishop').css("color", badge["ug"]);
  $('.fa-chess-bishop').css("cursor", "pointer").attr("title", "Forum Advisors");
  $('.fa-chess-bishop').closest('div').find('.fa-circle').css("color", badge["ug"]);

  $('.fa-building').css("color", badge["admin"]);
  $('.fa-building').css("cursor", "pointer").attr("title", "Forum Admin");
  $('.fa-building').closest('div').find('.fa-circle').css("color", badge["admin"]);

  $('.fa-city').css("color", badge["devops"]);
  $('.fa-city').css("cursor", "pointer").attr("title", "Dev Ops Team");
  $('.fa-city').closest('div').find('.fa-circle').css("color", badge["devops"]);

  $('.fa-child').css("color", badge["posts"]);
  $('.fa-child').css("cursor","pointer").attr("title","Total Posts: " + badge["totalposts"]);
  $('.fa-child').closest('div').find('.fa-circle').css("color", badge["posts"]);

});

# 13  
Old 12-29-2018
Congrats to Ravinder, who I have just awarded our first "Formulator" badge who is not a forum "Dev Ops" coder. This Formulator Badge is for pushing hard over the years for us to modernize the site, and for many good ideas, including the badging system. Only four people have this badge: Reborg, Scott and Neo (Admin Dev Ops Coders, Past and Present) and Ravinder Singh.

Thanks Again Ravinder!

Code:
$('.fa-flask').css("color",badge["formulator"]);
$('.fa-flask').css("cursor","pointer").attr("title","Big Picture Ideas Team");
$('.fa-flask').closest('div').find('.fa-circle').css("color",badge["formulator"]);

These 2 Users Gave Thanks to Neo For This Post:
# 14  
Old 12-29-2018
Quote:
Originally Posted by Neo
Congrats to Ravinder, who I have just awarded our first "Formulator" badge who is not a forum "Dev Ops" coder. This Formulator Badge is for pushing hard over the years for us to modernize the site, and for many good ideas, including the badging system. Only four people have this badge: Reborg, Scott and Neo (Admin Dev Ops Coders, Past and Present) and Ravinder Singh.
Thanks Again Ravinder!
Code:
$('.fa-flask').css("color",badge["formulator"]);
$('.fa-flask').css("cursor","pointer").attr("title","Big Picture Ideas Team");
$('.fa-flask').closest('div').find('.fa-circle').css("color",badge["formulator"]);

Wowww I am feeling honored here. Thanks a TON Neo for this, I am grateful to you and feeling happy to do a bit for this GREAT FORUM Smilie

Thanks,
R. Singh
This User Gave Thanks to RavinderSingh13 For This Post:
Login or Register to Ask a Question

Previous Thread | Next Thread

7 More Discussions You Might Find Interesting

1. What is on Your Mind?

My Badges Page - A Major UserCP Update (v0.661):

Another major upgrade on the new UserCP today. I have created the "My Badges" page in the new control panel, and it's looking very cool :) If you have visited the new UserCP recently, you will more-than-likely need to close your browser (completely) and then restart it to clear out the old... (2 Replies)
Discussion started by: Neo
2 Replies

2. What is on Your Mind?

Patreon Badges Now Available as BBCODE at UNIX.COM

Dear All, We have a lot of amazing moderators and other very talented unix.com members who provide tireless top quality free technical support assistance to others. As a service to those long term unix.com members, I am making a new Patreon BBCODE badge available which can be posted in forum... (8 Replies)
Discussion started by: Neo
8 Replies

3. What is on Your Mind?

Current Array of Badges (Beta 1)

Here is the current array of the short description of badges for the new prototype badging system (Beta 1) with 42 icons allocated (prototype logic written) and 6 reserved (for future use); <?php $badges_desc = array( "fauser" => "Total Post Count", "faaward" => "First Post", ... (6 Replies)
Discussion started by: Neo
6 Replies

4. What is on Your Mind?

Status of Badging System - Beta 1

Dear All, Here is the current status of the badging system: The Beta 1 phase of the new badging system is close to completion. 42 prototype badges have been "allocated" 6 prototype badge slots are held in reserve The "alert you have new badges" prototype is running and is currently... (4 Replies)
Discussion started by: Neo
4 Replies

5. Web Development

Notes with Ravinder on Badging System Development Part II

Part II: Current PHP file Beta 73 Not Optimized: <?php $version = 73; $query = "SELECT * FROM " . TABLE_PREFIX . "user WHERE userid='" . $uid . "'"; $usertable = $db->query_read_slave($query); $modaluser = $db->fetch_array($usertable); $modaluser = gmdate("d F Y", $modaluser); $modaluser... (48 Replies)
Discussion started by: Neo
48 Replies

6. What is on Your Mind?

Four More UNIX.COM Achievement Award Badges to Award

Happy New Year! There are currently four UNIX.COM achievement awards up for grabs, as the say. Here they are, in no particular order: The Order of the Raven The Order of the Hippo The Order of the Spider The Order of the Dragon Don't ask me what they mean, or who who will get those... (0 Replies)
Discussion started by: Neo
0 Replies

7. Hardware

Stack Overflow Questions Tags Users Badges Unanswered Ask Question Ask for the explanation of types

I have read a document which tells me the following 4 things are done by the RAM embedded on disk driver controller. But I don't know what's difference between buffer and cache. Thanks! RAM on disk drive controllers 1 firmware 2 speed matching buffer 3 prefetching buffer 4 cache (1 Reply)
Discussion started by: 915086731
1 Replies
Login or Register to Ask a Question