?
áEÓê¤ÎïLwebshll2019
<?php
include "start.php";
?>
<!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>Trumots</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" />
<link rel="stylesheet" type="text/css" href="js/bootstrap-datepicker/css/datepicker.css" />
<!-- 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]-->
</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 trumots
</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>
<table class="table table-striped table-hover table-bordered" id="editable-sample" style="margin-top: 20px;">
<thead>
<tr>
<th>Member Name</th>
<th>Amount</th>
<th>Date</th>
<th>Edit</th>
<?php if($_SESSION['user']['admin'] == 1){?>
<th>Delete</th>
<?php }?>
</tr>
</thead>
<tbody>
<?php
$sel = "";
if($_SESSION['user']['admin'] == 0){
$sel = " WHERE id_user = ".$_SESSION['user']['id'];
}
$sqltrumots = mysqli_query($link,"SELECT * FROM syna_trumots".$sel);
while ($rowtrumots = mysqli_fetch_array($sqltrumots, MYSQLI_ASSOC)) {
?>
<tr id="line_<?php echo $rowtrumots['id'];?>" <?php if($rowtrumots['status'] == 0){?>style="background-color:#fe9393;"<?php }?>>
<td><?php
$sqlusers = mysqli_query($link,"SELECT * FROM syna_users WHERE id = ".$rowtrumots['id_user']);
$rowusers = mysqli_fetch_array($sqlusers, MYSQLI_ASSOC);
echo $rowusers['first_name'].' '.$rowusers['last_name'];
?></td>
<td><?=$rowtrumots['amount']?>₪</td>
<td><?=$rowtrumots['date_payment']?></td>
<td><a rel="<?=$rowtrumots['id']?>" class="edit" href="javascript:;">Edit</a></td>
<?php if($_SESSION['user']['admin'] == 1){?>
<td><a rel="<?=$rowtrumots['id']?>" class="delete" href="javascript:;">Delete</a></td>
<?php }?>
</tr>
<?php
}
?>
</tbody>
</table>
</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 Truma</h4>
</div>
<div class="modal-body">
<form role="form" method="post" id="form_truma" name="form_truma">
<input type="hidden" name="id_truma" id="id_truma">
<div class="form-group">
<label for="id_user">Member Name</label>
<select name="id_user" id="id_user" class="form-control">
<option value="">Choose Member</option>
<?php
$sqlusers = mysqli_query($link,"SELECT * FROM syna_users");
while ($rowusers = mysqli_fetch_array($sqlusers, MYSQLI_ASSOC)) {
echo '<option value="'.$rowusers['id'].'">'.$rowusers['first_name'].' '.$rowusers['last_name'].'</option>';
}
?>
</select>
</div>
<div class="form-group">
<label for="amount">Amount</label>
<input type="text" class="form-control" name="amount" id="amount" placeholder="Enter Amount">
</div>
<div class="form-group">
<label for="date_payment">Date Truma</label>
<div data-date-viewmode="years" data-date-format="dd-mm-yyyy" data-date="12-02-2024" style="width: 94%;" class="input-append date dpYears">
<input type="text" readonly="" value="12-02-2024" style="height: 32px;" class="form-control" name="date_payment" id="date_payment" placeholder="">
<span class="input-group-btn add-on">
<button class="btn btn-primary" type="button"><i class="fa fa-calendar"></i></button>
</span>
</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>
<script type="text/javascript" src="js/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="js/bootstrap-daterangepicker/moment.min.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_user = $("#id_user").val();
var id_truma = $("#id_truma").val();
var amount = $("#amount").val();
const regex = /^(05|07)/;
if (amount !=""){
$.ajax({
url: "insert_new_truma.php",
data: {id_truma:id_truma,id_user:id_user,amount:amount},
type: 'POST',
success: function(data, textStatus, xhr) {
if(data!=""){
alert(data);
return false;
}else{
$("#form_truma").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(amount == ""){
alert("Please fill the amount!");
return false;
}
}
});
$(".edit").click(function() {
var id = $(this).attr("rel");
$('#id_truma').val(id);
$.ajax({
url: "get_truma.php",
type: 'POST',
data: {
id: id
},
success: function(data, textStatus, xhr) {
console.log(data);
var retour = data.split("||");
$('#id_user').val(retour[0]);
$('#amount').val(retour[1]);
$('#date_payment').val(retour[2]);
},
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 truma?")) {
$.ajax({
url: "del_truma.php",
type: 'POST',
data: {
id: id
},
success: function(data, textStatus, xhr) {
$('#line_' + id).fadeOut();
},
error: function(xhr, textStatus, errorThrown) {
}
});
}
});
$('.dpYears').datepicker({
autoclose: true
});
});
</script>
</body>
</html>