279 lines
10 KiB
JavaScript
Executable File
279 lines
10 KiB
JavaScript
Executable File
'use strict';
|
|
/**
|
|
* controller for Messages
|
|
*/
|
|
app.controller('ChatCtrl', ["$scope", function ($scope) {
|
|
|
|
$scope.selfIdUser = 50223456;
|
|
$scope.otherIdUser = 50223457;
|
|
$scope.setOtherId = function (value) {
|
|
|
|
$scope.otherIdUser = value;
|
|
};
|
|
var exampleDate = new Date().setTime(new Date().getTime() - 240000 * 60);
|
|
|
|
$scope.chat = [{
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Nicole Bell",
|
|
"date": exampleDate,
|
|
"content": "Hi, Nicole",
|
|
"idUser": 50223456,
|
|
"idOther": 50223457
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Nicole Bell",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 1000 * 60),
|
|
"content": "How are you?",
|
|
"idUser": 50223456,
|
|
"idOther": 50223457
|
|
}, {
|
|
"user": "Nicole Bell",
|
|
"avatar": "assets/images/avatar-2.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 1000 * 60),
|
|
"content": "Hi, i am good",
|
|
"idUser": 50223457,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Nicole Bell",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 1000 * 60),
|
|
"content": "Glad to see you ;)",
|
|
"idUser": 50223456,
|
|
"idOther": 50223457
|
|
}, {
|
|
"user": "Nicole Bell",
|
|
"avatar": "assets/images/avatar-2.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 65000 * 60),
|
|
"content": "What do you think about my new Dashboard?",
|
|
"idUser": 50223457,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Nicole Bell",
|
|
"avatar": "assets/images/avatar-2.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 128000 * 60),
|
|
"content": "Alo...",
|
|
"idUser": 50223457,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Nicole Bell",
|
|
"avatar": "assets/images/avatar-2.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 128000 * 60),
|
|
"content": "Are you there?",
|
|
"idUser": 50223457,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Nicole Bell",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 1000 * 60),
|
|
"content": "Hi, i am here",
|
|
"idUser": 50223456,
|
|
"idOther": 50223457
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Nicole Bell",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 1000 * 60),
|
|
"content": "Your Dashboard is great",
|
|
"idUser": 50223456,
|
|
"idOther": 50223457
|
|
}, {
|
|
"user": "Nicole Bell",
|
|
"avatar": "assets/images/avatar-2.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 230000 * 60),
|
|
"content": "How does the binding and digesting work in AngularJS?, Peter? ",
|
|
"idUser": 50223457,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Nicole Bell",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 238000 * 60),
|
|
"content": "oh that's your question?",
|
|
"idUser": 50223456,
|
|
"idOther": 50223457
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Nicole Bell",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 238000 * 60),
|
|
"content": "little reduntant, no?",
|
|
"idUser": 50223456,
|
|
"idOther": 50223457
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Nicole Bell",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 238000 * 60),
|
|
"content": "literally we get the question daily",
|
|
"idUser": 50223456,
|
|
"idOther": 50223457
|
|
}, {
|
|
"user": "Nicole Bell",
|
|
"avatar": "assets/images/avatar-2.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 238000 * 60),
|
|
"content": "I know. I, however, am not a nerd, and want to know",
|
|
"idUser": 50223457,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Nicole Bell",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 238000 * 60),
|
|
"content": "for this type of question, wouldn't it be better to try Google?",
|
|
"idUser": 50223456,
|
|
"idOther": 50223457
|
|
}, {
|
|
"user": "Nicole Bell",
|
|
"avatar": "assets/images/avatar-2.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 238000 * 60),
|
|
"content": "Lucky for us :)",
|
|
"idUser": 50223457,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Steven Thompson",
|
|
"avatar": "assets/images/avatar-3.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 1000 * 60),
|
|
"content": "Hi, Peter. I'd like to start using AngularJS.",
|
|
"idUser": 50223458,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Steven Thompson",
|
|
"avatar": "assets/images/avatar-3.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 1000 * 60),
|
|
"content": "There are many differences from jquery?",
|
|
"idUser": 50223458,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Steven Thompson",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 5000 * 60),
|
|
"content": "Enough!",
|
|
"idUser": 50223456,
|
|
"idOther": 50223458
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Steven Thompson",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 5000 * 60),
|
|
"content": "In jQuery, you design a page, and then you make it dynamic...",
|
|
"idUser": 50223456,
|
|
"idOther": 50223458
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Steven Thompson",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 5000 * 60),
|
|
"content": "but in AngularJS, you must start from the ground up with your architecture in mind",
|
|
"idUser": 50223456,
|
|
"idOther": 50223458
|
|
}, {
|
|
"user": "Steven Thompson",
|
|
"avatar": "assets/images/avatar-3.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 7000 * 60),
|
|
"content": "ok!",
|
|
"idUser": 50223458,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Steven Thompson",
|
|
"avatar": "assets/images/avatar-3.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 7000 * 60),
|
|
"content": "could you give me some lessons?",
|
|
"idUser": 50223458,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Steven Thompson",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 7000 * 60),
|
|
"content": "sure!",
|
|
"idUser": 50223456,
|
|
"idOther": 50223458
|
|
}, {
|
|
"user": "Steven Thompson",
|
|
"avatar": "assets/images/avatar-3.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 7000 * 60),
|
|
"content": "Thanks a lot!",
|
|
"idUser": 50223458,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Ella Patterson",
|
|
"avatar": "assets/images/avatar-4.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 16700 * 60),
|
|
"content": "Peter what can you tell me about the new marketing project?",
|
|
"idUser": 50223459,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Steven Thompson",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 18000 * 60),
|
|
"content": "Well, there is a lot to say. Are you free tomorrow?",
|
|
"idUser": 50223456,
|
|
"idOther": 50223459
|
|
}, {
|
|
"user": "Ella Patterson",
|
|
"avatar": "assets/images/avatar-4.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 19700 * 60),
|
|
"content": "Yes",
|
|
"idUser": 50223459,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Steven Thompson",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate).getTime() + 19700 * 60),
|
|
"content": "OK, we will have a meeting tomorrow afternoon",
|
|
"idUser": 50223456,
|
|
"idOther": 50223459
|
|
}, {
|
|
"user": "Kenneth Ross",
|
|
"avatar": "assets/images/avatar-5.jpg",
|
|
"to": "Peter Clark",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate)),
|
|
"content": "Mr. Clark, congratulations for your new project",
|
|
"idUser": 50223460,
|
|
"idOther": 50223456
|
|
}, {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"to": "Kenneth Ross",
|
|
"date": new Date(exampleDate).setTime(new Date(exampleDate)),
|
|
"content": "Thank You very much Mr. Ross",
|
|
"idUser": 50223456,
|
|
"idOther": 50223460
|
|
}];
|
|
|
|
$scope.sendMessage = function () {
|
|
var newMessage = {
|
|
"user": "Peter Clark",
|
|
"avatar": "assets/images/avatar-1.jpg",
|
|
"date": new Date(),
|
|
"content": $scope.chatMessage,
|
|
"idUser": $scope.selfIdUser,
|
|
"idOther": $scope.otherIdUser
|
|
};
|
|
$scope.chat.push(newMessage);
|
|
$scope.chatMessage = '';
|
|
|
|
};
|
|
}]);
|