Matheus Garcia
6 years ago
1 changed files with 146 additions and 1 deletions
@ -1 +1,146 @@ |
|||||
define(["jquery","datatables"],function(a){return{getContacts:function(b,c){return alert(b+" "+c),a("#example").dataTable(),alert("after"),'{"id":"1", "name":"Matheus", "email":"garcia.figueiredo@gmail.com" }'},getMessagesFromContact:function(){return'[{"mensagem":"Resposta 1"},{"mensagem":"Resposta 2"}]'}}}); |
define(['jquery', 'js/jquery.dataTables.min.js', 'js/jquery-ui.min.js'] , function($) { |
||||
|
|
||||
|
var exports = {}; |
||||
|
var answered = 1; |
||||
|
var init = exports.init = function() { |
||||
|
// Altera entre mensagens respondidas e não respondidas
|
||||
|
$( "#id_situacao" ).change(function() { |
||||
|
answered = $(this).val(); |
||||
|
$("#id_situacao").val(answered); |
||||
|
tabelaContatos.ajax.url('proxy.php?answered=' + answered) |
||||
|
tabelaContatos.ajax.reload(); |
||||
|
}); |
||||
|
|
||||
|
// Obtém dados de todas as conversas
|
||||
|
var tabelaContatos = $('#tabela_contatos').DataTable({ |
||||
|
ajax: { |
||||
|
url: "proxy.php?answered=" + 0, |
||||
|
dataSrc:"" |
||||
|
}, |
||||
|
columns: [ |
||||
|
{ data: "id_conversa" }, |
||||
|
{ data: "titulo" }, |
||||
|
{ data: "cpf" } |
||||
|
], |
||||
|
// Passando o datatable para português
|
||||
|
"oLanguage": { |
||||
|
"sEmptyTable": "Nenhum registro encontrado", |
||||
|
"sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros", |
||||
|
"sInfoEmpty": "Mostrando 0 até 0 de 0 registros", |
||||
|
"sInfoFiltered": "(Filtrados de _MAX_ registros)", |
||||
|
"sInfoPostFix": "", |
||||
|
"sInfoThousands": ".", |
||||
|
"sLengthMenu": "_MENU_ resultados por página", |
||||
|
"sLoadingRecords": "Carregando...", |
||||
|
"sProcessing": "Processando...", |
||||
|
"sZeroRecords": "Nenhum registro encontrado", |
||||
|
"sSearch": "Pesquisar", |
||||
|
"oPaginate": { |
||||
|
"sNext": "Próximo", |
||||
|
"sPrevious": "Anterior", |
||||
|
"sFirst": "Primeiro", |
||||
|
"sLast": "Último" |
||||
|
}, |
||||
|
"oAria": { |
||||
|
"sSortAscending": ": Ordenar colunas de forma ascendente", |
||||
|
"sSortDescending": ": Ordenar colunas de forma descendente" |
||||
|
} |
||||
|
}, |
||||
|
}); |
||||
|
|
||||
|
$( "#tabs" ).tabs({ active: 0 }); |
||||
|
|
||||
|
$('#tabela_contatos tbody').on( 'click', 'tr', function () { |
||||
|
if ( $(this).hasClass('selected') ) { |
||||
|
$(this).removeClass('selected'); |
||||
|
} |
||||
|
else { |
||||
|
tabelaContatos.$('tr.selected').removeClass('selected'); |
||||
|
$(this).addClass('selected'); |
||||
|
} |
||||
|
data = tabelaContatos.row(this).data(); |
||||
|
getMessagesFromContact(data); |
||||
|
} ); |
||||
|
} |
||||
|
|
||||
|
// Obtém todas as trocas de mensagens relacionadas a um determinado contato no Fale Conosco
|
||||
|
var getMessagesFromContact = exports.getMessagesFromContact = function(data_conversation) { |
||||
|
$.ajax({ |
||||
|
url: "proxy.php?conversationID=" + data_conversation.id_conversa, |
||||
|
type: "POST", |
||||
|
dataType: 'json', |
||||
|
success: function (data) { |
||||
|
var mensagens = ""; |
||||
|
for (var i = 0, len = data.length; i < len; i++) { |
||||
|
var desc = data[i].body; |
||||
|
arrayReturn.push([ data[i].id, data[i].name, data[i].email]); |
||||
|
var data_mensagem = data[i].data_mensagem.substring(8, 10) + '/' + data[i].data_mensagem.substring(5, 7) + '/' + data[i].data_mensagem.substring(0, 4); |
||||
|
var hora_mensagem = data[i].data_mensagem.substring(11, 16) |
||||
|
mensagens += '<div class="row">' |
||||
|
if (data[i].aluno != false) { |
||||
|
mensagens += '<div class="col-sm-10">' |
||||
|
mensagens += '<div class="panel panel-success"> '; |
||||
|
} |
||||
|
else { |
||||
|
mensagens += '<div class="col-sm-10 pull-right">' |
||||
|
mensagens += '<div class="panel panel-primary"> '; |
||||
|
} |
||||
|
mensagens += |
||||
|
' <div class="panel-heading">'+ |
||||
|
' <h3 class="panel-title">' + data[i].cpf + '</h3>'+ |
||||
|
' </div>'+ |
||||
|
' <div class="panel-body" style="word-break: break-all;">'+ |
||||
|
data[i].texto_mensagem + |
||||
|
' </div><div class="text-right" style="font-style: italic; margin-right:10px;">'+ |
||||
|
// '<hr>' + //Com ou sem?
|
||||
|
data_mensagem + ' ' + |
||||
|
hora_mensagem + |
||||
|
'</div></div></div></div><hr>'; |
||||
|
}; |
||||
|
mensagens += |
||||
|
'<div class="row">' + |
||||
|
'<div class="form-group">'+ |
||||
|
'<label for="comment">Mensagem:</label>'+ |
||||
|
'<textarea class="form-control" rows="5" id="comment"></textarea>'+ |
||||
|
'</div>' + |
||||
|
'<button type="button" id="sendMessage" class="btn">Enviar</button>' + |
||||
|
'</div>'; |
||||
|
|
||||
|
$('#mensagens').html(mensagens); |
||||
|
$('#sendMessage').click(function (){ |
||||
|
description = ($('#comment').val()); |
||||
|
description = description.replace(/(?:\r\n|\r|\n)/g, '<br>'); |
||||
|
$('#comment').attr('value', "") |
||||
|
$.ajax({ |
||||
|
url: "proxy.php?addMessage=" + data_conversation.id_conversa + "&description=" + description, |
||||
|
contentType: "application/json; charset=utf-8", |
||||
|
type: "post", |
||||
|
dataType: 'json', |
||||
|
success: function (data) { |
||||
|
alert("Mensagem enviada!"); |
||||
|
$( "#tabs" ).tabs({ active: 0 }); |
||||
|
}, |
||||
|
error: function (x, y, z) { |
||||
|
alert(x.responseText +" " +x.status); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
$( "#tabs" ).tabs({ active: 1 }); |
||||
|
} |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
// Obtém dados de todos os contatos do Fale Conosco
|
||||
|
var getTableContacts = exports.getTableContacts = function() { |
||||
|
$( "#tabs" ).tabs(); |
||||
|
$('ul.tabs li').click(function(){ |
||||
|
var tab_id = $(this).attr('data-tab'); |
||||
|
$('ul.tabs li .tab-content').removeClass('current'); |
||||
|
$(this).addClass('current'); |
||||
|
$("#"+tab_id).addClass('current'); |
||||
|
}) |
||||
|
}; |
||||
|
|
||||
|
return exports; |
||||
|
}); |
||||
|
|
Loading…
Reference in new issue