[ Mini Kiebo ]

Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586 Path: D:/Backup/05122024/htdocs/tracer/application/views/mahasiswa/ [ Home ]
File: bgJadwalKuliah.php
<!DOCTYPE html>
<html>
<head>
  <title></title>

  <script src="<?php echo base_url();?>/assets/js/vendor/jquery.easytabs.js"></script>
   <script src="<?php echo base_url();?>/assets/js/vendor/jquery.hashchange.min.js"></script>
   <script type="text/javascript">
 $(function(){
    function loadData() {
           
            $("#cetakkrs").load("<?php echo base_url();?>mhs/cetak_krs_pilih");
        }
        loadData();

})
 $(function(){
    function loadJadwal() {
           
            $("#jadwal").load("<?php echo base_url();?>mhs/jwlKuliah");
        }
        loadJadwal();
          
})
 $(function(){
    function loadKrs() {
           
            $("#isikrs").load("<?php echo base_url();?>mhs/isiKrs");
        }
        loadKrs();
          
})
  </script>
  <style type="text/css">
    
 .etabs { margin: 2px; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 1px 1px 0 0; -webkit-border-radius: 1px 1px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #6fb3e0; padding-top: 3px; position: relative; top: 1px; border-color: #666; bottom: 1px; }
.tab a.active { color: white;}
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
  </style>
<style type="text/css">

.cda {
position: absolute;
    width: 150px;
    height: 160px;
    box-shadow: 2px 2px 5px #888888;
  
}
.abs {
    margin: 0 0 0 200px;
    width: 80%;
    height: auto;
  
}

.bma {
     width: 100px;
    height: auto;
    border-radius: 50%;
    margin: 20px 0 0 25px;
box-shadow: 2px 2px 5px #888888;
   
}

table {
    border-collapse: collapse;
 
     width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
table.sam {
    border-collapse: collapse;
    width: 100%;
    background-color:#f5f5f5;
}

th, td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

tr:hover{background-color:#f5f5f5}


input[type=text] {
    width: 70%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 12px;
    background-color: white;
    padding: 5px 5px 5px 5px;
}

input[type=text].riop {
    width: 5%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 8px;
    font-size: 12px;
    background-color: white;
    padding: 5px 5px 5px 5px;
}

tr.rev {
   
    border-bottom: 3px solid #ddd;
   
}
img.sam {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 75px;
}

td {
    font-size: 14px;
}
</style>
  <script type="text/javascript">
    $(document).ready( function() {
      $('#tab-container').easytabs();
    });
  </script>
</head>
<body>


<div class="cda">
<?php foreach ($mhs->result_array() as $key ) {
  if ($key['foto']=='')
  {echo "<img class='bma' src='".base_url('assets/avatars/profile-pic.jpg')."' >" ;
}else if ($key['foto']!=='')
{echo "<img class='bma' src='".base_url('assets/uploads/'.$key['foto'])."' >" ;
  } 
  } ?>
</div>
<div class="abs">
<table >
<tr> 
<th> Nama</th><td> <input type="text" name="" value=" <?php echo $nama;?>" readonly="readonly"> </td>
<th> Program Studi</th> <td> <input type="text" name="" value="<?php echo $jurusan;?>" readonly="readonly"> </td>
</tr>

<tr> 
<th> NIM </th> <td><input type="text" name="" value="<?php echo $nim;?>" readonly="readonly"> </td>
<th> Angkatan </th> <td><input type="text" name="" value="<?php echo $angkatan;?>" readonly="readonly"> </td>
</tr>

<tr> 
<th> Dosen Prodi</th><td> <input type="text" name="" value="<?php echo $nama_dosen;?>" readonly="readonly"> </td>
<th> &nbsp;</th> <td>&nbsp;</td>
</tr></table></div>

<p>&nbsp;</p>
<div id="tab-container" class="tab-container">
  <ul class='etabs'>
    <li class='tab'><a href="#jadwal"><i class="ace-icon glyphicon glyphicon-file"></i>&nbsp;&nbsp;JADWAL KULIAH</a></li>
    <li class='tab'><a href="#isikrs"><i class="ace-icon glyphicon glyphicon-share"></i>&nbsp;&nbsp;INPUT KRS</a></li>
    <li class='tab'><a href="#cetakkrs"><i class="ace-icon glyphicon glyphicon-print"></i>&nbsp;&nbsp;CETAK KRS</a></li>
  </ul>
  <div id="jadwal">
 
   
    <!-- content -->
  </div>
  <div id="isikrs">


    <!-- content -->
  </div>
  <div id="cetakkrs">
   <!-- content -->
  </div>
</div>
    
  


</body>
</html>