Path: C:\
<?php
session_start();
date_default_timezone_set('America/Sao_Paulo');
$dateadded = date("d/m/Y -- G:i");
$grupo = $_SESSION['grupo'];
$logo='grupo_'.$grupo.'.png';
if ($logo<>'logo.png'){if (!file_exists('images/'.$logo)) {$logo='logo.png';}}
$matriz = $_SESSION['matriz'];
$principal = json_decode($matriz, true);
$lin=count($principal);
?>
<!DOCTYPE html>
<html lang='pt-br'>
<head>
<meta charset='utf-8'/>
<meta http-equiv="pragma" content="no-cache">
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'>
<title>Torre de Controle</title>
<link rel="icon" type="image/png" href="images/favicon.ico">
<link href="css/estilo3.css" rel="stylesheet" type="text/css" />
<link href="css/style3.css" rel="stylesheet" type="text/css" />
<link href='css/redmond/jquery-ui-1.10.1.custom.css' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
<link href="css/theme.css" rel="stylesheet">
<link href="css/signin.css" rel="stylesheet">
<script src='js/jquery-3.3.1.min.js'></script>
<script src='js/jquery-ui.js' type='text/javascript'></script>
<script type="text/javascript">
var jsonJS = <?php echo $matriz ?>;
function dragStart(ev) {
ev.dataTransfer.setData("ID",ev.target.getAttribute('id'));
}
function dragOver(ev) {
return false;
}
function dragDrop(acao) {
var ocorrenciaSelecionada=acao.dataTransfer.getData("ID");
acao.target.appendChild(document.getElementById(ocorrenciaSelecionada));
var corSelecionada = acao.target.getAttribute('id');
jsonJS[ocorrenciaSelecionada].cor = corSelecionada;
document.getElementsByName('no['+ocorrenciaSelecionada+']')[0].value = corSelecionada;
document.getElementById('pink1').style.display = 'block';
}
</script>
<style>
#black, #Peru, #Grey, #red, #blue, #Gold, #green, #white {text-align:left;border-radius:5px;float:left;width: 90%;height: auto;padding: 0px 5px;margin: 10px;}
#white {background-color:white;text-align:center;border-style:double;border-radius:5px;width: 90%;height: auto;padding: 5px; margin: 10px;}
a {background-color:white;text-align:left;border-radius:5px;font-weight: bold;}
#black {background-color:black;}
#Peru {background-color:Peru;}
#Grey {background-color:Grey;}
#red {background-color:red;}
#blue {background-color:blue;}
#Gold {background-color:Gold;}
#green {background-color:green;}
li {color:white;margin: 15px;}
#pink1 {display:none;}
</style>
</head>
<body role="document">
<div class="container">
<div class="row">
<td>
<table width="100%">
<tr>
<td width="30%" align="center">
<img src="images/logo03.png" width="300" height="88"/>
</td>
<td width="40%" align="center">
<div class="page-header">
<h2><span class="label label-primary"> TORRE DE CONTROLE </span></h2>
</div>
</td>
<td width="30%" align="center">
<img src="<?php echo 'images/'.$logo; ?>" width="300" height="88"/>
</td>
</tr>
<tr height="30" background="images/top-menubg.gif">
<td> <?php echo $dateadded; ?></td>
<td colspan="2" align='left'><strong>AGRUPAMENTO DAS OCORRÊNCIAS PARA CRIAÇÃO DA BASE DE DADOS</strong></td>
</tr>
</table>
</td>
<div class="col-md-12">
<form method="POST" action="gravaJson.php" id='form1' name='form1'>
<table width="100%">
<tr>
<td width="33%">
<div id='Gold' ondrop='return dragDrop(event)' ondragover='return dragOver(event)'>
<a> EM ROTA DE ENTREGA / COLETA </a>
<?php for($a=0;$a<$lin;$a++){
if ($principal[$a]['cor']=='Gold'){
echo "<div id='".$a."' draggable=true ondragstart='return dragStart(event)'><li>".$principal[$a]['titulo']."</li><input type='hidden' name='no[".$a."]' value='".$principal[$a]['cor']."' /></div>";
}}?>
</div>
</td>
<td width="33%">
<div id='blue' ondrop='return dragDrop(event)' ondragover='return dragOver(event)'>
<a> CHEGADA NO LOCAL </a>
<?php for($a=0;$a<$lin;$a++){
if ($principal[$a]['cor']=='blue'){
echo "<div id='".$a."' draggable=true ondragstart='return dragStart(event)'><li>".$principal[$a]['titulo']."</li><input type='hidden' name='no[".$a."]' value='".$principal[$a]['cor']."' /></div>";
}}?>
</div>
</td>
<td width="34%">
<div id='green' ondrop='return dragDrop(event)' ondragover='return dragOver(event)'>
<a> SERVIÇO REALIZADO </a>
<?php for($a=0;$a<$lin;$a++){
if ($principal[$a]['cor']=='green'){
echo "<div id='".$a."' draggable=true ondragstart='return dragStart(event)'><li>".$principal[$a]['titulo']."</li><input type='hidden' name='no[".$a."]' value='".$principal[$a]['cor']."' /></div>";
}}?>
</div>
</td>
</tr>
<tr>
<td width="33%">
<div id='Peru' ondrop='return dragDrop(event)' ondragover='return dragOver(event)'>
<a> PROCESSO INICIADO </a>
<?php for($a=0;$a<$lin;$a++){
if ($principal[$a]['cor']=='Peru'){
echo "<div id='".$a."' draggable=true ondragstart='return dragStart(event)'><li>".$principal[$a]['titulo']."</li><input type='hidden' name='no[".$a."]' value='".$principal[$a]['cor']."' /></div>";
}}?>
</div>
</td>
<td width="33%">
<div id='Grey' ondrop='return dragDrop(event)' ondragover='return dragOver(event)'>
<a> OUTROS </a>
<?php for($a=0;$a<$lin;$a++){
if ($principal[$a]['cor']=='Grey'){
echo "<div id='".$a."' draggable=true ondragstart='return dragStart(event)'><li>".$principal[$a]['titulo']."</li><input type='hidden' name='no[".$a."]' value='".$principal[$a]['cor']."' /></div>";
}}?>
</div>
</td>
<td width="34%">
<div id='red' ondrop='return dragDrop(event)' ondragover='return dragOver(event)'>
<a> NÃO REALIZADO </a>
<?php for($a=0;$a<$lin;$a++){
if ($principal[$a]['cor']=='red'){
echo "<div id='".$a."' draggable=true ondragstart='return dragStart(event)'><li>".$principal[$a]['titulo']."</li><input type='hidden' name='no[".$a."]' value='".$principal[$a]['cor']."' /></div>";
}}?>
</div>
</td>
</tr>
<tr>
<td width="33%">
<div id='white'>Clique na ocorrência desejada, arraste e solte para adicionar, retirar ou remanejar em um determinado grupo. As do grupo preto, não entrarão na base de dados.
</div>
</td>
<td width="33%">
<div id='black' ondrop='return dragDrop(event)' ondragover='return dragOver(event)'>
<a align="center"> OCORRÊNCIAS </a>
<?php for($a=0;$a<$lin;$a++){
if ($principal[$a]['cor']=='black'){
echo "<div id='".$a."' draggable=true ondragstart='return dragStart(event)'><li>".$principal[$a]['titulo']."</li><input type='hidden' name='no[".$a."]' value='".$principal[$a]['cor']."' /></div>";
}}?>
</div>
</td>
<td width="34%">
<div id="white">
<table width="100%">
<td>
<div id="pink1">
<button type="submit" class="button2" id="botao1" value="0">Alterar</button>
</div>
</td>
</form>
<form method="POST" action="main.php">
<td>
<div id="pink2" align="center">
<button type="submit" class="button2" id="botao2" value="0">Cancelar</button>
</div>
</td>
</form>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
<p class="copyright" align="center">© Copyright 2020 TransWar - Todos os direitos reservados. Versão 1.0</p>
<br />
<script src="js/bootstrap.min.js"></script>
</html>