From 7e6569e7ba7396115991e0a747306e04bae37ee9 Mon Sep 17 00:00:00 2001
From: kharisisriyant <kharisisriyant@gmail.com>
Date: Wed, 30 Nov 2016 07:02:33 +0700
Subject: [PATCH] modifikasi chatbox
---
KAA-JSP/build/web/catalog.jsp | 11 +++++++++--
KAA-JSP/build/web/css/style.css | 6 ++++++
KAA-JSP/build/web/login.jsp | 13 ++++++-------
KAA-JSP/build/web/scripts/app.js | 31 ++++++++++++++++++++++++-------
KAA-JSP/web/catalog.jsp | 11 +++++++++--
KAA-JSP/web/css/style.css | 6 ++++++
KAA-JSP/web/login.jsp | 13 ++++++-------
KAA-JSP/web/scripts/app.js | 31 ++++++++++++++++++++++++-------
8 files changed, 90 insertions(+), 32 deletions(-)
diff --git a/KAA-JSP/build/web/catalog.jsp b/KAA-JSP/build/web/catalog.jsp
index de004ad..604e7be 100644
--- a/KAA-JSP/build/web/catalog.jsp
+++ b/KAA-JSP/build/web/catalog.jsp
@@ -407,9 +407,16 @@
<div class="popup-head-right" ng-click="setReceiver('')"><a href="">✕</a></div>
<div style="clear: both"></div>
</div>
- <div class="popup-messages">Tes</div>
+ <div class="popup-messages">
+ <ul>
+ <li ng-repeat="message in messages" style="list-style-type:none">
+ <div class="chatbubble" ng-if="message.name===receiver" style="float:left">{{message.text}}</div>
+ <div class="chatbubble" ng-if="message.name===user" style="float:right">{{message.text}}</div>
+ </li>
+ </div>
<div class="popup-input">
- <input type="text" style="height: 100%" name="chat" class="auto-style1" hidefocus="hidefocus" />
+ <input type="text" style="height: 100%; width:80%" name="chat" class="auto-style1" hidefocus="hidefocus" ng-model="newmessage"/>
+ <button ng-click="sendMessage()">Send</button>
</div>
</div>
diff --git a/KAA-JSP/build/web/css/style.css b/KAA-JSP/build/web/css/style.css
index b9ac050..56b269f 100644
--- a/KAA-JSP/build/web/css/style.css
+++ b/KAA-JSP/build/web/css/style.css
@@ -6,6 +6,12 @@
}
}
+.chatbubble{
+ width:70%;
+ border:2px;
+
+}
+
.popup-box
{
display: none;
diff --git a/KAA-JSP/build/web/login.jsp b/KAA-JSP/build/web/login.jsp
index 2db4b93..c29577b 100644
--- a/KAA-JSP/build/web/login.jsp
+++ b/KAA-JSP/build/web/login.jsp
@@ -49,7 +49,7 @@
<title>Sale Project - Login</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
- <body>
+ <body onload="getChatToken()">
<div class="content">
<div class="logo">
<span id="red">Sale</span><span id="blue">Project</span>
@@ -66,7 +66,7 @@
<div class="input_field">
Password<br><input type="password" name="password"><br>
</div>
- <input type="hidden" name="chattoken" id="chattoken" value="getChatToken()">
+ <input type="hidden" name="chattoken" id="chattoken" value="">
<div class="submit_button_add">
<input type="submit" name ="submit" value="LOGIN">
</div>
@@ -168,11 +168,10 @@
console.log(chattoken);
- var getChatToken=function(){
- return chattoken;
- };
-
- document.getElementById("chattoken").value = chattoken;
+ var getChatToken=function(){
+ console.log(chattoken);
+ document.getElementById("chattoken").value = chattoken;
+ };
</script>
</body>
</html>
diff --git a/KAA-JSP/build/web/scripts/app.js b/KAA-JSP/build/web/scripts/app.js
index 3698a5f..bed6433 100644
--- a/KAA-JSP/build/web/scripts/app.js
+++ b/KAA-JSP/build/web/scripts/app.js
@@ -8,11 +8,11 @@
var app = angular.module('chatApp', []);
app.controller('chatController', ['$scope','Message', function($scope,Message){
- $scope.user = "testst";
+ $scope.user = "a";
$scope.receiver = "";
- $scope.messages= "";
+ $scope.messages= Message.all;
$scope.insert = function(message){
//Message.create(message);
@@ -30,6 +30,11 @@ app.controller('chatController', ['$scope','Message', function($scope,Message){
return !($scope.receiver === "");
};
+ $scope.sendMessage = function(){
+ //kirim post/get request ke sendmessage
+
+ };
+
var config = {
apiKey: "AIzaSyAQ2WIB6GWOxmtwMdGd8eHawL4PWxK8evU",
authDomain: "tugas-besar-wbd.firebaseapp.com",
@@ -58,11 +63,23 @@ app.controller('chatController', ['$scope','Message', function($scope,Message){
app.factory('Message', function() {
var messages = [{'name':'Pippo','text':'Hello'},
- {'name':'Pluto','text':'Hello'},
- {'name':'Pippo','text':'how are you ?'},
- {'name':'Pluto','text':'fine thanks'},
- {'name':'Pippo','text':'Bye'},
- {'name':'Pluto','text':'Bye'}];
+ {'name':'a','text':'Hello'},
+ {'name':'azkaimtiyaz','text':'how are you ?'},
+ {'name':'a','text':'fine thanks'},
+ {'name':'a','text':'Bye'},
+ {'name':'azkaimtiyaz','text':'Bye'},
+ {'name':'Pippo','text':'Hello'},
+ {'name':'a','text':'Hello'},
+ {'name':'azkaimtiyaz','text':'how are you ?'},
+ {'name':'a','text':'fine thanks'},
+ {'name':'a','text':'Bye'},
+ {'name':'azkaimtiyaz','text':'Bye'},
+ {'name':'Pippo','text':'Hello'},
+ {'name':'a','text':'Hello'},
+ {'name':'azkaimtiyaz','text':'how are you ?'},
+ {'name':'a','text':'fine thanks'},
+ {'name':'a','text':'Bye'},
+ {'name':'azkaimtiyaz','text':'Bye'}];
var Message= {
all:messages
diff --git a/KAA-JSP/web/catalog.jsp b/KAA-JSP/web/catalog.jsp
index de004ad..604e7be 100644
--- a/KAA-JSP/web/catalog.jsp
+++ b/KAA-JSP/web/catalog.jsp
@@ -407,9 +407,16 @@
<div class="popup-head-right" ng-click="setReceiver('')"><a href="">✕</a></div>
<div style="clear: both"></div>
</div>
- <div class="popup-messages">Tes</div>
+ <div class="popup-messages">
+ <ul>
+ <li ng-repeat="message in messages" style="list-style-type:none">
+ <div class="chatbubble" ng-if="message.name===receiver" style="float:left">{{message.text}}</div>
+ <div class="chatbubble" ng-if="message.name===user" style="float:right">{{message.text}}</div>
+ </li>
+ </div>
<div class="popup-input">
- <input type="text" style="height: 100%" name="chat" class="auto-style1" hidefocus="hidefocus" />
+ <input type="text" style="height: 100%; width:80%" name="chat" class="auto-style1" hidefocus="hidefocus" ng-model="newmessage"/>
+ <button ng-click="sendMessage()">Send</button>
</div>
</div>
diff --git a/KAA-JSP/web/css/style.css b/KAA-JSP/web/css/style.css
index b9ac050..56b269f 100644
--- a/KAA-JSP/web/css/style.css
+++ b/KAA-JSP/web/css/style.css
@@ -6,6 +6,12 @@
}
}
+.chatbubble{
+ width:70%;
+ border:2px;
+
+}
+
.popup-box
{
display: none;
diff --git a/KAA-JSP/web/login.jsp b/KAA-JSP/web/login.jsp
index 2db4b93..c29577b 100644
--- a/KAA-JSP/web/login.jsp
+++ b/KAA-JSP/web/login.jsp
@@ -49,7 +49,7 @@
<title>Sale Project - Login</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
- <body>
+ <body onload="getChatToken()">
<div class="content">
<div class="logo">
<span id="red">Sale</span><span id="blue">Project</span>
@@ -66,7 +66,7 @@
<div class="input_field">
Password<br><input type="password" name="password"><br>
</div>
- <input type="hidden" name="chattoken" id="chattoken" value="getChatToken()">
+ <input type="hidden" name="chattoken" id="chattoken" value="">
<div class="submit_button_add">
<input type="submit" name ="submit" value="LOGIN">
</div>
@@ -168,11 +168,10 @@
console.log(chattoken);
- var getChatToken=function(){
- return chattoken;
- };
-
- document.getElementById("chattoken").value = chattoken;
+ var getChatToken=function(){
+ console.log(chattoken);
+ document.getElementById("chattoken").value = chattoken;
+ };
</script>
</body>
</html>
diff --git a/KAA-JSP/web/scripts/app.js b/KAA-JSP/web/scripts/app.js
index 3698a5f..bed6433 100644
--- a/KAA-JSP/web/scripts/app.js
+++ b/KAA-JSP/web/scripts/app.js
@@ -8,11 +8,11 @@
var app = angular.module('chatApp', []);
app.controller('chatController', ['$scope','Message', function($scope,Message){
- $scope.user = "testst";
+ $scope.user = "a";
$scope.receiver = "";
- $scope.messages= "";
+ $scope.messages= Message.all;
$scope.insert = function(message){
//Message.create(message);
@@ -30,6 +30,11 @@ app.controller('chatController', ['$scope','Message', function($scope,Message){
return !($scope.receiver === "");
};
+ $scope.sendMessage = function(){
+ //kirim post/get request ke sendmessage
+
+ };
+
var config = {
apiKey: "AIzaSyAQ2WIB6GWOxmtwMdGd8eHawL4PWxK8evU",
authDomain: "tugas-besar-wbd.firebaseapp.com",
@@ -58,11 +63,23 @@ app.controller('chatController', ['$scope','Message', function($scope,Message){
app.factory('Message', function() {
var messages = [{'name':'Pippo','text':'Hello'},
- {'name':'Pluto','text':'Hello'},
- {'name':'Pippo','text':'how are you ?'},
- {'name':'Pluto','text':'fine thanks'},
- {'name':'Pippo','text':'Bye'},
- {'name':'Pluto','text':'Bye'}];
+ {'name':'a','text':'Hello'},
+ {'name':'azkaimtiyaz','text':'how are you ?'},
+ {'name':'a','text':'fine thanks'},
+ {'name':'a','text':'Bye'},
+ {'name':'azkaimtiyaz','text':'Bye'},
+ {'name':'Pippo','text':'Hello'},
+ {'name':'a','text':'Hello'},
+ {'name':'azkaimtiyaz','text':'how are you ?'},
+ {'name':'a','text':'fine thanks'},
+ {'name':'a','text':'Bye'},
+ {'name':'azkaimtiyaz','text':'Bye'},
+ {'name':'Pippo','text':'Hello'},
+ {'name':'a','text':'Hello'},
+ {'name':'azkaimtiyaz','text':'how are you ?'},
+ {'name':'a','text':'fine thanks'},
+ {'name':'a','text':'Bye'},
+ {'name':'azkaimtiyaz','text':'Bye'}];
var Message= {
all:messages
--
GitLab