Web III Katalog Buku

setelah login sebagai anggota selesai, maka otomatis akan diarahkan (redirect) ke controller anggota, dan isi kodingnya untuk index adalah sebagai berikut :

function index()
  {
    $this->load->view('katalogbuku');   
  }

Dan ini koding di atas maksudnya adalah ketika kita memanggil controller anggota, maka kita akan diarahkan [load] ke file katalogbuku.php yang ada di folder views. dan untuk kode file katalogbuku.php isinya adalah sebagai berikut :

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <h1>katalog buku</h1>
  </body>
</html>

Ganti koding katalogbuku.php dengan kode berikut :

<html lang="en">
	<head>
		<title>Perpustakaan |</title>
		<link rel="stylesheet" href="<?php echo base_url()?>assets/css/bootstrap.min.css" />
		<script src="<?php echo base_url()?>assets/js/jquery.min.js"></script>
		<script src="<?php echo base_url()?>assets/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="<?php echo base_url().'assets/js/jquery.js'; ?>"></script>
	<script type="text/javascript" src="<?php echo base_url().'assets/js/bootstrap.js'; ?>"></script>
	</head>
	<body>
		<div><?php $this->load->view('top') ?></div>
		<?php if($this->session->flashdata())
					{
						echo "<div class='alert alert-danger alert-primary'>";
						echo $this->session->flashdata('alert');
						echo "</div>";
					} ?>
		<div style="padding: 25px;">
			<div class="x_panel">
			  	<div class="x_title">
			  		<div class="page-header">
			  			<h3></h3>
			  		</div>
			        <div class="clearfix"></div>
			    </div>

			    <div class="x_content">
					<!-- Tampilkan semua produk -->
					<div class="row">
					<!-- looping products -->
					  <?php // foreach($buku as $buku) { ?>
					  <div class="col-sm-3 col-md-3">
						<div class="thumbnail" style="height: 370px;">
							<img src="<?php echo base_url('/assets/upload/gambar1533076844.JPG') ?>" style="max-width:100%; max-height: 100%; height: 150px; width: 120px">

						  <div class="caption">
							<h4 style="min-height:40px;">Nama Pengarang</h4>
							<p>Judul Buku</p>
							<p>Penerbit</p>
							<p>Tahun terbit</p>
							<p>Jumlah Buku</p>
							<p>
								<a href="#"><button type="button" class="btn btn-success">Booking</button></a>
								<a href="#"><button type="button" class="btn btn-primary">Details</button></a>

							</p>
						  </div>
						</div>
					  </div>
						<div class="col-sm-3 col-md-3">
						<div class="thumbnail" style="height: 370px;">
							<img src="<?php echo base_url('/assets/upload/gambar1533076844.JPG') ?>" style="max-width:100%; max-height: 100%; height: 150px; width: 120px">

						  <div class="caption">
							<h4 style="min-height:40px;">Nama Pengarang</h4>
							<p>Judul Buku</p>
							<p>Penerbit</p>
							<p>Tahun terbit</p>
							<p>Jumlah Buku</p>
							<p>
								<a href="#"><button type="button" class="btn btn-success">Booking</button></a>
								<a href="#"><button type="button" class="btn btn-primary">Details</button></a>

							</p>
						  </div>
						</div>
					  </div>
						<div class="col-sm-3 col-md-3">
						<div class="thumbnail" style="height: 370px;">
							<img src="<?php echo base_url('/assets/upload/gambar1533076844.JPG') ?>" style="max-width:100%; max-height: 100%; height: 150px; width: 120px">

						  <div class="caption">
							<h4 style="min-height:40px;">Nama Pengarang</h4>
							<p>Judul Buku</p>
							<p>Penerbit</p>
							<p>Tahun terbit</p>
							<p>Jumlah Buku</p>
							<p>
								<a href="#"><button type="button" class="btn btn-success">Booking</button></a>
								<a href="#"><button type="button" class="btn btn-primary">Details</button></a>

							</p>
						  </div>
						</div>
					  </div>
						<div class="col-sm-3 col-md-3">
						<div class="thumbnail" style="height: 370px;">
							<img src="<?php echo base_url('/assets/upload/gambar1533076844.JPG') ?>" style="max-width:100%; max-height: 100%; height: 150px; width: 120px">

						  <div class="caption">
							<h4 style="min-height:40px;">Nama Pengarang</h4>
							<p>Judul Buku</p>
							<p>Penerbit</p>
							<p>Tahun terbit</p>
							<p>Jumlah Buku</p>
							<p>
								<a href="#"><button type="button" class="btn btn-success">Booking</button></a>
								<a href="#"><button type="button" class="btn btn-primary">Details</button></a>

							</p>
						  </div>
						</div>
					  </div>
						<div class="col-sm-3 col-md-3">
						<div class="thumbnail" style="height: 370px;">
							<img src="<?php echo base_url('/assets/upload/gambar1533076844.JPG') ?>" style="max-width:100%; max-height: 100%; height: 150px; width: 120px">

						  <div class="caption">
							<h4 style="min-height:40px;">Nama Pengarang</h4>
							<p>Judul Buku</p>
							<p>Penerbit</p>
							<p>Tahun terbit</p>
							<p>Jumlah Buku</p>
							<p>
								<a href="#"><button type="button" class="btn btn-success">Booking</button></a>
								<a href="#"><button type="button" class="btn btn-primary">Details</button></a>

							</p>
						  </div>
						</div>
					  </div>
						<div class="col-sm-3 col-md-3">
						<div class="thumbnail" style="height: 370px;">
							<img src="<?php echo base_url('/assets/upload/gambar1533076844.JPG') ?>" style="max-width:100%; max-height: 100%; height: 150px; width: 120px">

						  <div class="caption">
							<h4 style="min-height:40px;">Nama Pengarang</h4>
							<p>Judul Buku</p>
							<p>Penerbit</p>
							<p>Tahun terbit</p>
							<p>Jumlah Buku</p>
							<p>
								<a href="#"><button type="button" class="btn btn-success">Booking</button></a>
								<a href="#"><button type="button" class="btn btn-primary">Details</button></a>

							</p>
						  </div>
						</div>
					  </div>
						<div class="col-sm-3 col-md-3">
						<div class="thumbnail" style="height: 370px;">
							<img src="<?php echo base_url('/assets/upload/gambar1533076844.JPG') ?>" style="max-width:100%; max-height: 100%; height: 150px; width: 120px">

						  <div class="caption">
							<h4 style="min-height:40px;">Nama Pengarang</h4>
							<p>Judul Buku</p>
							<p>Penerbit</p>
							<p>Tahun terbit</p>
							<p>Jumlah Buku</p>
							<p>
								<a href="#"><button type="button" class="btn btn-success">Booking</button></a>
								<a href="#"><button type="button" class="btn btn-primary">Details</button></a>

							</p>
						  </div>
						</div>
					  </div>
					  <?php // } ?>
					<!-- end looping -->
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
	$('.alert-message').alert().delay(3000).slideUp('slow');
</script>
	</body>
</html>

buat sebuah file lagi di folder view dan berinama top.php dan kodingnya sebagai berikut :

<nav class="navbar navbar-default">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
	  <?=anchor('member', 'Perpustakaan', ['class'=>'navbar-brand'])?>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

      <ul class="nav navbar-nav navbar-right">
		<li><?php echo anchor('member', 'Home');?></li>
        <li>
			<?php
				//$text_cart_url  = '<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>';

				//$text_cart_url .= ' Booking Cart: '. $this->M_perpus->edit_data(array('id_anggota'=>$this->session->userdata('id_agt')),'transaksi')->num_rows() .' Buku';
			?>
			<?//=anchor('peminjaman/lihat_keranjang', $text_cart_url)?>
		</li>
		<?php if($this->session->userdata('id_agt')) { ?>
			<li><div style="line-height:50px;">Hai <b><?=$this->session->userdata('nama_agt')?></b></div></li>
			<li><?php echo anchor('admin/logout', 'Logout');?></li>
		<?php } else { ?>
			<li><?php echo anchor('welcome', 'Login');?></li>
		<?php } ?>
      </ul>

    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

Leave a Reply