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


Login or Register for Dates, Times and to Reply

 
Thread Tools Search this Thread
# 36  
Hey Ravinder,

I just added two lines of jQuery to the code to make all "Reserved" badges less visible, so you can easily see the difference between the reserved (not yet defined) badges and the badges with logic (defined):

Code:
$( "i[title='Reserved']" ).closest('div').find('.far').css("opacity","0.3");
$( "i[title='Reserved']" ).css("opacity","0.3");

Hope this helps.

You can see where Neo has all but three badges (Thanks 2000, 3000, 4000):

Image

RudiC has all but three badges (Formulator, Admin, Dev Ops Team)

Image

Hopefully this is even more clear Smilie
This User Gave Thanks to Neo For This Post:
# 37  
Here is the current jQuery file for the above:

https://www.unix.com/scripts/js/badge.js?v=31

I'm about to call is "done" for Phase I unless anyone, including you, have logic changes for these first 24 out of 48 badges.

I think, now, the extra opacity for reserved badges is "good enough for now", and so no real reason to go to 35 badges or a reduced grid size.
# 38  
Just added badge number 25... The Knight .... for Threads Started:

Code:
<?php
$queryc = "SELECT COUNT(threadid) AS threadcount FROM thread WHERE postuserid='" . $uid . "'";
$resultsc = $db->query_first_slave($queryc);
if ($resultsc['threadcount'] > 500) {
    $color['faknight'] = 'black';
} elseif ($resultsc['threadcount'] > 250) {
    $color['faknight'] = 'indigo';
} elseif ($resultsc['threadcount'] > 100) {
    $color['faknight'] = 'blue';
} elseif ($resultsc['threadcount'] > 1) {
    $color['faknight'] = 'limegreen';
} else {
    $color['faknight'] = 'lightgray';
}

jQuery:

Code:
$('.fa-chess-knight').css("color",badge["starter"]);
$('.fa-chess-knight').css("cursor","pointer").attr("title", badge["starterval"]+ " Discussions Started");
$('.fa-chess-knight').closest('div').find('.fa-circle').css("color",badge["starter"]);

# 39  
Draft prototype badge 26 "Attachments Uploaded" ....

Code:
<?php
if ($userattachments['totalattachments'] > 500) {
    $color['fadownload'] = 'black';
} elseif ($userattachments['totalattachments'] > 100) {
    $color['fadownload'] = 'indigo';
} elseif ($userattachments['totalattachments'] > 10) {
    $color['fadownload'] = 'blue';
} elseif ($userattachments['totalattachments'] > 1) {
    $color['fadownload'] = 'limegreen';
} else {
    $color['fadownload'] = 'lightgray';
}

$badgejs .= 'badge["fadownload"] = "' . $color['fadownload'] . '";'; 
$badgejs .= 'badge["fadownloadval"] = "' . $userattachments['totalattachments'] . '";'

jQuery:

Code:
$('.fa-download').css("color",badge["fadownload"]);
$('.fa-download').css("cursor","pointer").attr("title", badge["fadownloadval"]+ " Attachments Uploaded");
$('.fa-download').closest('div').find('.fa-circle').css("color",badge["fadownload"]);

Login or Register for Dates, Times and to Reply

Previous Thread | Next Thread
Thread Tools Search this Thread
Search this Thread:
Advanced Search

Test Your Knowledge in Science: Gadgets
Difficulty: Easy
The communication protocol NFC stands for Near-Field Control.
True or False?

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

Featured Tech Videos