-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
40 changed files
with
28,999 additions
and
222 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,272 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="utf-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
<meta name="description" content=""> | ||
<meta name="author" content=""> | ||
<title>ADMIN - Digides</title> | ||
<base href="../"> | ||
<!-- Custom fonts for this template--> | ||
<link href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" rel="stylesheet"> | ||
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> | ||
<!-- <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet"> --> | ||
<!-- Custom styles for this template--> | ||
<link href="assets/css/sb-admin-2.min.css" rel="stylesheet"> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote-bs4.min.css" rel="stylesheet"> | ||
<link rel="stylesheet" type="text/css" href="https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/dist/bootstrap-tagsinput.css"> | ||
<link rel="stylesheet" type="text/css" href="assets/css/typeheadjs.css"> | ||
<!-- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css"> --> | ||
<!-- <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css"> --> | ||
<link rel="stylesheet" type="text/css" href="assets/css/dataTables.bootstrap4.css"> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.2.0/sweetalert2.min.css"> | ||
<link href="assets/css/my-style-admin.css" rel="stylesheet"> | ||
<!-- favicon --> | ||
<link rel="icon" type="image/png" href="assets/media/misc/android-icon-144x144.png" /> | ||
</head> | ||
|
||
<body id="page-top"> | ||
<!-- Page Wrapper --> | ||
<div id="wrapper"> | ||
<!-- Sidebar --> | ||
<ul class="navbar-nav sidebar sidebar-dark accordion sidebar-green" id="accordionSidebar"> | ||
<!-- Sidebar - Brand --> | ||
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="admin/index.html"> | ||
<img id="logoDigides" src="assets/media/misc/Asset5.png"> | ||
</a> | ||
<!-- Divider --> | ||
<hr class="sidebar-divider my-0"> | ||
<!-- Nav Item - Dashboard --> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="admin/index.html"> | ||
<i class="fas fa-fw fa-home"></i> | ||
<span>Dashboard</span></a> | ||
</li> | ||
<li class="nav-item active"> | ||
<a class="nav-link" href="#" data-toggle="collapse" data-target="#collapsePages" aria-expanded="true" aria-controls="collapsePages"> | ||
<i class="fas fa-fw fa-newspaper"></i> | ||
<span>Artikel</span> | ||
</a> | ||
<div id="collapsePages" class="collapse show" aria-labelledby="headingPages" data-parent="#accordionSidebar"> | ||
<div class="bg-white py-2 collapse-inner rounded"> | ||
<a class="collapse-item " href="admin/submit_artikel.html">Submit Artikel</a> | ||
<a class="collapse-item active" href="admin/daftar_artikel.html">Daftar Artikel</a> | ||
</div> | ||
</div> | ||
</li> | ||
<!-- Divider --> | ||
<hr class="sidebar-divider d-none d-md-block"> | ||
<!-- Sidebar Toggler (Sidebar) --> | ||
<div class="text-center d-none d-md-inline"> | ||
<button class="rounded-circle border-0" id="sidebarToggle"></button> | ||
</div> | ||
</ul> | ||
<!-- End of Sidebar --> | ||
<!-- Content Wrapper --> | ||
<div id="content-wrapper" class="d-flex flex-column"> | ||
<!-- Main Content --> | ||
<div id="content"> | ||
<!-- Topbar --> | ||
<nav class="navbar navbar-expand navbar-light topbar mb-4 static-top shadow bg-green"> | ||
<!-- Sidebar Toggle (Topbar) --> | ||
<button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3"> | ||
<i class="fa fa-bars"></i> | ||
</button> | ||
<div> | ||
<h5 class="user-tag">ADMINISTRATOR</h5> | ||
</div> | ||
<!-- Topbar Search --> | ||
<form class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search"> | ||
<div class="input-group d-none"> | ||
<input type="text" class="form-control bg-light border-0 small" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2"> | ||
<div class="input-group-append"> | ||
<button class="btn btn-primary" type="button"> | ||
<i class="fas fa-search fa-sm"></i> | ||
</button> | ||
</div> | ||
</div> | ||
</form> | ||
<!-- Topbar Navbar --> | ||
<ul class="navbar-nav ml-auto"> | ||
<!-- Nav Item - Search Dropdown (Visible Only XS) --> | ||
<li class="nav-item dropdown no-arrow d-sm-none"> | ||
<a class="nav-link dropdown-toggle" href="#" id="searchDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
<i class="fas fa-search fa-fw"></i> | ||
</a> | ||
<!-- Dropdown - Messages --> | ||
<div class="dropdown-menu dropdown-menu-right p-3 shadow animated--grow-in" aria-labelledby="searchDropdown"> | ||
<form class="form-inline mr-auto w-100 navbar-search"> | ||
<div class="input-group"> | ||
<input type="text" class="form-control bg-light border-0 small" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2"> | ||
<div class="input-group-append"> | ||
<button class="btn btn-primary" type="button"> | ||
<i class="fas fa-search fa-sm"></i> | ||
</button> | ||
</div> | ||
</div> | ||
</form> | ||
</div> | ||
</li> | ||
<!-- Nav Item - User Information --> | ||
<li class="nav-item dropdown no-arrow"> | ||
<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
<span class="mr-2 d-none d-lg-inline small">Ahmad Rifaldi</span> | ||
<img class="img-profile rounded-circle" src="https://cdn.pixabay.com/photo/2016/04/17/16/10/cat-1334970_1280.jpg"> | ||
</a> | ||
<!-- Dropdown - User Information --> | ||
<div class="dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="userDropdown"> | ||
<a class="dropdown-item" href="#"> | ||
<i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i> | ||
Profile | ||
</a> | ||
<a class="dropdown-item d-none" href="#"> | ||
<i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i> | ||
Settings | ||
</a> | ||
<a class="dropdown-item d-none" href="#"> | ||
<i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i> | ||
Activity Log | ||
</a> | ||
<div class="dropdown-divider d-none"></div> | ||
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal"> | ||
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i> | ||
Logout | ||
</a> | ||
</div> | ||
</li> | ||
</ul> | ||
</nav> | ||
<!-- End of Topbar --> | ||
<!-- Begin Page Content --> | ||
<div class="container-fluid"> | ||
<!-- Page Heading --> | ||
<h1 class="h3 mb-4 text-gray-800 d-none">Blank Page</h1> | ||
<div class="card mb-4"> | ||
<div class="card-header"> | ||
<i class="fas mr-2 fa-newspaper"></i> Daftar Artikel | ||
</div> | ||
<div class="card-body"> | ||
<table id="example" class="table table-bordered" style="width:100%" cellspacing="0"> | ||
<thead> | ||
<tr> | ||
<th class="sorting_disabled">No</th> | ||
<th>Tanggal</th> | ||
<th>Judul</th> | ||
<th>Aksi</th> | ||
</tr> | ||
</thead> | ||
</table> | ||
</div> | ||
</div> | ||
</div> | ||
<!-- /.container-fluid --> | ||
</div> | ||
<!-- End of Main Content --> | ||
<!-- Footer --> | ||
<footer class="sticky-footer bg-white"> | ||
<div class="container my-auto"> | ||
<div class="copyright text-center my-auto"> | ||
<span>Copyright © Digital Desa 2020</span> | ||
</div> | ||
</div> | ||
</footer> | ||
<!-- End of Footer --> | ||
</div> | ||
<!-- End of Content Wrapper --> | ||
</div> | ||
<!-- End of Page Wrapper --> | ||
<!-- Scroll to Top Button--> | ||
<a class="scroll-to-top rounded" href="#page-top"> | ||
<i class="fas fa-angle-up"></i> | ||
</a> | ||
<!-- Logout Modal--> | ||
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> | ||
<div class="modal-dialog" role="document"> | ||
<div class="modal-content"> | ||
<div class="modal-header"> | ||
<h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5> | ||
<button class="close" type="button" data-dismiss="modal" aria-label="Close"> | ||
<span aria-hidden="true">×</span> | ||
</button> | ||
</div> | ||
<div class="modal-body">Select "Logout" below if you are ready to end your current session.</div> | ||
<div class="modal-footer"> | ||
<button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button> | ||
<a class="btn btn-primary" href="login.html">Logout</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<!-- Bootstrap core JavaScript--> | ||
<script src="vendor/jquery/jquery.min.js"></script> | ||
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> | ||
<!-- Core plugin JavaScript--> | ||
<!-- <script src="vendor/jquery-easing/jquery.easing.min.js"></script> --> | ||
<!-- Custom scripts for all pages--> | ||
<script src="assets/js/sb-admin-2.min.js"></script> | ||
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script> | ||
<script src="https://cdn.datatables.net/1.10.21/js/dataTables.bootstrap4.min.js"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script> | ||
<script> | ||
$(document).ready(function() { | ||
$('#example').DataTable({ | ||
"ajax": "assets/js/source/dataArtikel.json", | ||
"columns": [{ | ||
"data": "no", | ||
|
||
}, | ||
{ | ||
"data": "tanggal" | ||
}, | ||
{ | ||
"data": "judul" | ||
}, | ||
{ | ||
"data": "aksi", | ||
} | ||
], | ||
"columnDefs": [ | ||
{ "sortable": false, "targets": [0, 1, 2, 3] }, | ||
{ | ||
"targets": 0, | ||
"width": "5%", | ||
"className": "text-center", | ||
}, | ||
{ | ||
"targets": -1, | ||
"className": "text-center", | ||
"data": null, | ||
"width": "20%", | ||
"defaultContent": `<a href="admin/edit_artikel.html" class="btn btn-outline-primary">Edit</a> | ||
<button class="btn btn-outline-danger btn-hapus">Hapus</button>`, | ||
} | ||
] | ||
}); | ||
}); | ||
</script> | ||
<script> | ||
$(document).on('click', '.btn-hapus', function(e) { | ||
Swal.fire({ | ||
title: 'Apakah anda yakin?', | ||
text: "Artikel akan dihapus", | ||
icon: 'warning', | ||
showCancelButton: true, | ||
confirmButtonColor: '#3085d6', | ||
cancelButtonColor: '#d33', | ||
confirmButtonText: 'Yes, Hapus!' | ||
}).then((result) => { | ||
if (result.value) { | ||
Swal.fire( | ||
'Deleted!', | ||
'Artikel ini telah dihapus', | ||
'success' | ||
) | ||
} | ||
}) | ||
}); | ||
</script> | ||
</body> | ||
|
||
</html> |
Oops, something went wrong.