HOME

sh-3ll 1.0
Current File : /home/korminas/public_html/admin/berita.php
<?php
	include("../zz_koneksi.php");
	if( $_REQUEST['aksi'] == '2' ) { 
		$mode = 2;
		$id = trim(addslashes($_REQUEST['id']));
		$hsl = mysqli_query($conn, "select * from tbl_berita where id='$id'");
		$B = mysqli_fetch_array($hsl);
		$judul = $B['judul'];
		$isi = $B['isi'];
		$tampil = $B["tampil"];
		$tujuan = "berita_edit.php";
	} else {
		$mode = 1;
		$id = 0;
		$judul = "";
		$isi = "";
		$tampil = 1;
		$tujuan = "berita_add.php";
	}
	
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>KORMINAS - Admin</title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- Tempusdominus Bootstrap 4 -->
  <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- JQVMap -->
  <link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.css">
  <!-- overlayScrollbars -->
  <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
  <!-- Daterange picker -->
  <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
  <!-- summernote -->
  <link rel="stylesheet" href="plugins/summernote/summernote-bs4.min.css">
  <link rel="stylesheet" href="plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
<style type="text/css">
	#example2a { border-collapse:collapse;}
    #example2a h4 { margin:0px; padding:0px;}
    #example2a img { float:right;}
    #example2a ul { margin:10px 0 10px 40px; padding:0px;}
    #example2a th { background:#7CB8E2 repeat-x scroll center left; color:#fff; padding:7px 15px; text-align:left; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size: 12px}
    #example2a td { color:#000; padding:7px 15px; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size: 12px; border-right: 1px solid #CCC; }
    #example2a tr.odd td { background:#fff repeat-x scroll center left; cursor:pointer; }
    #example2a div.arrow { background:transparent url(arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
    #example2a div.up { background-position:0px 0px;}
	#example2a tr:nth-child(even) { background-color: #f2f2f2; }
	th, td { white-space: nowrap; }
	#example2a tr { border-bottom: 1px solid #CCC; }
	
div.dataTables_wrapper {
	width: 100%;
	border:#09F;
	margin-left:10px;
	margin-right:15px;
}
</style>
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
  <!-- Navbar -->
<?php
	require("zz_nav.php");
	require("zz_side.php");
?>	

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Main content -->
    <section class="content">
            <!-- Form Element sizes -->
            <!-- general form elements disabled -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Pemasukan Berita</h3>
              </div>
              <!-- /.card-header -->
              <div class="card-body">
                <form name="frm_input" action="<?php echo $tujuan; ?>" method="post" enctype="multipart/form-data">
				  <div class="row">
					<div class="col-sm-12">
                      <div class="form-group">
                        <label>Judul</label>
                        <textarea class="form-control" name="judul" id="judul" rows="3" placeholder="Judul Berita"><?php echo $judul; ?></textarea><input type="hidden" name="id" value="<?php echo $id; ?>">
                      </div>
                    </div>
				  </div>
                  <div class="row">
                    <div class="col-sm-12">
                      <!-- text input -->
              		  <textarea id="summernote" name="isi"><?php echo $B["isi"]; ?>
              		  </textarea>
            		</div>
                  </div>
				  <div class="row">
                    <div class="col-sm-4">
                      <!-- text input -->
                      <div class="form-group">
                        <label>Tampilkan</label>
						<select class="form-control" name="tampil" id="tampil">
							<option value="1" <?php if( $tampil == 1 ) { echo "selected"; } ?>>Tampilkan</option>
							<option value="0" <?php if( $tampil == 0 ) { echo "selected"; } ?>>Sembunyikan</option>
                        </select>
                      </div>
                    </div>
					<div class="col-sm-8">
					  <div class="form-group">
                    	<label for="file1">Thumbnail</label>
                    	<div class="input-group">
                      		<div class="custom-file">
                        		<input type="file" class="custom-file-input" id="file1" name="file1">
                        		<label class="custom-file-label" for="file1">Pilih Foto</label>
                      		</div>
                    	</div>
                  	  </div>  
					</div>
				  </div>
				  <div class="row">
					<div class="col-sm-2">
					  <div class="form-group">
                        <button type="submit" class="btn btn-block btn-primary">Proses</button>
                      </div>
					</div>
				  </div>
                </form>
              </div>
              <!-- /.card-body -->
            </div>
		    <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Daftar Berita</h3>
              </div>
              <!-- /.card-header -->
              <div class="card-body" >
				  <div id="sws_table" style="min-width: 310px; height: 100%; margin: 0 0; width:auto; overflow:scroll">
					<table id="example2a" class="table table-bordered table-hover">
					  <thead>
					  <tr>
						<th>No. </th>
						<th>Aksi</th>
						<th>Ditampilkan</th>
						<th>Judul</th>
						<th>Thumbnail</th>
					  </tr>
					  </thead>
					  <tbody>
<?php
	$astr = "select * from tbl_berita";
	$hsl = mysqli_query($conn, $astr);
	$iix = 0;
	while( $B = mysqli_fetch_array($hsl)) {
		$iix += 1;
		if( $B["tampil"] == '1') { $tampil = "Ya"; } else { $tampil = "Tidak"; } 
?>
					  <tr>
						<td><?php echo $iix; ?></td>
						<td align="center">
							<table width="100%" border="0" cellpadding="0" cellspacing="0">
								<tr>
									<td width="35%" align="center"><div><a href="?aksi=2&id=<?php echo $B[0]; ?>"><i class="fa fa-fw fa-pencil-alt"></i></a></div></td>
									<td width="35%" align="center"><div><a href="berita_del.php?aksi=3&id=<?php echo $B[0]; ?>" onclick="return confirm('Yakin data image ini akan tidak ditampilkan?')"><i class="fa fa-fw fa-times"></i></a></div></td>
								</tr>
							</table>
						</td>
						<td><?php echo $tampil; ?></td>
						<td><?php echo $B["judul"]; ?></td>
						<td align="center"><img src="../imgberita/<?php echo $B["tnail"]; ?>" width="200" alt=""/></td>
					  </tr>
<?php
	}
