<? global $vis_language; 
   $task_filters=array(2=> $vis_language['TXTMYTASK'],3=> $vis_language['TXTASSIGNEDTASK'],4=> $vis_language['TXTINPROGRESSTASK'],5=> $vis_language['TXTOVERDUETASK'],6=> $vis_language['TXTCOMPLETEDTASK'],7=> $vis_language['TXTCANCELLEDTASK'],8=> $vis_language['TXTLOWPRIORITYTASK'],9=> $vis_language['TXTMEDIUMPRIORITYTASK'],10=> $vis_language['TXTHIGHPRIORITYTASK']);?>
<section class="vbox fadeInRight">
   <section>
      <div class="text-md hidden-nav-xs text-black vis_leftpanel_domain_span"><?= 'Task filters';?></div>
      <div id="staff_list">
         <ul class="list-group auto no-radius m-b-none m-t-n-xxs list-group-lg">
            <li class="list-group-item">
               <a href="#/home/view_tasks/<? echo 'My favourites/12'?>" >
               <span class="badge vh-warning-bg pull-right font-normal text-xs"><?echo $quick_view['favourite'];?></span>
               <span><? echo $vis_language['TXTMYFAVOURITES'];?></span>
               </a>
            </li>
            <? for($i=2;$i<=count($task_filters)+1;$i++){ ?>
            <li class="list-group-item">
               <a href="#/home/view_tasks/<? echo $task_filters[$i].'/'.$i?>" >
               <span id="vis_cnt_<? echo $i;?>" ><?echo $quick_view[$i];?></span>
               <span><? echo $task_filters[$i];?></span>
               </a>
            </li>
            <? if($i==3){?>
             <li class="list-group-item">
               <a href="#/home/view_tasks/<? echo 'Not started task/14'?>" >
               <span class="badge bg-gradient pull-right font-normal text-xs"><?echo $quick_view['not_started'];?></span>
               <span><? echo $vis_language['TXTNOTSTARTEDTASK'];?></span>
               </a>
            </li>
            <? }}?>
         </ul>
      </div>
   </section>
</section>
<script type="text/javascript">
   $(document).ready(function(){
   <? for($i=2;$i<=count($task_filters)+1;$i++){ ?>
   <? if($i==2 || $i==3 || $i==8 || $i==9 || $i==10){?>
   $("#vis_cnt_<? echo $i;?>").attr("class","badge bg-gradient pull-right font-normal text-xs");
   <?}else if($i==4){?>
   $("#vis_cnt_<? echo $i;?>").attr("class","badge vh-success-bg pull-right font-normal text-xs");
   <?}else if($i==5){?>
   $("#vis_cnt_<? echo $i;?>").attr("class","badge vh-danger-bg pull-right font-normal text-xs");
   <?}else if($i==6){?>
   $("#vis_cnt_<? echo $i;?>").attr("class","badge vh-info-bg pull-right font-normal text-xs");
   <?}else if($i==7){?>
   $("#vis_cnt_<? echo $i;?>").attr("class","badge vh-grey-bg pull-right font-normal text-xs");
   <?} } ?>
   });
</script>
