Add pedoman content and editor assets
This commit is contained in:
189
pedoman/index.php
Normal file
189
pedoman/index.php
Normal file
@@ -0,0 +1,189 @@
|
||||
<?php
|
||||
include('koneksi.php');
|
||||
|
||||
if (isset($_GET['id'])) {
|
||||
$id = $_GET['id'];
|
||||
} else {
|
||||
header('Location: index.php?id=1');
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<title>E-Book Pedoman Akademik Fakultas Teknik</title>
|
||||
|
||||
<!-- Bootstrap CSS CDN -->
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<!-- Our Custom CSS -->
|
||||
|
||||
|
||||
<link rel="stylesheet" href="lib/quill/quill.core.css" />
|
||||
<link rel="stylesheet" href="lib/quill/quill.snow.css" />
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css" />
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/monokai-sublime.min.css" />
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="shortcut icon" href="img/logountan.png">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
<!-- Sidebar Holder -->
|
||||
<nav id="sidebar">
|
||||
<div class="sidebar-header">
|
||||
<p style="text-align:center;"><a href="admin.php"> <img src="img/ebook02.png" alt="Logo" title='Klik Untuk Login Admin'></a> </p>
|
||||
<h3 id="sidebar-title">Pedoman Akademik Fakultas Teknik</h3>
|
||||
</div>
|
||||
<ul class="list-unstyled components" id="isimenu">
|
||||
<li>
|
||||
|
||||
</li>
|
||||
|
||||
<?php
|
||||
$sql1="SELECT * FROM menu WHERE level='1'";
|
||||
$query1=mysqli_query($koneksi, $sql1);
|
||||
|
||||
while( $menulv1=mysqli_fetch_array($query1)){
|
||||
|
||||
$sql2="SELECT * FROM menu WHERE level='2' and parentid='$menulv1[id]'";
|
||||
$query2=mysqli_query($koneksi, $sql2);
|
||||
$query2lagi=mysqli_query($koneksi, $sql2);
|
||||
$menulv2=mysqli_fetch_array($query2);
|
||||
|
||||
|
||||
// ambil yang lagi aktif
|
||||
$sqlaktif="SELECT * FROM menu WHERE id='$id'";
|
||||
$queryaktif=mysqli_query($koneksi, $sqlaktif);
|
||||
$aktif=mysqli_fetch_array($queryaktif);
|
||||
|
||||
if($menulv2){
|
||||
|
||||
if($menulv1["id"]==$aktif["parentid"]){
|
||||
echo '<li><a href="#'.$menulv1["id"].'" data-toggle="collapse" aria-expanded="true">'.$menulv1["namamenu"].'</a>';
|
||||
echo '<ul id="'.$menulv1["id"].'" aria-expanded="true" class="list-unstyled collapse in">';
|
||||
} else{
|
||||
echo '<li><a href="#'.$menulv1["id"].'" data-toggle="collapse" aria-expanded="false">'.$menulv1["namamenu"].'</a>';
|
||||
echo '<ul class="collapse list-unstyled" id="'.$menulv1["id"].'">';
|
||||
}
|
||||
|
||||
while( $menulv2=mysqli_fetch_array($query2lagi)){
|
||||
|
||||
$sql3="SELECT * FROM menu WHERE level='3' and parentid='$menulv2[id]'";
|
||||
$query3=mysqli_query($koneksi, $sql3);
|
||||
$query3lagi=mysqli_query($koneksi, $sql3);
|
||||
$menulv3=mysqli_fetch_array($query3);
|
||||
|
||||
if($menulv3){
|
||||
|
||||
echo '<li><a>'.$menulv2["namamenu"].'</a></li>';
|
||||
|
||||
while( $menulv3=mysqli_fetch_array($query3lagi)){
|
||||
if($menulv2['tipe']=='pdf'){
|
||||
echo '<li><a href="pdf.php?id='.$menulv3["id"].'" style="margin-left:12px;">'.$menulv3["namamenu"].'</a></li>';
|
||||
} else if($menulv2['tipe']=='profile') {
|
||||
echo '<li><a href="profile.php?id='.$menulv3["id"].'" style="margin-left:12px;">'.$menulv3["namamenu"].'</a></li>';
|
||||
} else {
|
||||
echo '<li><a href="index.php?id='.$menulv3["id"].'" style="margin-left:12px;">'.$menulv3["namamenu"].'</a></li>';
|
||||
}
|
||||
}
|
||||
|
||||
} else {
|
||||
if($menulv2['tipe']=='pdf'){
|
||||
echo '<li><a href="pdf.php?id='.$menulv2["id"].'">'.$menulv2["namamenu"].'</a></li>';
|
||||
} else if($menulv2['tipe']=='profile'){
|
||||
echo '<li><a href="profile.php?id='.$menulv2["id"].'">'.$menulv2["namamenu"].'</a></li>';
|
||||
} else {
|
||||
echo '<li><a href="index.php?id='.$menulv2["id"].'">'.$menulv2["namamenu"].'</a></li>';
|
||||
}
|
||||
}
|
||||
}
|
||||
echo '</ul></li>';
|
||||
|
||||
} else {
|
||||
if($menulv1['tipe']=='pdf'){
|
||||
echo "<li id='".$menulv1['id']."'><a href='pdf.php?id=".$menulv1['id']."'>".$menulv1['namamenu']."</a></li>";
|
||||
} else if($menulv1['tipe']=='profile'){
|
||||
echo "<li id='".$menulv1['id']."'><a href='profile.php?id=".$menulv1['id']."'>".$menulv1['namamenu']."</a></li>";
|
||||
} else {
|
||||
echo "<li id='".$menulv1['id']."'><a href='index.php?id=".$menulv1['id']."'>".$menulv1['namamenu']."</a></li>";
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
?>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<!-- Page Content Holder -->
|
||||
<div id="content">
|
||||
<button type="button" id="sidebarCollapse" class="navbar-btn">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
<div id="isi" class="ql-editor">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- jQuery CDN -->
|
||||
<script src="js/jquery-1.12.0.min.js"></script>
|
||||
<!-- Bootstrap Js CDN -->
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="lib/quill/quill.min.js"></script>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js"></script>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="js/jquery.dataTables.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
//untuk toggle sidebar
|
||||
$(document).ready(function () {
|
||||
$('#sidebarCollapse').on('click', function () {
|
||||
$('#sidebar').toggleClass('active');
|
||||
$(this).toggleClass('active');
|
||||
});
|
||||
});
|
||||
|
||||
// fungsi untuk ubah data Delta dari editor ke html
|
||||
function quillGetHTML(inputDelta) { var tempQuill=new Quill(document.createElement("div")); tempQuill.setContents(inputDelta); return tempQuill.root.innerHTML; }
|
||||
|
||||
// ambil data isi halaman dari database berdasarkan id halaman
|
||||
<?php
|
||||
$sqlisi="SELECT * FROM menu WHERE id='$id'";
|
||||
$queryisi=mysqli_query($koneksi, $sqlisi);
|
||||
$isi=mysqli_fetch_array($queryisi);
|
||||
|
||||
echo "let isi = '".$isi['isimenu']."';\n";
|
||||
?>
|
||||
|
||||
// data yang disimpan sebagai string URI encoded di ubah jadi string biasa
|
||||
isi = decodeURI(isi)
|
||||
// string tadi di parse dari json berbentuk string menjadi objek
|
||||
isi = JSON.parse(isi)
|
||||
|
||||
// objek tadi di masukkan ke fungsi quillGetHTML
|
||||
isi = quillGetHTML(isi)
|
||||
|
||||
// hasil html nya ditampilkan kelayar
|
||||
document.getElementById('isi').innerHTML = isi
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user