BTI360, profile picture
Uploaded byBTI360
617 views

Migrating Legacy Web Applications to AngularJS

JavaScript applications can be like a lawn, without discipline and attention, over time the weeds of technical debt can get out of control. In this talk Ryan will walk us through best practices for migrating legacy JavaScript applications to Angular, a modern JavaScript framework!

Embed presentation

Download to read offline
MIGRATING LEGACY WEB APPLICATIONS TO ANGULARJS
WHAT IS A LEGACY APPLICATION?
WHY IS THIS A PROBLEM?
HOW DO THINGS GET SO BAD?
$(document).ready(function() { $('.hide').click(function() { $('.target').hide(); }); $('.show').click(function() { $('.target').show(); }); });
$(document).ready(function() { $('.hide').click(function() { $('.target').hide(); $('.target').slideUp(250); }); $('.show').click(function() { $('.target').show(); $('.target').slideDown(250); }); });
$(document).ready(function() { $('.hide').click(function(e) { e.preventDefault(); $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(250); }); $('.show').click(function(e) { e.preventDefault(); $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(250); }); });
$(document).ready(function() { $('.hide').click(function(e) { e.preventDefault(); if(!$('.target').hasClass('hidden')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(250); } }); $('.show').click(function(e) { e.preventDefault(); if($('.target').hasClass('hidden')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(250); } }); });
$(document).ready(function() { $('.hide').click(function(e) { e.preventDefault(); if(!$('.target').hasClass('hidden')) { if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(500); } else { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(750); } } }); $('.show').click(function(e) { e.preventDefault(); if($('.target').hasClass('hidden')) { if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(500); } else { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(750); } } }); });
$(document).ready(function() { $('.hide').click(function(e) { e.preventDefault(); if(!$('.target').hasClass('hidden')) { if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(500); } else { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(750); } } }); $('.show'). click(function(e) { e.preventDefault(); if($('.target').hasClass('hidden')) { if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(500); } else { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(750); } } }); $('.quit').click(function(e) { e.preventDefault(); if(!$('.target').hasClass('hidden')) { if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(500); } else { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(750); } } }); $('.enter'). click(function(e) { e.preventDefault(); if($('.target').hasClass('hidden')) { if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(500); } else { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(750); } } }); });
$( document ) . r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ;
$( document ) . r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ; $( document ) . r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ; $( document ) . r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ;
METRIC RESULT Static Analysis 18,000+ warnings, 284 errors Max Function Length 291 lines Max Input Params 55 Average File Length 851 lines (7683 max) Code Coverage 0%
$( document ) . r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; } $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ;
angular.module(‘app’, []) .run(function() { $( document ) . r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; } $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ; );
New Tech !==
New Tech !==
New Tech !==
CLEANER CODE
CODING STANDARDS
METRIC RESULT STANDARD Static Analysis 18,000+ warnings, 284 errors 0 warnings or errors Max Function Length 291 lines 50 lines Max Input Params 55 10 Average File Length 851 lines (7683 max) No Rule Code Coverage 0% 80%
ACCOUNTABILITY
PACKAGE DEPLOY istanbul
function search(searchText) , wholeWord, includeRelated, minPrice, maxPrice, …, minInputs, maxInputs , minResolution, maxResolution, minSize, maxSize, isSmart, hasDvd , hasSpeakers, hasTuner, is3d, includesGlasses , sortField, sortDirection, numberOfResults, startIndex , startDate, endDate, location, source, type, brand, name, color, onSale, clearance search(‘foo’, ‘type’, ‘asc’, 100, 1, … null, null, null, null, …, true, false, true, true) search({ searchText: ‘foo’, maxPrice: 100 })
TECHNOLOGY
$( document ) . r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ;
DOM as MODEL
<input id="firstName" /> <input id="lastName" /> <button onClick="greetUser()"> Say Hello </button> ------ var greetUser = function() { var firstName = $('#firstName').val(); var lastName = $('#lastName').val(); alert('Hello ' + firstName + ' ’ + lastName); };
DATA BINDING
<input ng-model="firstName" /> <input ng-model="lastName" /> <button ng-click="greetUser()"> Say Hello </button> ------ var greetUser = function() { alert('Hello ' + firstName + ' ' + lastName); }; <input id="firstName" /> <input id="lastName" /> <button onClick="greetUser()"> Say Hello </button> ------ var greetUser = function() { var firstName = $('#firstName').val(); var lastName = $('#lastName').val(); alert('Hello ' + firstName + ' ’ + lastName); };
REST APIs
$('.updateUser).click(function() { $.ajax({...}); }); $('.newUser).click(function() { $.ajax({...}); }); $('.getUser).click(function() { $.ajax({...}); });
SERVICES
.service(‘UserService’, function() { }); $('.updateUser).click(function() { $.ajax({...}); }); $('.newUser).click(function() { $.ajax({...}); }); $('.getUser).click(function() { $.ajax({...}); });
.service(‘UserService’, function($http) { getUser: function() { return $http(...); }, createUser: function() { return $http(...); }, updateUser: function() { return $http(...); } }); --------- UserService.getUser('johnDoe'); $('.updateUser).click(function() { $.ajax({...}); }); $('.newUser).click(function() { $.ajax({...}); }); $('.getUser).click(function() { $.ajax({...}); });
.service(‘UserService’, function($websockets) { getUser: function() { return $websockets(...); }, createUser: function() { return $websockets(...); }, updateUser: function() { return $websockets(...); } }); --------- UserService.getUser('johnDoe'); $('.updateUser).click(function() { $.ajax({...}); }); $('.newUser).click(function() { $.ajax({...}); }); $('.getUser).click(function() { $.ajax({...}); });
GLOBAL VARIABLES
var baseUrl = '/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); });
var baseUrl = '/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); });
DEPENDENCY INJECTION
var baseUrl = '/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); }); angular.module('app', []) .constant('config', function() { baseUrl: '/app/' });
var baseUrl = '/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); }); angular.module('app', ['app.user']) .constant('config', function() { baseUrl: '/app/' }); ---- angular.module('app.user', []);
var baseUrl = '/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); }); angular.module('app', ['app.user']) .constant('config', function() { baseUrl: '/app/' }); ---- angular.module('app.user', []) .service('UserService', function(config) { var url = config.baseUrl; getUser: function() { return $http(url); } });
var baseUrl = '/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); }); angular.module('app', ['app.user']) .constant('config', function() { baseUrl: '/app/' }) .controller(’AppCtrl', function(UserService) { var user = UserService.getUser(); }); ---- angular.module('app.user', []) .service('UserService', function(config) { var url = config.baseUrl; getUser: function() { return $http(url); } });
ELEMENT CREATION
<div id="gallery"> <img src="a.jpg" alt="A"/> <img src="b.jpg" alt="B"/> <img src="c.jpg" alt="C"/> </div>
<div id="gallery"> </div> $(document).ready(function() { var images = [ {url: 'a.jpg', alt='A'}, {url: 'b.jpg', alt='B'}, {url: 'c.jpg', alt='C'} ]; images.forEach(function(image) { $('#gallery').append( '<img src="' + image.ul + '" alt="' + image.alt + '" />’); }); });
COMPONENTS
<div id="gallery"> </div> $(document).ready(function() { var images = [ {url: 'a.jpg', alt='A'}, {url: 'b.jpg', alt='B'}, {url: 'c.jpg', alt='C'} ]; images.forEach(function(image) { $('#gallery').append( '<img src="' + image.ul + '" alt="' + image.alt + '" />’); }); }); angular.module('app.images', []) .directive('gallery', function() { return { } });
<div id="gallery"> </div> $(document).ready(function() { var images = [ {url: 'a.jpg', alt='A'}, {url: 'b.jpg', alt='B'}, {url: 'c.jpg', alt='C'} ]; images.forEach(function(image) { $('#gallery').append( '<img src="' + image.ul + '" alt="' + image.alt + '" />’); }); }); angular.module('app.images', []) .directive('gallery', function() { return { restrict: 'E', templateUrl: 'myImage.html', scope: { images: '=' } } });
<div id="gallery"> </div> $(document).ready(function() { var images = [ {url: 'a.jpg', alt='A'}, {url: 'b.jpg', alt='B'}, {url: 'c.jpg', alt='C'} ]; images.forEach(function(image) { $('#gallery').append( '<img src="' + image.ul + '" alt="' + image.alt + '" />’); }); }); angular.module('app.images', []) .directive('gallery', function() { return { restrict: 'E', templateUrl: 'myImage.html', scope: { images: '=' } } }); <div ng-repeat="image in images"> <img src="{{image.url}}" alt="{{image.alt}}" /> </div>
<div id="gallery"> </div> $(document).ready(function() { var images = [ {url: 'a.jpg', alt='A'}, {url: 'b.jpg', alt='B'}, {url: 'c.jpg', alt='C'} ]; images.forEach(function(image) { $('#gallery').append( '<img src="' + image.ul + '" alt="' + image.alt + '" />’); }); }); angular.module('app.images', []) .directive('gallery', function() { return { restrict: 'E', templateUrl: 'myImage.html', scope: { images: '=' } } }); <div ng-repeat="image in images"> <img src="{{image.url}}" alt="{{image.alt}}" /> </div> <gallery images="ctrl.images"> </gallery>
METRIC RESULT Static Analysis 18,000+ warnings, 284 errors Max Function Length 291 lines Max Input Params 55 Average File Length 851 lines (7683 max) Code Coverage 0%
METRIC RESULT STANDARD Static Analysis 18,000+ warnings, 284 errors 0 warnings or errors Max Function Length 291 lines 50 lines Max Input Params 55 10 Average File Length 851 lines (7683 max) No Rule Code Coverage 0% 80%
PACKAGE DEPLOY istanbul
METRIC LEGACY ANGULAR Static Analysis 18,000+ warnings, 284 errors 0 warnings or errors Max Function Length 291 lines 46 lines Max Input Params 55 10 Average File Length 851 lines (7683 max) 53 Code Coverage 0% 87%
0 2 4 6 8 10 12 Legacy Angular HOTFIXES
QUESTIONS?

More Related Content

KEY
Pimp your site with jQuery!
byElliott Kember
 
PDF
A slew of AACM 50th anniversary celebrations this weekend
bychicagonewsyesterday
 
PDF
Skaters and BMXers from all over the U.S. descend on Grant Park
bychicagonewsyesterday
 
TXT
Index1
bygrateful7
 
PDF
Як досвід компанії перетворився на фреймворк
byShtrih Sruleg
 
PDF
Get more votes!
bychicagonewsyesterday
 
PDF
Get more votes!
bychicagonewsonlineradio
 
TXT
Index2
bygrateful7
 
Pimp your site with jQuery!
byElliott Kember
 
A slew of AACM 50th anniversary celebrations this weekend
bychicagonewsyesterday
 
Skaters and BMXers from all over the U.S. descend on Grant Park
bychicagonewsyesterday
 
Index1
bygrateful7
 
Як досвід компанії перетворився на фреймворк
byShtrih Sruleg
 
Get more votes!
bychicagonewsyesterday
 
Get more votes!
bychicagonewsonlineradio
 
Index2
bygrateful7
 

What's hot

PDF
Here's the Downtown Sound lineup for 2015
bychicagonewsyesterday
 
PDF
Introducción a Bolt
byAsier Marqués
 
PDF
Silex al límite
byJavier Eguiluz
 
PDF
Check out our photos of the Pixies' Metro show
bychicagonewsyesterday
 
PDF
Best hotel
bychicagonewsyesterday
 
PDF
Best Fried Chicken
byirwinvifxcfesre
 
PDF
Jquery Framework
byLuiz Carlos Chaves
 
PDF
Chief Keef's hologram can't catch a break, and it's a win for Keef
bychicagonewsonlineradio
 
PDF
Assalamualaykum warahmatullahi wabarakatuu
byiswan_di
 
TXT
Miniray.php
bymaeeeng69
 
PPTX
es6.concurrency()
byIngvar Stepanyan
 
PDF
Peek inside the fantastical Ukrainian Village home and studio of artists Jare...
byirwinvifxcfesre
 
PDF
Sis quiz
byClesio Veloso
 
DOCX
JAVA Program in NetBeans
byHimanshiSingh71
 
PDF
2015 Key Ingredient Cook-Off
byirwinvifxcfesre
 
PDF
Aller plus loin avec Doctrine2
byAndré Tapia
 
PPTX
Extjs 4
byHussein Jahanbakhsh
 
PDF
Pianist and composer Jeff Kowalkowski releases strong new trio album
byirwinvifxcfesre
 
PDF
アプリ設定の保存をシンプルに
bysusan335
 
KEY
jQuery for designers
byJohan Ronsse
 
Here's the Downtown Sound lineup for 2015
bychicagonewsyesterday
 
Introducción a Bolt
byAsier Marqués
 
Silex al límite
byJavier Eguiluz
 
Check out our photos of the Pixies' Metro show
bychicagonewsyesterday
 
Best hotel
bychicagonewsyesterday
 
Best Fried Chicken
byirwinvifxcfesre
 
Jquery Framework
byLuiz Carlos Chaves
 
Chief Keef's hologram can't catch a break, and it's a win for Keef
bychicagonewsonlineradio
 
Assalamualaykum warahmatullahi wabarakatuu
byiswan_di
 
Miniray.php
bymaeeeng69
 
es6.concurrency()
byIngvar Stepanyan
 
Peek inside the fantastical Ukrainian Village home and studio of artists Jare...
byirwinvifxcfesre
 
Sis quiz
byClesio Veloso
 
JAVA Program in NetBeans
byHimanshiSingh71
 
2015 Key Ingredient Cook-Off
byirwinvifxcfesre
 
Aller plus loin avec Doctrine2
byAndré Tapia
 
Extjs 4
byHussein Jahanbakhsh
 
Pianist and composer Jeff Kowalkowski releases strong new trio album
byirwinvifxcfesre
 
アプリ設定の保存をシンプルに
bysusan335
 
jQuery for designers
byJohan Ronsse
 

Viewers also liked

PDF
Gradle: From Extreme to Mainstream
byBTI360
 
PDF
AWS Lambda: Coding Without Infrastructure
byBTI360
 
PDF
Learn to Speak AWS
byBTI360
 
PDF
Scala vs Java 8 in a Java 8 World
byBTI360
 
PDF
Tackling Big Data with the Elephant in the Room
byBTI360
 
PDF
A noobs lesson on solr (configuration)
byBTI360
 
PDF
Search Concepts & Tools
byBTI360
 
PDF
Microservices a Double-Edged Sword
byBTI360
 
PDF
Intro to Apache Spark
byBTI360
 
PDF
Spock Testing Framework - The Next Generation
byBTI360
 
Gradle: From Extreme to Mainstream
byBTI360
 
AWS Lambda: Coding Without Infrastructure
byBTI360
 
Learn to Speak AWS
byBTI360
 
Scala vs Java 8 in a Java 8 World
byBTI360
 
Tackling Big Data with the Elephant in the Room
byBTI360
 
A noobs lesson on solr (configuration)
byBTI360
 
Search Concepts & Tools
byBTI360
 
Microservices a Double-Edged Sword
byBTI360
 
Intro to Apache Spark
byBTI360
 
Spock Testing Framework - The Next Generation
byBTI360
 

Migrating Legacy Web Applications to AngularJS

  • 1.
  • 2.
    WHAT IS ALEGACY APPLICATION?
  • 5.
    WHY IS THISA PROBLEM?
  • 9.
    HOW DO THINGSGET SO BAD?
  • 10.
  • 11.
  • 12.
  • 13.
    $(document).ready(function() { $('.hide').click(function(e) { e.preventDefault(); if(!$('.target').hasClass('hidden')){ $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(250); } }); $('.show').click(function(e) { e.preventDefault(); if($('.target').hasClass('hidden')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(250); } }); });
  • 14.
    $(document).ready(function() { $('.hide').click(function(e) { e.preventDefault(); if(!$('.target').hasClass('hidden')){ if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(500); } else { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(750); } } }); $('.show').click(function(e) { e.preventDefault(); if($('.target').hasClass('hidden')) { if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(500); } else { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(750); } } }); });
  • 15.
    $(document).ready(function() { $('.hide').click(function(e) { e.preventDefault(); if(!$('.target').hasClass('hidden')){ if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(500); } else { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(750); } } }); $('.show'). click(function(e) { e.preventDefault(); if($('.target').hasClass('hidden')) { if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(500); } else { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(750); } } }); $('.quit').click(function(e) { e.preventDefault(); if(!$('.target').hasClass('hidden')) { if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(500); } else { $('.target').hide(); $('.target').addClass(‘hidden’); $('.target').slideUp(750); } } }); $('.enter'). click(function(e) { e.preventDefault(); if($('.target').hasClass('hidden')) { if($('.user').hasClass('manager') || $('.user').hasClass('supervisor')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(250); } else if ($('.user').hasClass('client') || $('.user').hasClass('customer')) { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(500); } else { $('.target').show(); $('.target').removeClass(‘hidden’); $('.target').slideDown(750); } } }); });
  • 16.
    $( document ). r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ;
  • 17.
    $( document ). r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ; $( document ) . r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ; $( document ) . r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ;
  • 18.
    METRIC RESULT Static Analysis18,000+ warnings, 284 errors Max Function Length 291 lines Max Input Params 55 Average File Length 851 lines (7683 max) Code Coverage 0%
  • 20.
    $( document ). r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; } $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ;
  • 21.
    angular.module(‘app’, []) .run(function() { $(document ) . r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; } $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ; );
  • 22.
  • 23.
  • 24.
  • 25.
  • 31.
  • 35.
    METRIC RESULT STANDARD StaticAnalysis 18,000+ warnings, 284 errors 0 warnings or errors Max Function Length 291 lines 50 lines Max Input Params 55 10 Average File Length 851 lines (7683 max) No Rule Code Coverage 0% 80%
  • 36.
  • 37.
  • 40.
    function search(searchText) , wholeWord,includeRelated, minPrice, maxPrice, …, minInputs, maxInputs , minResolution, maxResolution, minSize, maxSize, isSmart, hasDvd , hasSpeakers, hasTuner, is3d, includesGlasses , sortField, sortDirection, numberOfResults, startIndex , startDate, endDate, location, source, type, brand, name, color, onSale, clearance search(‘foo’, ‘type’, ‘asc’, 100, 1, … null, null, null, null, …, true, false, true, true) search({ searchText: ‘foo’, maxPrice: 100 })
  • 41.
  • 44.
    $( document ). r eady( f unct ion( ) { $( ' . hide' ) .click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $(' .hide' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . show' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; $( ' . quit ' ) . click( f unct ion( e) { e. pr event Def ault ( ); if ( !$( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 500) ; } else { $( '. tar get ') .hide( ) ; $( '. tar get ') .addClass( ‘ hidden’ ) ; $( '. tar get ') .slideUp( 750) ; } } } ) ; $( ' . ent er' ). click( f unct ion( e) { e. pr event Def ault ( ); if ($( '. tar get ' ). hasClass( 'hidden' ) ) { if ( $(' .user ' ). hasClass( 'manager ' ) || $( '. user' ). hasClass( ' super visor ' ) ) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 250) ; } else if ($( '. user ') .hasClass( ' client ' ) || $( ' .user ' ). hasClass( 'cust omer' )) { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 500) ; } else { $( '. tar get ') .show( ) ; $( '. tar get ') .r emoveClass( ‘ hidden’ ) ; $( '. tar get ') .slideDown( 750) ; } } } ) ; } ) ;
  • 45.
  • 46.
    <input id="firstName" /> <inputid="lastName" /> <button onClick="greetUser()"> Say Hello </button> ------ var greetUser = function() { var firstName = $('#firstName').val(); var lastName = $('#lastName').val(); alert('Hello ' + firstName + ' ’ + lastName); };
  • 47.
  • 48.
    <input ng-model="firstName" /> <inputng-model="lastName" /> <button ng-click="greetUser()"> Say Hello </button> ------ var greetUser = function() { alert('Hello ' + firstName + ' ' + lastName); }; <input id="firstName" /> <input id="lastName" /> <button onClick="greetUser()"> Say Hello </button> ------ var greetUser = function() { var firstName = $('#firstName').val(); var lastName = $('#lastName').val(); alert('Hello ' + firstName + ' ’ + lastName); };
  • 49.
  • 50.
  • 51.
  • 52.
    .service(‘UserService’, function() { }); $('.updateUser).click(function(){ $.ajax({...}); }); $('.newUser).click(function() { $.ajax({...}); }); $('.getUser).click(function() { $.ajax({...}); });
  • 53.
    .service(‘UserService’, function($http) { getUser:function() { return $http(...); }, createUser: function() { return $http(...); }, updateUser: function() { return $http(...); } }); --------- UserService.getUser('johnDoe'); $('.updateUser).click(function() { $.ajax({...}); }); $('.newUser).click(function() { $.ajax({...}); }); $('.getUser).click(function() { $.ajax({...}); });
  • 54.
    .service(‘UserService’, function($websockets) { getUser:function() { return $websockets(...); }, createUser: function() { return $websockets(...); }, updateUser: function() { return $websockets(...); } }); --------- UserService.getUser('johnDoe'); $('.updateUser).click(function() { $.ajax({...}); }); $('.newUser).click(function() { $.ajax({...}); }); $('.getUser).click(function() { $.ajax({...}); });
  • 55.
  • 56.
    var baseUrl ='/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); });
  • 57.
    var baseUrl ='/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); });
  • 58.
  • 59.
    var baseUrl ='/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); }); angular.module('app', []) .constant('config', function() { baseUrl: '/app/' });
  • 60.
    var baseUrl ='/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); }); angular.module('app', ['app.user']) .constant('config', function() { baseUrl: '/app/' }); ---- angular.module('app.user', []);
  • 61.
    var baseUrl ='/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); }); angular.module('app', ['app.user']) .constant('config', function() { baseUrl: '/app/' }); ---- angular.module('app.user', []) .service('UserService', function(config) { var url = config.baseUrl; getUser: function() { return $http(url); } });
  • 62.
    var baseUrl ='/app/'; var user = {}; ---- $(document).ready(function() { $.get(baseUrl + '/user', function(data) { user = data; }); }); ---- $(document).ready(function() { $('.name').val(user.name); }); angular.module('app', ['app.user']) .constant('config', function() { baseUrl: '/app/' }) .controller(’AppCtrl', function(UserService) { var user = UserService.getUser(); }); ---- angular.module('app.user', []) .service('UserService', function(config) { var url = config.baseUrl; getUser: function() { return $http(url); } });
  • 63.
  • 64.
    <div id="gallery"> <img src="a.jpg"alt="A"/> <img src="b.jpg" alt="B"/> <img src="c.jpg" alt="C"/> </div>
  • 65.
    <div id="gallery"> </div> $(document).ready(function() { varimages = [ {url: 'a.jpg', alt='A'}, {url: 'b.jpg', alt='B'}, {url: 'c.jpg', alt='C'} ]; images.forEach(function(image) { $('#gallery').append( '<img src="' + image.ul + '" alt="' + image.alt + '" />’); }); });
  • 66.
  • 67.
    <div id="gallery"> </div> $(document).ready(function() { varimages = [ {url: 'a.jpg', alt='A'}, {url: 'b.jpg', alt='B'}, {url: 'c.jpg', alt='C'} ]; images.forEach(function(image) { $('#gallery').append( '<img src="' + image.ul + '" alt="' + image.alt + '" />’); }); }); angular.module('app.images', []) .directive('gallery', function() { return { } });
  • 68.
    <div id="gallery"> </div> $(document).ready(function() { varimages = [ {url: 'a.jpg', alt='A'}, {url: 'b.jpg', alt='B'}, {url: 'c.jpg', alt='C'} ]; images.forEach(function(image) { $('#gallery').append( '<img src="' + image.ul + '" alt="' + image.alt + '" />’); }); }); angular.module('app.images', []) .directive('gallery', function() { return { restrict: 'E', templateUrl: 'myImage.html', scope: { images: '=' } } });
  • 69.
    <div id="gallery"> </div> $(document).ready(function() { varimages = [ {url: 'a.jpg', alt='A'}, {url: 'b.jpg', alt='B'}, {url: 'c.jpg', alt='C'} ]; images.forEach(function(image) { $('#gallery').append( '<img src="' + image.ul + '" alt="' + image.alt + '" />’); }); }); angular.module('app.images', []) .directive('gallery', function() { return { restrict: 'E', templateUrl: 'myImage.html', scope: { images: '=' } } }); <div ng-repeat="image in images"> <img src="{{image.url}}" alt="{{image.alt}}" /> </div>
  • 70.
    <div id="gallery"> </div> $(document).ready(function() { varimages = [ {url: 'a.jpg', alt='A'}, {url: 'b.jpg', alt='B'}, {url: 'c.jpg', alt='C'} ]; images.forEach(function(image) { $('#gallery').append( '<img src="' + image.ul + '" alt="' + image.alt + '" />’); }); }); angular.module('app.images', []) .directive('gallery', function() { return { restrict: 'E', templateUrl: 'myImage.html', scope: { images: '=' } } }); <div ng-repeat="image in images"> <img src="{{image.url}}" alt="{{image.alt}}" /> </div> <gallery images="ctrl.images"> </gallery>
  • 72.
    METRIC RESULT Static Analysis18,000+ warnings, 284 errors Max Function Length 291 lines Max Input Params 55 Average File Length 851 lines (7683 max) Code Coverage 0%
  • 73.
    METRIC RESULT STANDARD StaticAnalysis 18,000+ warnings, 284 errors 0 warnings or errors Max Function Length 291 lines 50 lines Max Input Params 55 10 Average File Length 851 lines (7683 max) No Rule Code Coverage 0% 80%
  • 74.
  • 75.
    METRIC LEGACY ANGULAR StaticAnalysis 18,000+ warnings, 284 errors 0 warnings or errors Max Function Length 291 lines 46 lines Max Input Params 55 10 Average File Length 851 lines (7683 max) 53 Code Coverage 0% 87%
  • 76.
  • 80.