Skip to content

C
chatroom
Commit 848e7fdf authored by Vadym Gidulian's avatar Vadym Gidulian
Browse files
Options

Fixed some errors and added storing of user name

parent 6a77bb7b
Hide whitespace changes
Inline Side-by-side
Showing with 61 additions and 51 deletions
chatroom.js
View file @ 848e7fdf
angular.module('chatroom', []) angular
.module('chatroom', [])
.controller('ChatRoomController', ['$scope', '$http', '$interval', function ($scope, $http, $interval) { .controller('ChatRoomController', ['$scope', '$http', '$interval', function ($scope, $http, $interval) {
$scope.newMessage = {};
$scope.name = '';
$scope.newMessage = '';
$scope.messages = []; $scope.messages = [];
$scope.maxMessageId = 0; $scope.maxMessageId = 0;
...@@ -28,9 +31,12 @@ angular.module('chatroom', []) ...@@ -28,9 +31,12 @@ angular.module('chatroom', [])
}; };
$scope.sendMessage = function () { $scope.sendMessage = function () {
$http.post('messages.php', $scope.newMessage) $http.post('messages.php', {
name: $scope.name,
message: $scope.newMessage
})
.success(function () { .success(function () {
$scope.newMessage = {}; $scope.newMessage = '';
}); });
}; };
...@@ -41,4 +47,5 @@ angular.module('chatroom', []) ...@@ -41,4 +47,5 @@ angular.module('chatroom', [])
$interval(function () { $interval(function () {
$scope.checkNewMessages(); $scope.checkNewMessages();
}, 1000); }, 1000);
}]);
\ No newline at end of file }]);
index.html
View file @ 848e7fdf
...@@ -4,11 +4,12 @@ ...@@ -4,11 +4,12 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Chatroom</title> <title>Chatroom</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="chatroom.js"></script> <script src="chatroom.js"></script>
<link rel="stylesheet/less" href="style.less"> <link rel="stylesheet/less" href="style.less">
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.7.1/less.min.js"></script>
</head> </head>
<body ng-app="chatroom" ng-controller="ChatRoomController as chatroom"> <body ng-app="chatroom" ng-controller="ChatRoomController as chatroom">
...@@ -18,23 +19,22 @@ ...@@ -18,23 +19,22 @@
<span class="time" ng-bind="message.date"></span> <span class="time" ng-bind="message.date"></span>
<span class="name" ng-bind="message.name"></span> <span class="name" ng-bind="message.name"></span>
</div> </div>
<p ng-bind="message.message"></p> <p ng-bind="message.message"></p>
</div> </div>
</div> </div>
<div id="controls"> <div id="controls">
<form action="javascript: void(0)" ng-submit="sendMessage()"> <form ng-submit="sendMessage()">
<div> <div>
<input type="text" ng-model="newMessage.name" placeholder="Type your name here"> <input type="text" ng-model="name" placeholder="Type your name here">
</div> </div>
<div> <div>
<input type="text" ng-model="newMessage.message" placeholder="Type your message here"> <input type="text" ng-model="newMessage" placeholder="Type your message here">
<button>Send</button> <button type="submit">Send</button>
</div> </div>
</form> </form>
</div> </div>
<script src="http://code.jquery.com/jquery-2.2.1.min.js"></script>
</body> </body>
</html> </html>
messages.php
View file @ 848e7fdf
...@@ -2,46 +2,49 @@ ...@@ -2,46 +2,49 @@
$con = mysqli_connect('localhost', 'chatroom', 'chatroom', 'chatroom'); $con = mysqli_connect('localhost', 'chatroom', 'chatroom', 'chatroom');
if (mysqli_connect_errno()) { if (mysqli_connect_errno()) die;
die;
}
switch ($_SERVER['REQUEST_METHOD']) { switch ($_SERVER['REQUEST_METHOD']) {
case 'GET': case 'GET':
if (isset($_GET['id'])) { // messages.php?id
$result = mysqli_query($con, "SELECT MAX(id) AS max_id FROM Messages"); if (isset($_GET['id'])) {
echo mysqli_fetch_array($result)['max_id']; $result = mysqli_query($con, 'SELECT MAX(id) AS max_id FROM Messages');
echo mysqli_fetch_array($result)['max_id'];
die;
} die;
}
$limit = isset($_GET['last']) ? $_GET['last'] : 50;
$result = mysqli_query($con, "SELECT id, date, username, message FROM Messages LIMIT $limit"); // messages.php?last=50
$limit = isset($_GET['last']) ? $_GET['last'] : 50;
$messages = []; $st = mysqli_prepare($con, 'SELECT id, date, username, message FROM Messages LIMIT ?');
while($row = mysqli_fetch_array($result)) { $st->bind_param('i', $limit);
$message['id'] = $row['id']; $st->execute();
$message['date'] = $row['date']; $result = $st->get_result();
$message['name'] = $row['username'];
$message['message'] = $row['message']; $messages = [];
while ($row = mysqli_fetch_assoc($result)) {
$messages[] = $message; $message['id'] = $row['id'];
} $message['date'] = $row['date'];
$message['name'] = $row['username'];
print_r(json_encode($messages)); $message['message'] = $row['message'];
break; $messages[] = $message;
case 'POST': }
$message = json_decode(file_get_contents("php://input"));
print_r(json_encode($messages));
$name = $message->name;
$mess = $message->message; break;
case 'POST':
$st = mysqli_prepare($con, "INSERT INTO Messages (date, username, message) VALUES (NOW(), ?, ?)"); $message = json_decode(file_get_contents('php://input'));
$st->bind_param("ss", $name, $mess);
$result = $st->execute(); $name = $message->name;
$mess = $message->message;
break;
$st = mysqli_prepare($con, 'INSERT INTO Messages (date, username, message) VALUES (NOW(), ?, ?)');
$st->bind_param('ss', $name, $mess);
$result = $st->execute();
break;
} }
mysqli_close($con); mysqli_close($con);
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment