diff --git a/frontend/src/index.html b/frontend/src/index.html index 4572a0e0e..ab1086a15 100644 --- a/frontend/src/index.html +++ b/frontend/src/index.html @@ -1,5 +1,5 @@ - + @@ -8,16 +8,28 @@ - +

Chat

- +
+
+
    -
    - - +
    + + +
    +
    + + + + + + + + diff --git a/frontend/src/scripts.js b/frontend/src/scripts.js new file mode 100644 index 000000000..49a5728a0 --- /dev/null +++ b/frontend/src/scripts.js @@ -0,0 +1,52 @@ +var appCreditas = angular.module('appCreditas', []); +appCreditas.controller('appCreditasCtrl', ['$scope', '$http', function ($scope, $http) { + + /** + * Funcao ng-click ao clicar no botao + * @param este parametro representa o valor inserido pelo usuario + */ + $scope.enviaMensagem = function(mensagem) { + var conversa = document.querySelector("#conversa"); + conversa.appendChild(listaMensagem(mensagem)); + + /*** + //* Para comunicacao cliente-servidor + $scope.enviaServidor(mensagem); + */ + } + + /** + * Funcao para comunicacao com o servidor + * realizando requisição POST e enviando uma estrutura de dados + * contendo + * @param este parametro representa o valor inserido pelo usuario + */ + $scope.enviaServidor = function (mensagem) { + var baseUrl = 'URL'; + var dataObj = { + mensagem : mensagem + }; + var res = $http.post(baseUrl, mensagem); + res.success(function(data, status, headers, config){ + console.log(status); + console.log(data); + }); + res.error(function(data, status, headers, config){ + $scope.ResponseDetails = "Data: " + data + + "
    status: " + status + + "
    headers: " + header + + "
    config: " + config; + }); + } + + /** + * Funcao de listagem de mensagens, criando elemento <"li"> + * @param este parametro representa o valor inserido pelo usuario + */ + function listaMensagem(mensagem) { + var montaMensagem = document.createElement("li"); + montaMensagem.textContent = mensagem; + return montaMensagem; + }; + +}]);