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)
# 15  
Old 12-29-2018
Welcome!

I am also going to create a badge for folks who have found bugs in the forum and provided the code (from the web site source code) and suggested code fixed which we implemented.

So far, that number is basically the forum coders and a few "outsiders" who found bugs and suggested the fixes who are in the "hall of fame"; but unfortunately those "bug hunters" are not registered forum members.

Others have pointed out small things here and there, but have yet to provide source code from the HTML pages and offer solid solutions (code fixes); so that's not really a "badging category"... but I could be wrong! LOL

We have a lot of badges to go, and this is just the first draft.

I should have created this badging system this many years ago! My bad!
# 16  
Old 12-29-2018
Eleven out of 42 Prototype Badges done.... Need to rests soon LOL

Image

The time is ripe for anyone to propose a badges about anything.... forum participation, expertise, contributions, etc.

FYI. I will working on "colored level" badges for stats and numbers like number of "thanks", "album pictures", "attachments in post", "years a member of the site", "total bits" soon.

Need a break... nearly 25% done with the prototype Smilie
# 17  
Old 12-29-2018
Quote:
Originally Posted by Neo
Eleven out of 42 Prototype Badges done.... Need to rests soon LOL
Image
The time is ripe for anyone to propose a badges about anything.... forum participation, expertise, contributions, etc.
Hello Neo,

Here are some more thoughts.

1- For encouraging users to invite new members I know we are providing BITS to users let us provide them a badge(GOLD, Silver and bronze may be) on inviting every 10/15 users too?
2- For getting 1000 THANKS for a specific TAG in a question get a badge of expertise with certificate from UNIX.com site(which could be worked on later)
3- Visiting site continuously for few days let's say 1 month, 6 months and a year. We could have 3 badges over here.
4- For people asking questions too we could provide badges let's say their criteria is 10 posts then 100, 500 and so on...
5- How about special badges from admins, MODs and forums advisors to each other which could be given may be for good answers, good questions, forum dev(like one you awarded me Smilie), bug fix(which you are already taking care), posting their POC works, posting some project work etc.

Thinking more with hot tea if I get something will post here ASAP.

Thanks,
R. Singh
This User Gave Thanks to RavinderSingh13 For This Post:
# 18  
Old 12-29-2018
Thanks!

Great idea. You are really a great "Formulator" ... Much appreciated!

It would be hard to get all the 48 badges done without your help and big ideas!
This User Gave Thanks to Neo For This Post:
# 19  
Old 12-29-2018
Quote:
Originally Posted by Neo
Thanks!
Great idea. You are really a great "Formulator" ... Much appreciated!
It would be hard to get all the 48 badges done without your help and big ideas!
Thank you Neo Smilie

Also one more thing(not sure how much effort it takes, so if it is too much then you could put it in your work's backlog) let us make these achievements visible to users by populating these achievements as a pop-up(kind of like how it comes in Facebook when someone likes a post etc or for any update it comes) whenever a user either comes online or is already online by this way users(who don't bother to go through entire site will come to know about these badges) will be encouraged more to achieve badges. Which will help us to have more users on site which ultimately means:

more users -->more questions(sensible ones Smilie)--> more answers---> more learning--> overall win win situation for everyone.

Thanks,
R. Singh
# 20  
Old 12-29-2018
I like the basic idea; lets keep that idea in Phase II after we complete the prototype badges in Phase I.

We still have over 30 badges to design and code!

Thanks again!

I really like where this new badging system is going and I think after 48 badges are designed and coded we will have many good ideas for Phase II.
# 21  
Old 12-29-2018
Quote:
Originally Posted by Neo
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!
Your Welcome Neo.

I just written a sample code by copying your code(since I am not sure how data is coming to php code etc so tried a bit). Here I am trying to go through an array which is having TAGs values for user and checking if for a specific tag user is having more than 999 thanks then do some action.

Code:
<?php
$color = array();
$tag_array =user's tags values(may be coming from DB's queries?)

foreach($tag_array as $value) { {
if ($modaluser['thanks'] > 999 && $value>999) {
    $color['fauser'] = 'black';
    $color['faaward'] = 'gold';  
}
else {
    $color['fauser'] = 'lightgray';
}
}

It is just a simple try and I have NOT at all tested it.

Thanks,
R. Singh
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