?>						  
					  </tbody>
					</table>
				  </div>
              <!-- /.card-body -->
			  </div>
			</div>
    <!-- /.card --></section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
<?php
	require("zz_footer.php");
?>	
</div>
<!-- ./wrapper -->

<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- bs-custom-file-input -->
<script src="plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.js"></script>
<!-- Summernote -->
<script src="plugins/summernote/summernote-bs4.min.js"></script>
<!-- CodeMirror -->
<script src="plugins/codemirror/codemirror.js"></script>
<script src="plugins/codemirror/mode/css/css.js"></script>
<script src="plugins/codemirror/mode/xml/xml.js"></script>
<script src="plugins/codemirror/mode/htmlmixed/htmlmixed.js"></script>
<!-- AdminLTE for demo purposes -->
<!-- <script src="dist/js/demo.js"></script> -->
<!-- Page specific script -->
<!-- DataTables  & Plugins -->
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="plugins/jszip/jszip.min.js"></script>
<script src="plugins/pdfmake/pdfmake.min.js"></script>
<script src="plugins/pdfmake/vfs_fonts.js"></script>
<script src="plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.colVis.min.js"></script>

<script src="plugins/moment/moment.min.js"></script>
<link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">	
<script src="plugins/daterangepicker/daterangepicker.js"></script>

<script>
  $(function () {
  $('#summernote').summernote({
	  height: "300px",
	  callbacks: {
		  onImageUpload: function(image) {
			  uploadImage(image[0]);
		  },
		  onMediaDelete: function(target) {
			  deleteImage(target[0].src);
		  }
    	}
  });
	
  function uploadImage(image) {
    var data = new FormData();
    data.append("image", image);
    $.ajax({
        url: "zz_berita_add_foto.php",
        cache: false,
        contentType: false,
        processData: false,
        data: data,
        type: "POST",
        success: function(url) {
        	$('#summernote').summernote("insertImage", url);
        },
        error: function(data) {
            console.log(data);
        }
    });
  }
  function deleteImage(src) {
    $.ajax({
        data: {src : src},
        type: "POST",
        url: "zz_berita_del_foto.php",
        cache: false,
        success: function(response) {
            console.log(response);
        }
    });
  }
});	  
</script>	
<script>
$(function () {
  bsCustomFileInput.init();

$('#example2a').DataTable({
      "paging": true,
      "lengthChange": true,
      "searching": true,
      "ordering": true,
	  "buttons": ["copy", "csv", "excel", "pdf", "print"],
      "info": true
    }).buttons().container().appendTo('#example2a_wrapper .col-md-6:eq(0)');;	
});
</script>
	
<script>
	function check_dulu() {
		var rgularExp = {
			contains_alphaNumeric : /^[a-zA-Z0-9]+$/,
			containsNumber : /\d+/,
			containsAlphabet : /[a-zA-Z]/,
	
			onlyLetters : /^[A-Za-z]+$/,
			onlyNumbers : /^[0-9]+$/,
			onlyMixOfAlphaNumeric : /^([0-9]+[a-zA-Z]+|[a-zA-Z]+[0-9]+)[0-9a-zA-Z]*$/,
			
			dateFormat: /^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/,
			phoneNumbers: /^0[1-9][0-9]*$/,
			emailPattern: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/
		}
		
		if( document.frm_input.nama.value.trim() == "" ) {
			alert("Isikan nama undangan dahulu");
			return false;
		}
		if( document.frm_input.institusi.value.trim() == "" ) {
			alert("Isikan institusi undangan dahulu");
			return false;
		}
	}
	
	function proses_batal() {
		window.location='undangan.php';
	}
	function proses_add() {
		if( check_dulu() == false ) { return; }
		document.frm_add.nama.value = document.frm_input.nama.value;
		document.frm_add.institusi.value = document.frm_input.institusi.value;
		document.frm_add.tipe.value = document.frm_input.tipe.value;
		document.frm_add.ket.value = document.frm_input.ket.value;
		document.frm_add.dari.value = document.frm_input.dari.value;
		document.frm_add.submit();
	}
	function proses_edit() {
		if( check_dulu() == false ) { return; }
		document.frm_edit.id.value = document.frm_input.id.value;
		document.frm_edit.nama.value = document.frm_input.nama.value;
		document.frm_edit.institusi.value = document.frm_input.institusi.value;
		document.frm_edit.tipe.value = document.frm_input.tipe.value;
		document.frm_edit.ket.value = document.frm_input.ket.value;
		document.frm_edit.dari.value = document.frm_input.dari.value;
		document.frm_edit.submit();
	}
	
</script>	
	
<form name="frm_add" action="undangan_add.php" method="post">
	<input type="hidden" name="nama">
	<input type="hidden" name="institusi">
	<input type="hidden" name="tipe">
	<input type="hidden" name="ket">
	<input type="hidden" name="dari">
</form>
<form name="frm_edit" action="undangan_edit.php" method="post">
	<input type="hidden" name="id">
	<input type="hidden" name="nama">
	<input type="hidden" name="institusi">
	<input type="hidden" name="tipe">
	<input type="hidden" name="ket">
	<input type="hidden" name="dari">
</form>	
</body>
</html>