Login or Register to Ask a Question and Join Our Community

Sponsored Content
Full Discussion: Notes with Ravinder on Badging System Development Part II
Top Forums Web Development Notes with Ravinder on Badging System Development Part II Post 303028193 by Neo on Tuesday 1st of January 2019 01:55:06 PM
Old 01-01-2019
Hey Ravinder,

I already fixed and rearranged your code and it is working now:

Code:
$time_join = time() - $modaluser['joindate'];
$years_a_member = $time_join / $year;

if ($time_inactive < $year) { 
    if ($years_a_member > 0 && $time_inactive < 1) { 
        $color['fajoin_time'] = 'orangered'; 
    } elseif ($years_a_member < 2 && $years_a_member  >= 1) { 
        $color['fajoin_time'] = 'darkorange'; 
    } elseif ($years_a_member < 3 && $years_a_member  >= 2) { 
        $color['fajoin_time'] = 'lightgray'; 
    } elseif ($years_a_member < 4 && $years_a_member  >= 3) { 
        $color['fajoin_time'] = 'limegreen'; 
    } elseif ($years_a_member < 5 && $years_a_member  >= 4) { 
        $color['fajoin_time'] = 'blue'; 
    } elseif ($years_a_member < 10 && $years_a_member >= 5) { 
        $color['fajoin_time'] = 'indigo'; 
    } elseif ($years_a_member >= 10) { 
        $color['fajoin_time'] = 'black'; 
    } else { 
        $color['fajoin_time'] = 'red'; 
    } 
} else { 
    $color['fajoin_time'] = 'red'; 
} 

$badgejs .= 'badge["fajoin_time"] = "' . $color['fajoin_time'] . '";';   
$badgejs .= 'badge["fajoin_timeval"] = "' . number_format($years_a_member) . '";';

jQuery:

Code:
$('.fa-clock').css("color",badge["fajoin_time"]);
$('.fa-clock').css("cursor","pointer").attr("title",  badge["fajoin_timeval"] + " Years Active at UNIX.COM");
$('.fa-clock').closest('div').find('.fa-circle').css("color",badge["fajoin_time"]);

This is a great badge you came up with. I really like it. Very useful too. Only 11 more to go for this phase of rapid prototype development!

Thanks for trying on this (you were close!) . ... I look forward to your next badge!

What is the next, great, Ravinder Singh idea for a badge?
This User Gave Thanks to Neo For This Post:
RavinderSingh13
 

3 More Discussions You Might Find Interesting

1. What is on Your Mind?

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

Today I mapped out the new badging system using FA icons, Beta 1 in no particular order except a 6 x 8 grid: https://www.unix.com/members/1-albums215-picture991.png The prototype HTML code for this layout: <style> .fa-badge-grid { font-size: 1.5em; } .row { ... (38 Replies)
Discussion started by: Neo
38 Replies

2. 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

3. What is on Your Mind?

Badging System: UNIX.COM Bug Hunter Badge (New)

I have moved the bug badge out of reserve and into the main stream. Basically, I will assign a color level like the others, based on who has made a good actionable bug report for UNIX.COM. "Good" means screenshots, links, and even details from web dev tools our the HTML source code. So far,... (0 Replies)
Discussion started by: Neo
0 Replies

LEARN ABOUT DEBIAN

dancer

DANCER(1p)						User Contributed Perl Documentation						DANCER(1p)

NAME

       dancer - helper script to create new Dancer applications

SYNOPSIS

       dancer [options] -a <appname>

OPTIONS

	   -h, --help		 : print what you are currently reading
	   -a, --application	 : the name of your application
	   -p, --path		 : the path where to create your application
				     (current directory if not specified)
	   -x, --no-check	 : don't check for the latest version of Dancer
				     (checking version implies internet connection)
	   -v, --version	 : print the version of dancer being used

DESCRIPTION

       Helper script for providing a bootstrapping method to quickly and easily create the framework for a new Dancer application.

EXAMPLE

       Here is an application created with dancer:

	   $ dancer -a mywebapp
	   + mywebapp
	   + mywebapp/bin
	   + mywebapp/bin/app.pl
	   + mywebapp/config.yml
	   + mywebapp/environments
	   + mywebapp/environments/development.yml
	   + mywebapp/environments/production.yml
	   + mywebapp/views
	   + mywebapp/views/index.tt
	   + mywebapp/views/layouts
	   + mywebapp/views/layouts/main.tt
	   + mywebapp/lib
	   + mywebapp/lib/mywebapp.pm
	   + mywebapp/public
	   + mywebapp/public/css
	   + mywebapp/public/css/style.css
	   + mywebapp/public/css/error.css
	   + mywebapp/public/images
	   + mywebapp/public/500.html
	   + mywebapp/public/404.html
	   + mywebapp/public/dispatch.fcgi
	   + mywebapp/public/dispatch.cgi
	   + mywebapp/public/javascripts
	   + mywebapp/public/javascripts/jquery.js
	   + mywebapp/Makefile.PL
	   + mywebapp/t
	   + mywebapp/t/002_index_route.t
	   + mywebapp/t/001_base.t

       The application is ready to serve:

	   $ cd mywebapp
	   $ ./mywebapp.pl
	   >> Listening on 127.0.0.1:3000
	   == Entering the development dance floor ...

AUTHOR

       This script has been written by Sebastien Deseille <sebastien.deseille@gmail.com> and Alexis Sukrieh <sukria@cpan.org>.

SOURCE CODE

       See Dancer for more information.

LICENSE

       This module is free software and is published under the same terms as Perl itself.

perl v5.14.2							    2012-04-03								DANCER(1p)
All times are GMT -4. The time now is 11:05 AM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy