Melhorando visual das mensagens e adiconando quebra de linha

amd/src/config.js

@@ -75,32 +75,42 @@ define(['jquery', 'js/jquery.dataTables.min.js', 'js/jquery-ui.min.js'] , functi
         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">'+
+          '  <div class="panel-body" style="word-break: break-all;">'+
           data[i].texto_mensagem +
-          '  </div><div class="text-right">'+
+          '  </div><div class="text-right" style="font-style: italic; margin-right:10px;">'+
-          Date(data[i].data_mensagem) +
+          // '<hr>' + //Com ou sem?
-          '</div></div>';
+          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>';
+          '<button type="button" id="sendMessage" class="btn">Enviar</button>' +
+          '</div>';
 
         $('#mensagens').html(mensagens);
         $('#sendMessage').click(function (){
-          description = $('#comment').val();
+          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,

proxy.php

@@ -6,6 +6,7 @@ header("Content-Type: application/json");
 if(isset($_GET["conversationID"])) {
     $id = intval($_GET['conversationID']);
     $uri = 'https://escolamodelows.interlegis.leg.br/api/v1/fale_conosco/mensagens';
+    // $uri = 'http://localhost:3000/api/v1/fale_conosco/mensagens';
     $response = \Httpful\Request::post($uri)
     ->sendsJson()
     ->body('{"conversation_id": "' . $id . '"}')
@@ -15,14 +16,8 @@ if(isset($_GET["conversationID"])) {
     $cpf = $USER->username;
     $description = $_GET['description'];
 
-    // ***Pega o contexto do curso e verifica o papel do usuário
-    // $cContext = context_course::instance(3);
-    // $isStudent = current(get_user_roles($cContext, $USER->id))->shortname =='student'? 'true' : 'false';
-
-    // ***Verifica se o usuário assume o papel de estudante em algum curso
-    // $isStudent = user_has_role_assignment($USER->id, 5);
-
     $uri = 'https://escolamodelows.interlegis.leg.br/api/v1/fale_conosco/adicionar';
+    // $uri = 'http://localhost:3000/api/v1/fale_conosco/adicionar';
     $response = \Httpful\Request::post($uri)
     ->sendsJson()
     ->body('{
@@ -38,6 +33,7 @@ if(isset($_GET["conversationID"])) {
   $not_answered = intval($_GET['answered'])== 0 ? 'false':'true';
   $not_answered = trim($not_answered, '"');
   $uri = 'https://escolamodelows.interlegis.leg.br/api/v1/fale_conosco/conversa';
+  // $uri = 'http://localhost:3000/api/v1/fale_conosco/conversa';
   $response = \Httpful\Request::post($uri)
   ->sendsJson()
   ->body(