Eu tenho uma lista de tarefas, nela tem a parte de status, que mostra por exemplo 'Em Teste' e um botão de Aprovar.
Eu estou tentando com que esse botão Aprovar ao ser clicado pegue o Id da tarefa e envie um update nela para alterar seu status.
Mas até agora não sei como fazer, estava tentando fazer via Ajax com onClick
, mas não consegui nada até agora.
Alguém pode me dar uma caminho?
Botão
<a id="approved" class="flex-icon" data-toggle="tooltip" data-placement="top" title="Aprovar"><i class="fa fa-check-square-o fa-2x" aria-hidden="true"></i></a>
ID
<li class="list-group-item id-task" id="<?php echo $row['TasksId']; ?>">
Código da Tarefa
<div class="panel-body">
<ul id="sortable" class="list-group reorder-task-list">
<?php
$rows = $auth_task->select();
foreach($rows as $row): ?>
<li class="list-group-item id-task" id="<?php echo $row['TasksId']; ?>">
<span><i class="glyphicon glyphicon-retweet" aria-hidden="true"></i></span>
<h5 class="delivery-line">
<i class="glyphicon glyphicon-time" aria-hidden="true"></i>
<?php echo$row['Delivery'];?>
</h5>
<?php
if($row['Status'] == 'Em Processo'){
echo "<span class=\"badge\" style=\"background-color:#67A6DF\">Em Processo</span>";
}
elseif ($row['Status'] == 'Teste') {
echo "<span class=\"badge\" style=\"background-color:#FCB529\">Em Teste</span>";
}
elseif ($row['Status'] == 'Aprovada'){
echo "<span class=\"badge\" style=\"background-color:#43A995\">Aprovada</span>";
}
?>
<div>
<h4 class="line-center">
<strong><?php echo $row['Project'];?></strong>
</h4>
</div>
<h6 class="line-center" ><?php echo $row['Subject'];?></h6>
<hr>
<h4 class="company-line line-center">
<i class="glyphicon glyphicon-map-marker" aria-hidden="true"></i>
<?php echo $row['CompanyFantasy'];?>
</h4>
<?php if($userRow['Level'] == 'Admin'):?>
<div class="footer-li">
<a href="" class="flex-icon" data-toggle="tooltip" data-placement="top" title="Estatística"><i class="fa fa-bar-chart fa-2x" aria-hidden="true"></i></a>
<a href="" class="flex-icon" data-toggle="tooltip" data-placement="top" title="Abrir"><i class="fa fa-folder-open-o fa-2x" aria-hidden="true"></i></a>
<a href="" class="flex-icon" data-toggle="tooltip" data-placement="top" title="Enviar Para Teste"><i class="fa fa-flask fa-2x" aria-hidden="true"></i></a>
<a id="approved" class="flex-icon" data-toggle="tooltip" data-placement="top" title="Aprovar"><i class="fa fa-check-square-o fa-2x" aria-hidden="true"></i></a>
<a href="" class="flex-icon" data-toggle="tooltip" data-placement="top" title="Cancelar"><i class="fa fa-times-circle-o fa-2x" aria-hidden="true"></i></a>
</div><!-- <div class="footer-li"> -->
<?php endif; ?>
</li>
<?php endforeach; ?>
</ul>
</div><!-- <div class="panel-body"> -->
$('#approved').on('click',function(){ var taskid=$(this).find('li').attr('id'); $.ajax({ url: './task.php', type: 'POST', data: {}, success: function(data) { window.location.reload(); } }); });
– Wagner Viana 29/08/16 às 19:58