Mini Shell
<?php
/* Database connection */
include("config.php");
$conn = dbconnect();
session_start();
// login or not
if ($_SESSION['name'] == '' || $_SESSION['admin_id'] == '') {
header('location:logout.php');
die();
}
$name = $_SESSION['name'];
$admin_id = $_SESSION['admin_id'];
$query = "SELECT * FROM tb1_admin WHERE name='" . $name . "' AND admin_id='" . $admin_id . "'";
$res_query = mysqli_query($conn, $query);
$fetch = mysqli_fetch_object($res_query);
$username = $fetch->user_name;
$phone = $fetch->phone;
$adminposition = $fetch->position;
if ($adminposition == 1) {
$type = 'Main Admin';
} elseif ($adminposition == 2) {
$type = 'Accounts';
} elseif ($adminposition == 3) {
$type = 'Marketing';
} else {
$type = 'Others';
}
$url_query = "SELECT * FROM tb1_url WHERE url_title='news'";
$res_url = mysqli_query($conn, $url_query);
$fetch_url = mysqli_fetch_object($res_url);
$url_path = $fetch_url->url_path;
?>
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>Admin - Sri Aravindar Arts & Science College </title>
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Favicon icon -->
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon">
<!-- Google font-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800" rel="stylesheet">
<!-- Required Fremwork -->
<link rel="stylesheet" type="text/css" href="plugin/bootstrap/dist/css/bootstrap.min.css">
<!-- feather Awesome -->
<link rel="stylesheet" type="text/css" href="assets/icon/feather/css/feather.css">
<!-- Font Awesome -->
<link rel="stylesheet" type="text/css" href="assets/icon/font-awesome/css/font-awesome.min.css">
<!-- Style.css -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="assets/vendors/datatables.net-bs4/dataTables.bootstrap4.css">
<link rel="stylesheet" href="assets/vendors/datatables.net-fixedcolumns-bs4/fixedColumns.bootstrap4.min.css">
<style type="text/css">
@media (min-width:768px) {
td {
white-space: normal !important;
word-wrap: break-word;
}
table {
table-layout: fixed;
}
}
</style>
</head>
<!-- Menu sidebar static layout -->
<body>
<!-- Pre-loader start -->
<div class="theme-loader">
<div class="ball-scale">
<div class='contain'>
<div class="ring">
<div class="frame"></div>
</div>
<div class="ring">
<div class="frame"></div>
</div>
<div class="ring">
<div class="frame"></div>
</div>
<div class="ring">
<div class="frame"></div>
</div>
<div class="ring">
<div class="frame"></div>
</div>
<div class="ring">
<div class="frame"></div>
</div>
<div class="ring">
<div class="frame"></div>
</div>
<div class="ring">
<div class="frame"></div>
</div>
<div class="ring">
<div class="frame"></div>
</div>
<div class="ring">
<div class="frame"></div>
</div>
</div>
</div>
</div>
<!-- Pre-loader end -->
<div id="pcoded" class="pcoded">
<div class="pcoded-overlay-box"></div>
<div class="pcoded-container navbar-wrapper">
<?php include('static-header.php') ?>
<div class="pcoded-main-container">
<div class="pcoded-wrapper">
<?php include('static-sidebar.php') ?>
<div class="pcoded-content">
<div class="pcoded-inner-content">
<div class="main-body">
<div class="page-wrapper">
<!-- Page-header start -->
<div class="page-header">
<div class="row align-items-end">
<div class="col-lg-8">
<div class="page-header-title">
<div class="d-inline">
<h4>NSS </h4>
<span>You can view the NSS here!</span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="page-header-breadcrumb">
<ul class="breadcrumb-title">
<li class="breadcrumb-item" style="float: left;">
<a href="dashboard"> <i class="feather icon-home"></i> </a>
</li>
<li class="breadcrumb-item" style="float: left;"><a href="#!">Home Page</a>
</li>
<li class="breadcrumb-item" style="float: left;"><a href="#!">NSS View</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Page-header end -->
<!-- Page body start -->
<div class="page-body">
<!-- Zero config.table start -->
<div class="card">
<div class="card-block">
<div class="table-responsive">
<div class="button" style="display: flex;
justify-content: end;
margin: 12px;
margin-right: 31px;">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Add Member
</button>
</div>
<table id="fixed-column" class="table table-striped table-bordered" cellspacing="0" width="100%">
<thead>
<tr>
<th>SI No</th>
<th>Name</th>
<th>Role</th>
<th>Mobile</th>
<th>Action</th>
<th>Created By</th>
<th>created Log</th>
<th>Updated Log</th>
</tr>
</thead>
<tbody>
<?php
$counter = 0;
$sql = "SELECT * FROM tb1_ncc ORDER BY updated_log DESC";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// output data of each row
while ($row = $result->fetch_assoc()) {
$counter++;
$crm_id = $row['crm_id'];
$updated_at = $row['updated_log'];
$updated_log = date('d-m-Y h:i:s A', strtotime($updated_at));
$created_at = $row['created_log'];
$created_log = date('d-m-Y h:i:s A', strtotime($created_at));
?>
<tr>
<td>
<?php
if ($row['status'] == 1) {
?>
<i class="fa fa-circle" aria-hidden="true" style="color:#008000" title="News Active"></i>
<?php
} else {
?>
<i class="fa fa-circle" aria-hidden="true" style="color:#FF0000" title="News Deactive"></i>
<?php
}
echo $counter;
?>
</td>
<td><?= htmlspecialchars($row['name']) ?></td>
<td><?= htmlspecialchars($row['role']) ?></td>
<td><?= htmlspecialchars($row['mobile']) ?></td>
<td><button class="btn editbtn btn-primary" data-id="<?= $row['id'] ?>">Edit</button> <button class="btn deletebtn btn-danger" data-id="<?= $row['id'] ?>">Delete</button></td>
<td><?= htmlspecialchars(ucfirst($crm_name)) ?></td>
<td><?= htmlspecialchars($updated_log) ?></td>
<td><?= htmlspecialchars($created_log) ?></td>
</tr>
<?php
}
}
?>
</tbody>
</table>
</div>
</div>
<!-- Zero config.table end -->
<div class="md-overlay"></div>
</div>
<!-- Page body end -->
</div>
<div id="styleSelector">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModal" 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">Add</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="col-md-12">
<label>Name</label>
<input type="text" class="form-control" id="name" name="name" required>
</div>
<div class="col-md-12">
<label>Role</label>
<input type="text" class="form-control" id="role" name="role" required>
</div>
<div class="col-md-12">
<label>Mobile No</label>
<input type="text" class="form-control" id="mobile" name="mobile" required>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="submit-button">Submit</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="editexampleModal" 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">Edit</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<input type="hidden" class="form-control" id="editid" required>
<div class="col-md-12">
<label>Name</label>
<input type="text" class="form-control" id="editname" name="name" required>
</div>
<div class="col-md-12">
<label>Role</label>
<input type="text" class="form-control" id="editrole" name="role" required>
</div>
<div class="col-md-12">
<label>Mobile No</label>
<input type="text" class="form-control" id="editmobile" name="mobile" required>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="update-button">Submit</button>
</div>
</div>
</div>
</div>
<!-- Required Jquery -->
<script type="text/javascript" src="plugin/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="plugin/jquery-ui/jquery-ui.min.js"></script>
<script type="text/javascript" src="plugin/popper.js/dist/umd/popper.min.js"></script>
<script type="text/javascript" src="plugin/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- jquery slimscroll js -->
<script type="text/javascript" src="plugin/jquery-slimscroll/jquery.slimscroll.js"></script>
<!-- modernizr js -->
<script type="text/javascript" src="plugin/modernizr/modernizr.js"></script>
<script type="text/javascript" src="plugin/modernizr/feature-detects/css-scrollbars.js"></script>
<!-- Plugin js for this page -->
<script src="assets/vendors/datatables.net/jquery.dataTables.js"></script>
<script src="assets/vendors/datatables.net-bs4/dataTables.bootstrap4.js"></script>
<script src="assets/vendors/datatables.net-fixedcolumns/dataTables.fixedColumns.min.js"></script>
<!-- BEGIN PAGE LEVEL CUSTOM SCRIPTS -->
<script src="assets/vendors/table/datatable/datatables.js"></script>
<!-- NOTE TO Use Copy CSV Excel PDF Print Options You Must Include These Files -->
<script src="assets/vendors/table/datatable/button-ext/dataTables.buttons.min.js"></script>
<script src="assets/vendors/table/datatable/button-ext/jszip.min.js"></script>
<script src="assets/vendors/table/datatable/button-ext/buttons.html5.min.js"></script>
<script src="assets/vendors/table/datatable/button-ext/buttons.print.min.js"></script>
<!-- End plugin js for this page -->
<script type="text/javascript" src="assets/js/script.js"></script>
<script src="assets/js/pcoded.min.js"></script>
<script src="assets/js/vartical-layout.min.js"></script>
<script src="assets/js/sweetalert.min.js"></script>
<script src="assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="assets/js/modal.js"></script>
<script type="text/javascript" src="assets/js/modalEffects.js"></script>
<script type="text/javascript" src="assets/js/classie.js"></script>
<script src="assets/js/data-table.js"></script>
<script>
$(document).ready(function() {
$('#submit-button').click(function() {
// Collect form data
var name = $('#name').val();
var role = $('#role').val();
var mobile = $('#mobile').val();
var isvalid = true;
if ($('#name').val() == '') {
$('#name').addClass('is-invalid');
isvalid = false;
}
if ($('#role').val() == '') {
$('#role').addClass('is-invalid');
isvalid = false;
}
if ($('#mobile').val() == '') {
$('#mobile').addClass('is-invalid');
isvalid = false;
}
if (isvalid) {
$.ajax({
url: './ajax/addncc.php',
type: 'POST',
data: {
name: name,
role: role,
mobile: mobile
},
success: function(response) {
if (response.status == '200') {
swal({
title: 'Added Successfully!',
text: "NSS has been successfully created",
icon: 'success',
confirmButtonColor: '#3f51b5',
closeOnEsc: false,
closeOnClickOutside: false,
buttons: {
confirm: {
text: "Okay",
value: true,
visible: true,
className: "btn btn-primary",
closeModal: true
}
}
}).then((value) => {
if (value == true) {
location.reload();
}
});
} else {
swal({
title: 'Internal Server Error!',
text: "Try again",
icon: 'warning',
closeOnEsc: false,
closeOnClickOutside: false,
});
}
},
error: function(xhr, status, error) {
// Handle error response
alert('An error occurred: ' + error);
}
});
}
});
$('.editbtn').on('click', function() {
var id = $(this).data('id');
$.ajax({
url: './ajax/editncc.php',
method: 'POST',
data: {
id: id
},
success: function(response) {
$('#editname').val(response.data.name);
$('#editrole').val(response.data.role);
$('#editmobile').val(response.data.mobile);
$('#editid').val(response.data.id);
$('#editexampleModal').modal('show');
},
error: function(xhr, status, error) {
// Handle error response
console.error('Error:', error);
}
});
});
$('#update-button').click(function() {
// Collect form data
var name = $('#editname').val();
var role = $('#editrole').val();
var mobile = $('#editmobile').val();
var isvalid = true;
if ($('#editname').val() == '') {
$('#editname').addClass('is-invalid');
isvalid = false;
}
if ($('#editrole').val() == '') {
$('#editrole').addClass('is-invalid');
isvalid = false;
}
if ($('#editmobile').val() == '') {
$('#editmobile').addClass('is-invalid');
isvalid = false;
}
if (isvalid) {
$.ajax({
url: './ajax/updatencc.php',
type: 'POST',
data: {
name: name,
role: role,
mobile: mobile,
id: $('#editid').val(),
},
success: function(response) {
if (response.status == '200') {
swal({
title: 'Updated Successfully!',
text: "NSS has been successfully Updated",
icon: 'success',
confirmButtonColor: '#3f51b5',
closeOnEsc: false,
closeOnClickOutside: false,
buttons: {
confirm: {
text: "Okay",
value: true,
visible: true,
className: "btn btn-primary",
closeModal: true
}
}
}).then((value) => {
if (value == true) {
location.reload();
}
});
} else {
swal({
title: 'Internal Server Error!',
text: "Try again",
icon: 'warning',
closeOnEsc: false,
closeOnClickOutside: false,
});
}
},
error: function(xhr, status, error) {
// Handle error response
alert('An error occurred: ' + error);
}
});
}
});
//
$(".deletebtn").on('click', function() {
// var type = "active";
var news_id = $(this).attr('data-id');
swal({
title: 'Are you sure?',
text: "You want to Delete this NSS?",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3f51b5',
cancelButtonColor: '#ff4081',
confirmButtonText: 'Great ',
closeOnEsc: false,
closeOnClickOutside: false,
buttons: {
cancel: {
text: "No",
value: null,
visible: true,
className: "btn btn-danger",
closeModal: true,
},
confirm: {
text: "Yes",
value: true,
visible: true,
className: "btn btn-primary",
closeModal: true
}
}
}).then((value) => {
if (value == true) {
$.ajax({
url: "./ajax/deletencc.php",
type: "POST",
data: {
"id": news_id
},
dataType: "json",
success: function(data) {
if (data.status == '200') {
swal({
title: "Successfully Deleted!",
text: "The NSS has been successfully Deleted.",
type: "success",
icon: 'success',
confirmButtonColor: '#3f51b5',
confirmButtonText: 'OK ',
closeOnEsc: false,
closeOnClickOutside: false,
buttons: {
confirm: {
text: "Okay",
value: true,
visible: true,
className: "btn btn-primary",
closeModal: true
}
}
}).then((value) => {
if (value == true) {
location.reload();
}
})
} else {
swal("Internal Server Error!", "Please try again", "error");
}
},
error: function(xhr, ajaxOptions, thrownError) {
swal("Internal Server Error!", "Please try again", "error");
}
});
} else {
// swal(`The returned value is: ${value}`);
}
});
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0