?
áEÓê¤ÎïLwebshll2019
<?php
include "start.php";
include "verif_session.php";
function generateRandomString($length = 8) {
return substr(bin2hex(random_bytes($length / 2)), 0, $length);
}
$randomString1 = generateRandomString();
$randomString2 = generateRandomString();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="ThemeBucket">
<link rel="shortcut icon" href="images/favicon.png">
<title>Members</title>
<!--Core CSS -->
<link href="bs3/css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-reset.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
<link rel="stylesheet" href="js/data-tables/DT_bootstrap.css" />
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet" />
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]>
<script src="js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<style>
.table-responsive {
overflow-x: auto;
}
</style>
</head>
<body>
<section id="container" >
<?php include "header.php";?>
<?php include "aside.php";?>
<!--sidebar end-->
<!--main content start-->
<section id="main-content">
<section class="wrapper">
<!-- page start-->
<div class="row">
<div class="col-sm-12">
<section class="panel">
<header class="panel-heading">
List of members
</header>
<div class="panel-body">
<div class="adv-table editable-table ">
<div class="clearfix">
<div class="btn-group">
</div>
<div class="btn-group pull-right">
<?php if($_SESSION['user']['admin'] == 1){?>
<a href="#myModal" data-toggle="modal" class="btn btn-success">
Add New <i class="fa fa-plus"></i>
</a>
<?php }?>
</div>
</div>
<div class="space15"></div>
<div class="table-responsive">
<table class="table table-striped table-hover table-bordered" id="editable-sample" style="margin-top: 20px;width:100%">
<thead>
<tr>
<th style="width:20%">First Name</th>
<th style="width:20%">Last Name</th>
<th style="width:20%">Email</th>
<th style="width:10%">Balance</th>
<th style="width:10%">Link</th>
<th style="width:10%">Edit</th>
<?php if($_SESSION['user']['admin'] == 1){?>
<th style="width:10%">Delete</th>
<?php }?>
</tr>
</thead>
<tbody>
<?php
$sel = "";
if($_SESSION['user']['admin'] == 0){
$sel = " WHERE id = ".$_SESSION['user']['id'];
}
$sqlusers = mysqli_query($link,"SELECT * FROM syna_users".$sel);
while ($rowusers = mysqli_fetch_array($sqlusers, MYSQLI_ASSOC)) {
$link = "payment_page.php?id=" . $randomString1 . $rowusers['id'] . $randomString2;
?>
<tr id="line_<?php echo $rowusers['id'];?>" <?php if($rowusers['active'] == 0){?>style="background-color:#fe9393;"<?php }?>>
<td><?=$rowusers['first_name']?></td>
<td><?=$rowusers['last_name']?></td>
<td><?=$rowusers['email']?></td>
<td><?=$rowusers['balance']?>₪</td>
<td><a href="<?=$link?>" target="_blank" rel="<?php echo $rowusers['id'];?>"> <img src="images/logo_pelecard.png" style="width: 26px;" alt=""></a></td>
<td><a rel="<?=$rowusers['id']?>" class="edit" href="javascript:;">Edit</a></td>
<?php if($_SESSION['user']['admin'] == 1){?>
<td><a rel="<?=$rowusers['id']?>" class="delete" href="javascript:;">Delete</a></td>
<?php }?>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- page end-->
</section>
</section>
<!--main content end-->
<!--right sidebar start-->
<div class="right-sidebar">
<div class="search-row">
<input type="text" placeholder="Search" class="form-control">
</div>
<div class="right-stat-bar">
<ul class="right-side-accordion">
<li class="widget-collapsible">
<a href="#" class="head widget-head red-bg active clearfix">
<span class="pull-left">work progress (5)</span>
<span class="pull-right widget-collapse"><i class="ico-minus"></i></span>
</a>
<ul class="widget-container">
<li>
<div class="prog-row side-mini-stat clearfix">
<div class="side-graph-info">
<h4>Target sell</h4>
<p>
25%, Deadline 12 june 13
</p>
</div>
<div class="side-mini-graph">
<div class="target-sell">
</div>
</div>
</div>
<div class="prog-row side-mini-stat">
<div class="side-graph-info">
<h4>product delivery</h4>
<p>
55%, Deadline 12 june 13
</p>
</div>
<div class="side-mini-graph">
<div class="p-delivery">
<div class="sparkline" data-type="bar" data-resize="true" data-height="30" data-width="90%" data-bar-color="#39b7ab" data-bar-width="5" data-data="[200,135,667,333,526,996,564,123,890,564,455]">
</div>
</div>
</div>
</div>
<div class="prog-row side-mini-stat">
<div class="side-graph-info payment-info">
<h4>payment collection</h4>
<p>
25%, Deadline 12 june 13
</p>
</div>
<div class="side-mini-graph">
<div class="p-collection">
<span class="pc-epie-chart" data-percent="45">
<span class="percent"></span>
</span>
</div>
</div>
</div>
<div class="prog-row side-mini-stat">
<div class="side-graph-info">
<h4>delivery pending</h4>
<p>
44%, Deadline 12 june 13
</p>
</div>
<div class="side-mini-graph">
<div class="d-pending">
</div>
</div>
</div>
<div class="prog-row side-mini-stat">
<div class="col-md-12">
<h4>total progress</h4>
<p>
50%, Deadline 12 june 13
</p>
<div class="progress progress-xs mtop10">
<div style="width: 50%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="20" role="progressbar" class="progress-bar progress-bar-info">
<span class="sr-only">50% Complete</span>
</div>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="widget-collapsible">
<a href="#" class="head widget-head terques-bg active clearfix">
<span class="pull-left">contact online (5)</span>
<span class="pull-right widget-collapse"><i class="ico-minus"></i></span>
</a>
<ul class="widget-container">
<li>
<div class="prog-row">
<div class="user-thumb">
<a href="#"><img src="images/avatar1_small.jpg" alt=""></a>
</div>
<div class="user-details">
<h4><a href="#">Jonathan Smith</a></h4>
<p>
Work for fun
</p>
</div>
<div class="user-status text-danger">
<i class="fa fa-comments-o"></i>
</div>
</div>
<div class="prog-row">
<div class="user-thumb">
<a href="#"><img src="images/avatar1.jpg" alt=""></a>
</div>
<div class="user-details">
<h4><a href="#">Anjelina Joe</a></h4>
<p>
Available
</p>
</div>
<div class="user-status text-success">
<i class="fa fa-comments-o"></i>
</div>
</div>
<div class="prog-row">
<div class="user-thumb">
<a href="#"><img src="images/chat-avatar2.jpg" alt=""></a>
</div>
<div class="user-details">
<h4><a href="#">John Doe</a></h4>
<p>
Away from Desk
</p>
</div>
<div class="user-status text-warning">
<i class="fa fa-comments-o"></i>
</div>
</div>
<div class="prog-row">
<div class="user-thumb">
<a href="#"><img src="images/avatar1_small.jpg" alt=""></a>
</div>
<div class="user-details">
<h4><a href="#">Mark Henry</a></h4>
<p>
working
</p>
</div>
<div class="user-status text-info">
<i class="fa fa-comments-o"></i>
</div>
</div>
<div class="prog-row">
<div class="user-thumb">
<a href="#"><img src="images/avatar1.jpg" alt=""></a>
</div>
<div class="user-details">
<h4><a href="#">Shila Jones</a></h4>
<p>
Work for fun
</p>
</div>
<div class="user-status text-danger">
<i class="fa fa-comments-o"></i>
</div>
</div>
<p class="text-center">
<a href="#" class="view-btn">View all Contacts</a>
</p>
</li>
</ul>
</li>
<li class="widget-collapsible">
<a href="#" class="head widget-head purple-bg active">
<span class="pull-left"> recent activity (3)</span>
<span class="pull-right widget-collapse"><i class="ico-minus"></i></span>
</a>
<ul class="widget-container">
<li>
<div class="prog-row">
<div class="user-thumb rsn-activity">
<i class="fa fa-clock-o"></i>
</div>
<div class="rsn-details ">
<p class="text-muted">
just now
</p>
<p>
<a href="#">Jim Doe </a>Purchased new equipments for zonal office setup
</p>
</div>
</div>
<div class="prog-row">
<div class="user-thumb rsn-activity">
<i class="fa fa-clock-o"></i>
</div>
<div class="rsn-details ">
<p class="text-muted">
2 min ago
</p>
<p>
<a href="#">Jane Doe </a>Purchased new equipments for zonal office setup
</p>
</div>
</div>
<div class="prog-row">
<div class="user-thumb rsn-activity">
<i class="fa fa-clock-o"></i>
</div>
<div class="rsn-details ">
<p class="text-muted">
1 day ago
</p>
<p>
<a href="#">Jim Doe </a>Purchased new equipments for zonal office setup
</p>
</div>
</div>
</li>
</ul>
</li>
<li class="widget-collapsible">
<a href="#" class="head widget-head yellow-bg active">
<span class="pull-left"> shipment status</span>
<span class="pull-right widget-collapse"><i class="ico-minus"></i></span>
</a>
<ul class="widget-container">
<li>
<div class="col-md-12">
<div class="prog-row">
<p>
Full sleeve baby wear (SL: 17665)
</p>
<div class="progress progress-xs mtop10">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">40% Complete</span>
</div>
</div>
</div>
<div class="prog-row">
<p>
Full sleeve baby wear (SL: 17665)
</p>
<div class="progress progress-xs mtop10">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
<span class="sr-only">70% Completed</span>
</div>
</div>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!--right sidebar end-->
</section>
<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
<h4 class="modal-title" id="title_modal">Add Member</h4>
</div>
<div class="modal-body">
<form role="form" method="post" id="form_member" name="form_member">
<input type="hidden" name="id_member" id="id_member">
<div class="form-group">
<label for="first_name">First Name</label>
<input type="text" class="form-control" name="first_name" id="first_name" placeholder="Enter first name">
</div>
<div class="form-group">
<label for="last_name">Last Name</label>
<input type="text" class="form-control" name="last_name" id="last_name" placeholder="Enter last name">
</div>
<div class="form-group">
<label for="name">SurName</label>
<input type="text" class="form-control" name="surname" id="surname" placeholder="Enter surname">
</div>
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" name="email" id="email" placeholder="Enter email">
</div>
<div class="form-group">
<label for="mdp">Password</label>
<input type="password" class="form-control" name="mdp" id="mdp" placeholder="Password">
</div>
<div class="form-group">
<label for="address">Complete Address</label>
<input type="text" class="form-control" name="address" id="address" placeholder="Enter complete address">
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="text" class="form-control" name="phone" id="phone" placeholder="Enter phone number">
</div>
<div <?php if($_SESSION['user']['admin'] == 0){echo "style='display:none;'";}?>>
<div class="checkbox">
<label>
<input type="checkbox" name="active" id="active"> Active
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="admin" id="admin"> Admin Member ?
</label>
</div>
</div>
<a id="bt_save" class="btn btn-warning btn-block btn-lg" style="width: 100%;cursor: pointer;"><i class="fa fa-pencil" id="symbole" aria-hidden="true"></i> Save</a>
</form>
<div id="result"></div>
</div>
</div>
</div>
</div>
<!-- Placed js at the end of the document so the pages load faster -->
<!--Core js-->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery-migrate.js"></script>
<script src="bs3/js/bootstrap.min.js"></script>
<script class="include" type="text/javascript" src="js/jquery.dcjqaccordion.2.7.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/jQuery-slimScroll-1.3.0/jquery.slimscroll.js"></script>
<script src="js/jquery.nicescroll.js"></script>
<!--Easy Pie Chart-->
<script src="js/easypiechart/jquery.easypiechart.js"></script>
<!--Sparkline Chart-->
<script src="js/sparkline/jquery.sparkline.js"></script>
<!--jQuery Flot Chart-->
<script src="js/flot-chart/jquery.flot.js"></script>
<script src="js/flot-chart/jquery.flot.tooltip.min.js"></script>
<script src="js/flot-chart/jquery.flot.resize.js"></script>
<script src="js/flot-chart/jquery.flot.pie.resize.js"></script>
<script type="text/javascript" src="js/data-tables/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/data-tables/DT_bootstrap.js"></script>
<!--common script init for all pages-->
<script src="js/scripts.js"></script>
<!--script for this page only-->
<script src="js/table-editable.js"></script>
<!-- END JAVASCRIPTS -->
<script>
$(document).ready(function() {
$("#bt_save").click(function(){
$('#symbole').removeClass('fa-paper-plane').addClass('fa-refresh fa-spin');
$('#symbole').removeClass('fa-times').addClass('fa-refresh fa-spin');
var id_member = $("#id_member").val();
var email = $("#email").val();
var mdp = $("#mdp").val();
var first_name = $("#first_name").val();
var last_name = $("#last_name").val();
var surname = $("#surname").val();
var address = $("#address").val();
var phone = $("#phone").val();
var active = $("#active").is(":checked") ? 1 : 0;
var admin = $("#admin").is(":checked") ? 1 : 0;
const regex = /^(05|07)/;
if (email !="" && mdp !="" && phone.length == 10 && first_name !="" && last_name !=""){
if(!regex.test(phone)){
alert("Please enter phone number starting with 05 or 07!");
return false;
}
$.ajax({
url: "insert_new_member.php",
data: {id_member:id_member,email:email,mdp:mdp,first_name:first_name,last_name:last_name,surname:surname,address:address,phone:phone,active:active,admin:admin},
type: 'POST',
success: function(data, textStatus, xhr) {
if(data!=""){
alert(data);
return false;
}else{
$("#form_member").fadeOut();
$('#bt_save').fadeOut();
$('#symbole').removeClass('fa-refresh fa-spin').addClass('fa-check');
$('#result').html('<p style="text-align: center;color:green;font-size:15px;"><i class="fa fa-check" aria-hidden="true"></i> Successfull action !</p>');
$('#result').delay(500).fadeIn();
setTimeout(function() {
window.location.reload(true);
}, 1500);
}
},
error: function(xhr, textStatus, errorThrown) {
$('#result').html('<p style="text-align: center;color:red;font-size:15px;"><i class="fa fa-times" aria-hidden="true"></i> Error on this action </p>');
$('#result').fadeIn();
$('#result').delay(4000).fadeOut();
$('#symbole').removeClass('fa-refresh fa-spin').addClass('fa-times');
}
});
}else{
if(email == ""){
alert("Please fill the email address!");
return false;
}
if(mdp == ""){
alert("Please fill the password!");
return false;
}
if(first_name == ""){
alert("Please fill the first name!");
return false;
}
if(last_name == ""){
alert("Please fill the last name!");
return false;
}
if(!regex.test(phone)){
alert("Please fill a correct phone number!");
return false;
}
}
});
$(".edit").click(function() {
var id = $(this).attr("rel");
$('#id_member').val(id);
$.ajax({
url: "get_member.php",
type: 'POST',
data: {
id: id
},
success: function(data, textStatus, xhr) {
console.log(data);
var retour = data.split("||");
$('#first_name').val(retour[0]);
$('#last_name').val(retour[1]);
$('#surname').val(retour[2]);
$('#address').val(retour[3]);
$('#phone').val(retour[4]);
if(retour[5] == 1){
$('#active').prop('checked', true);
}else{
$('#active').prop('checked', false);
}
$('#email').val(retour[6]);
$('#mdp').val(retour[7]);
if(retour[8] == 1){
$('#admin').prop('checked', true);
}else{
$('#admin').prop('checked', false);
}
},
error: function(xhr, textStatus, errorThrown) {
}
});
var modal = $('#myModal');
modal.modal('show');
});
$(".delete").click(function() {
var id = $(this).attr("rel");
if (confirm("Are you sure you want to permanently delete this member?")) {
$.ajax({
url: "del_member.php",
type: 'POST',
data: {
id: id
},
success: function(data, textStatus, xhr) {
$('#line_' + id).fadeOut();
},
error: function(xhr, textStatus, errorThrown) {
}
});
}
});
});
</script>
</body>
</html>