I’m trying to display the tabs based upon the session data, currently I successfully display 3 tabs in total, but now what if just like google chrome I want to display upto N number of tabs…..n?
Is there any way to do this dynamically?
Tabs UI
Using sessions
$check1 = $this->session->userdata('tabs_1'); //output: 1
$check2 = $this->session->userdata('tabs_2'); //output: 2
$check3 = $this->session->userdata('tabs_3'); //output: 3
Html to display tabs
<ul class="addButton">
<li >
<a style="background-color: rgb(35, 82, 124);color: white;cursor: pointer" class="suspendIDCurrent" data-suspendID="0" id="sus_0">Current</a>
</li>
<?php if(isset($check1)):?>
<li style="margin-left: 9px;" id="btRow_<?=isset($check1) && isset($check2) && isset($check3)?3:1?>">
<a style="cursor: pointer" class="suspendID" data-suspendID="<?=isset($check1) && isset($check2) && isset($check3)?3:1?>" id="sus_<?=isset($check1) && isset($check2) && isset($check3)?3:1?>">Hold 1</a>
<span><i class="fa fa-minus deleteSuspendID" data-minusSuspendID="<?=isset($check1) && isset($check2) && isset($check3)?3:1?>"></i></span>
</li>
<?php endif;?>
<?php if(isset($check2)):?>
<!--only for tab 2-->
<li style="margin-left: 5px;" id="btRow_2">
<a style="cursor: pointer" class="suspendID" data-suspendID="2" id="sus_2">Hold 2</a>
<span><i class="fa fa-minus deleteSuspendID" data-minusSuspendID="2"></i></span>
</li>
<?php endif;?>
<?php if(isset($check3)):?>
<li style="margin-left: 5px;" id="btRow_<?=isset($check1) && isset($check2) && isset($check3)?1:3?>">
<a style="cursor: pointer" class="suspendID" data-suspendID="<?=isset($check1) && isset($check2) && isset($check3)?1:3?>" id="sus_<?=isset($check1) && isset($check2) && isset($check3)?1:3?>">Hold 3</a>
<span><i class="fa fa-minus deleteSuspendID" data-minusSuspendID="<?=isset($check1) && isset($check2) && isset($check3)?1:3?>"></i></span>
</li>
<?php endif;?>
</ul>
My dynamic approach
<?php
//$check = $this->session->userdata('tabs_'.$val);
$tables_opened = array();
foreach ($tables as $tbls) { //tabs_ids in array
if(!empty($this->session->userdata('tabs_'.$tbls->id))){
$tables_opened[] = $this->session->userdata('tabs_'.$tbls->id);
}
}
print_r($tables_are_on_hold); //Array ( [0] => 2 [1] => 3 )
