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?

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.