Skip to content
Snippets Groups Projects
Commit 564e7b09 authored by Dewita Sonya Tarabunga's avatar Dewita Sonya Tarabunga
Browse files

add firebase script

parent 493f8688
1 merge request!2Message System
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 75 additions and 378 deletions
app/code/Magento/Messaging/view/frontend/layout/messaging_index_index.xml
+ 3
− 3
View file @ 564e7b09
...@@ -3,10 +3,10 @@ ...@@ -3,10 +3,10 @@
<title>Messaging</title> <title>Messaging</title>
<css src="Magento_Messaging::css/chat.css" /> <css src="Magento_Messaging::css/chat.css" />
<script src="Magento_Messaging::js/chat.js" /> <script src="Magento_Messaging::js/chat.js" />
<script src="Magento_Messaging::js/angular.js" /> <script src="Magento_Messaging::js/firebaselib.js" />
<script src="Magento_Messaging::js/jquery.js" /> <script src="Magento_Messaging::js/firebase.js" />
</head> </head>
<body ng-app="chatlistbox" ng-controller="controller"> <body>
<referenceContainer name="content"> <referenceContainer name="content">
<block class="Magento\Messaging\Block\Messaging" name="messaging" template="messaging.phtml" /> <block class="Magento\Messaging\Block\Messaging" name="messaging" template="messaging.phtml" />
</referenceContainer> </referenceContainer>
......
app/code/Magento/Messaging/view/frontend/templates/messaging.phtml
+ 38
− 16
View file @ 564e7b09
...@@ -3,26 +3,48 @@ ...@@ -3,26 +3,48 @@
<span class="name">Chats</span> <span class="name">Chats</span>
</div> </div>
<div class = "chat-search"> <div class = "chat-search">
<form ng-submit="submit1()"> <form >
<input type="text" name="chattext" placeholder="Search name" class="search-name"> <input type="text" name="chattext" placeholder="Search name" class="search-name">
<input type="submit" name="search" value="Cari" class="search-button"> <input type="submit" name="search" value="Cari" class="search-button">
</form> </form>
</div> </div>
<div class="chat-list" ng-repeat="chatroom in chatrooms"> <div id="chatlist" class="chat-list">
<div class="chatroom-item"> <!-- <div class="chatroom-item">
<div class="chatroom-username"> </div> -->
<span>{{chatroom.username}}</span>
<div class="chatroom-lastmessage">
<span>{{chatroom.lastmessage}}</span>
</div>
</div>
</div> </div>
</div> </div>
<script>
var startListening = function() {
console.log("startListening");
firebase.database().ref().on('child_added', function(snapshot) {
var chatrooms = snapshot.val();
if (chatrooms.sender=="person1"){
console.log("yeay");
var chatroom_item = document.createElement("div");
chatroom_item.classList.add('chatroom-item');
<script type="text/javascript"> var chatroom_username = document.createElement("div");
require(['jquery'],function($){ chatroom_username.classList.add('chatroom-username');
$(document).ready(function() {
alert('hai'); var chatroom_lastmessage = document.createElement("div");
}); chatroom_lastmessage.classList.add('chatroom-lastmessage');
});
</script> var chatroom_username_span = document.createElement("span");
\ No newline at end of file chatroom_username_span.textContent = chatrooms.receiver;
chatroom_username.appendChild(chatroom_username_span);
var chatroom_lastmessage_span = document.createElement("span");
chatroom_lastmessage_span.textContent = chatrooms.message;
chatroom_lastmessage.appendChild(chatroom_lastmessage_span);
chatroom_item.appendChild(chatroom_username);
chatroom_item.appendChild(chatroom_lastmessage);
var chatlist = document.getElementById("chatlist");
chatlist.appendChild(chatroom_item);
}
});
}
startListening();
</script>
\ No newline at end of file
app/code/Magento/Messaging/view/frontend/web/js/angular.js deleted 100644 → 0
+ 0
− 332
View file @ 493f8688
This diff is collapsed.
app/code/Magento/Messaging/view/frontend/web/js/chat.js
+ 5
− 21
View file @ 564e7b09
var chatlistbox = angular.module('chatlistbox',[]); require(['jquery'],function($){
chatlistbox.controller('controller', ['$scope', function ($scope) { $(document).ready(function() {
$scope.chatrooms = []; alert('hai');
var room = new Object(); });
room.username = "Dewita Sonya"; });
room.lastmessage = "iya itu barangnya bagus banget, udah pake lama tetep awet"; \ No newline at end of file
$scope.chatrooms.push(room);
var room2 = new Object();
room2.username = "Mico mico";
room2.lastmessage = "micomicomico barangnya oke punya, ukuran juga pas";
$scope.chatrooms.push(room2);
var room3 = new Object();
room3.username = "Albertus Djauhari";
room3.lastmessage = "jangan dibel itumah barang palsu, kualitasnya jelek ";
$scope.chatrooms.push(room3);
var room4 = new Object();
room4.username = "William";
room4.lastmessage = "kskskso sajsa sakjsk as akjka dkjs kfasjfssak fjsaf";
$scope.chatrooms.push(room4);
}]);
\ No newline at end of file
app/code/Magento/Messaging/view/frontend/web/js/firebase.js 0 → 100644
+ 9
− 0
View file @ 564e7b09
const config = {
projectId: "magentochat",
apiKey: "AIzaSyAuWbHi2A1CljLjLdXxxI0sFY0jqPWxZHs",
authDomain: "magentochat.firebaseapp.com",
databaseURL: "https://magentochat.firebaseio.com/",
storageBucket: ""
};
firebase.initializeApp(config);
app/code/Magento/Messaging/view/frontend/web/js/firebaselib.js 0 → 100644
+ 20
− 0
View file @ 564e7b09
This source diff could not be displayed because it is too large. You can view the blob instead.
app/code/Magento/Messaging/view/frontend/web/js/jquery.js deleted 100644 → 0
+ 0
− 6
View file @ 493f8688
This diff is collapsed.
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