Rohan Sircar
4 years ago
25 changed files with 2 additions and 987 deletions
-
3chatto/.gitignore
-
2chatto/src/main/javascript/ts/out/controller/AbstractController.js
-
66chatto/src/main/javascript/ts/out/controller/ChatController.js
-
71chatto/src/main/javascript/ts/out/controller/UserController.js
-
58chatto/src/main/javascript/ts/out/main.js
-
2chatto/src/main/javascript/ts/out/model/AbstractModel.js
-
162chatto/src/main/javascript/ts/out/model/ChatModel.js
-
22chatto/src/main/javascript/ts/out/model/FetchErrorHandler.js
-
17chatto/src/main/javascript/ts/out/model/ModelFactory.js
-
126chatto/src/main/javascript/ts/out/model/UserModel.js
-
64chatto/src/main/javascript/ts/out/observe/Observable.js
-
27chatto/src/main/javascript/ts/out/observe/Observer.js
-
64chatto/src/main/javascript/ts/out/observe/observable.js
-
27chatto/src/main/javascript/ts/out/observe/observer.js
-
2chatto/src/main/javascript/ts/out/service/EncryptionService.js
-
23chatto/src/main/javascript/ts/out/service/SJCLEncryptionService.js
-
4chatto/src/main/javascript/ts/out/singleton/AuthToken.js
-
9chatto/src/main/javascript/ts/out/singleton/JsonAPI.js
-
14chatto/src/main/javascript/ts/out/template/TemplateFactory.js
-
1chatto/src/main/javascript/ts/out/ts.js
-
2chatto/src/main/javascript/ts/out/view/AbstractView.js
-
103chatto/src/main/javascript/ts/out/view/ChatView.js
-
104chatto/src/main/javascript/ts/out/view/UserView.js
-
8chatto/src/main/javascript/ts/out/viewmodel/ActiveUserViewModel.js
-
8chatto/src/main/javascript/ts/out/viewmodel/ChatMessageViewModel.js
@ -1,2 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
@ -1,66 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
require("../model/AbstractModel"); |
|||
require("../model/UserModel"); |
|||
require("../view/AbstractView"); |
|||
require("../view/UserView"); |
|||
var ChatMessageViewModel_1 = require("../viewmodel/ChatMessageViewModel"); |
|||
var ChatController = /** @class */ (function () { |
|||
function ChatController(model, view) { |
|||
this._model = model; |
|||
this._view = view; |
|||
} |
|||
Object.defineProperty(ChatController.prototype, "model", { |
|||
/** |
|||
* Getter model |
|||
* @return {Model} |
|||
*/ |
|||
get: function () { |
|||
return this._model; |
|||
}, |
|||
/** |
|||
* Setter model |
|||
* @param {Model} value |
|||
*/ |
|||
set: function (value) { |
|||
this._model = value; |
|||
}, |
|||
enumerable: true, |
|||
configurable: true |
|||
}); |
|||
Object.defineProperty(ChatController.prototype, "view", { |
|||
/** |
|||
* Getter view |
|||
* @return {View} |
|||
*/ |
|||
get: function () { |
|||
return this._view; |
|||
}, |
|||
/** |
|||
* Setter view |
|||
* @param {View} value |
|||
*/ |
|||
set: function (value) { |
|||
this._view = value; |
|||
}, |
|||
enumerable: true, |
|||
configurable: true |
|||
}); |
|||
/** |
|||
* eventHandler |
|||
*/ |
|||
ChatController.prototype.eventHandler = function (vm) { |
|||
this.model.someBusinessMethod(vm); |
|||
}; |
|||
ChatController.prototype.test = function () { |
|||
var chatMessageViewModels = []; |
|||
var chatMessageViewModelMock = new ChatMessageViewModel_1.ChatMessageViewModel(); |
|||
chatMessageViewModelMock.fromUser = "user1"; |
|||
chatMessageViewModelMock.toUser = "user2"; |
|||
chatMessageViewModelMock.messageCipher = ""; |
|||
chatMessageViewModelMock.messageTime = new Date(); |
|||
chatMessageViewModels.push(chatMessageViewModelMock); |
|||
}; |
|||
return ChatController; |
|||
}()); |
|||
exports.ChatController = ChatController; |
@ -1,71 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
require("../model/AbstractModel"); |
|||
require("../model/UserModel"); |
|||
require("../view/AbstractView"); |
|||
require("../view/UserView"); |
|||
var ActiveUserViewModel_1 = require("../viewmodel/ActiveUserViewModel"); |
|||
var UserController = /** @class */ (function () { |
|||
function UserController(model, view) { |
|||
this._model = model; |
|||
this._view = view; |
|||
} |
|||
Object.defineProperty(UserController.prototype, "model", { |
|||
/** |
|||
* Getter model |
|||
* @return {Model} |
|||
*/ |
|||
get: function () { |
|||
return this._model; |
|||
}, |
|||
/** |
|||
* Setter model |
|||
* @param {Model} value |
|||
*/ |
|||
set: function (value) { |
|||
this._model = value; |
|||
}, |
|||
enumerable: true, |
|||
configurable: true |
|||
}); |
|||
Object.defineProperty(UserController.prototype, "view", { |
|||
/** |
|||
* Getter view |
|||
* @return {View} |
|||
*/ |
|||
get: function () { |
|||
return this._view; |
|||
}, |
|||
/** |
|||
* Setter view |
|||
* @param {View} value |
|||
*/ |
|||
set: function (value) { |
|||
this._view = value; |
|||
}, |
|||
enumerable: true, |
|||
configurable: true |
|||
}); |
|||
/** |
|||
* eventHandler |
|||
*/ |
|||
UserController.prototype.eventHandler = function (vm) { |
|||
this.model.someBusinessMethod(vm); |
|||
}; |
|||
UserController.prototype.test = function () { |
|||
var activeUsersMock = []; |
|||
var activeUserViewModelMock = new ActiveUserViewModel_1.ActiveUserViewModel(); |
|||
activeUserViewModelMock.userName = "some user"; |
|||
activeUserViewModelMock.lastActive = "3 hrs ago"; |
|||
activeUserViewModelMock.online = true; |
|||
activeUsersMock.push(activeUserViewModelMock); |
|||
activeUserViewModelMock = new ActiveUserViewModel_1.ActiveUserViewModel(); |
|||
activeUserViewModelMock.lastActive = "3 hrs ago"; |
|||
activeUserViewModelMock.online = true; |
|||
activeUserViewModelMock.userName = "some user 2"; |
|||
activeUsersMock.push(activeUserViewModelMock); |
|||
this.eventHandler(activeUsersMock); |
|||
}; |
|||
return UserController; |
|||
}()); |
|||
exports.UserController = UserController; |
@ -1,58 +0,0 @@ |
|||
"use strict"; |
|||
var __importStar = (this && this.__importStar) || function (mod) { |
|||
if (mod && mod.__esModule) return mod; |
|||
var result = {}; |
|||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; |
|||
result["default"] = mod; |
|||
return result; |
|||
}; |
|||
var __importDefault = (this && this.__importDefault) || function (mod) { |
|||
return (mod && mod.__esModule) ? mod : { "default": mod }; |
|||
}; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
var UserModel_1 = require("./model/UserModel"); |
|||
var UserView_1 = require("./view/UserView"); |
|||
var UserController_1 = require("./controller/UserController"); |
|||
var Handlebars = __importStar(require("handlebars")); |
|||
var markdownit = require("markdown-it"); |
|||
var ChatModel_1 = require("./model/ChatModel"); |
|||
var ChatView_1 = require("./view/ChatView"); |
|||
var ChatController_1 = require("./controller/ChatController"); |
|||
var JsonAPI_1 = require("./singleton/JsonAPI"); |
|||
// import log = require('loglevel')
|
|||
// import * as log from 'loglevel';
|
|||
var loglevel_1 = __importDefault(require("loglevel")); |
|||
var SJCLEncryptionService_1 = require("./service/SJCLEncryptionService"); |
|||
// var markdownit = require('markdown-it');
|
|||
var md = new markdownit(); |
|||
var userBox = document.getElementById('contacts-box'); |
|||
loglevel_1.default.setLevel("TRACE"); |
|||
var chatModel = new ChatModel_1.ChatModel(); |
|||
var userModel = new UserModel_1.UserModel(); |
|||
// const userModel = ModelFactory.createModel("USER");
|
|||
// @ts-ignore: Argument of type 'HTMLElement | null' is not assignable to parameter of type 'HTMLElement'. Type 'null' is not assignable to type 'HTMLElement'.
|
|||
var userView = new UserView_1.UserView(userModel, chatModel, userBox); |
|||
// console.log(userBox);
|
|||
userModel.attach(userView); |
|||
// userView.model
|
|||
var userController = new UserController_1.UserController(userModel, userView); |
|||
userController.test(); |
|||
// userModel.someBusinessMethod(activeUsersMock);
|
|||
loglevel_1.default.info("hello"); |
|||
var chatArea = document.getElementById('chat-area-new'); |
|||
// @ts-ignore: Argument of type 'HTMLElement | null' is not assignable to parameter of type 'HTMLElement'. Type 'null' is not assignable to type 'HTMLElement'.
|
|||
var chatView = new ChatView_1.ChatView(chatModel, chatArea); |
|||
var chatController = new ChatController_1.ChatController(chatModel, chatView); |
|||
function someFunc(vm) { |
|||
// log.info(vm);
|
|||
// logger.info(vm)
|
|||
} |
|||
loglevel_1.default.info("test"); |
|||
// someFunc(activeUserViewModelMock);
|
|||
// @ts-ignore: Object is possibly 'null'.
|
|||
var source = document.getElementById("msg_container_template").innerHTML; |
|||
var msgContainerTemplate = Handlebars.compile(source); |
|||
JsonAPI_1.JsonAPI.ACTIVE_USERS_GET + 'aef'; |
|||
var encryptionService = new SJCLEncryptionService_1.SJCLEncryptionService(); |
|||
var ct = encryptionService.encrypt("password", "data"); |
|||
console.log(encryptionService.decrypt("password", ct)); |
@ -1,2 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
@ -1,162 +0,0 @@ |
|||
"use strict"; |
|||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { |
|||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } |
|||
return new (P || (P = Promise))(function (resolve, reject) { |
|||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } |
|||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } |
|||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } |
|||
step((generator = generator.apply(thisArg, _arguments || [])).next()); |
|||
}); |
|||
}; |
|||
var __generator = (this && this.__generator) || function (thisArg, body) { |
|||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; |
|||
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; |
|||
function verb(n) { return function (v) { return step([n, v]); }; } |
|||
function step(op) { |
|||
if (f) throw new TypeError("Generator is already executing."); |
|||
while (_) try { |
|||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; |
|||
if (y = 0, t) op = [op[0] & 2, t.value]; |
|||
switch (op[0]) { |
|||
case 0: case 1: t = op; break; |
|||
case 4: _.label++; return { value: op[1], done: false }; |
|||
case 5: _.label++; y = op[1]; op = [0]; continue; |
|||
case 7: op = _.ops.pop(); _.trys.pop(); continue; |
|||
default: |
|||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } |
|||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } |
|||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } |
|||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } |
|||
if (t[2]) _.ops.pop(); |
|||
_.trys.pop(); continue; |
|||
} |
|||
op = body.call(thisArg, _); |
|||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } |
|||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; |
|||
} |
|||
}; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
var FetchErrorHandler_1 = require("./FetchErrorHandler"); |
|||
var JsonAPI_1 = require("../singleton/JsonAPI"); |
|||
var log = require("loglevel"); |
|||
var ChatModel = /** @class */ (function () { |
|||
function ChatModel() { |
|||
/** |
|||
* @type {Observer[]} List of subscribers. In real life, the list of |
|||
* subscribers can be stored more comprehensively (categorized by event |
|||
* type, etc.). |
|||
*/ |
|||
this.observers = []; |
|||
// @ts-ignore: Cannot find name 'hostAddress'.
|
|||
this.getActiveUsersUrl = ""; |
|||
this.state = null; |
|||
} |
|||
/** |
|||
* The subscription management methods. |
|||
*/ |
|||
ChatModel.prototype.attach = function (observer) { |
|||
console.log('Subject: Attached an observer.'); |
|||
this.observers.push(observer); |
|||
}; |
|||
ChatModel.prototype.detach = function (observer) { |
|||
var observerIndex = this.observers.indexOf(observer); |
|||
this.observers.splice(observerIndex, 1); |
|||
console.log('Subject: Detached an observer.'); |
|||
}; |
|||
/** |
|||
* Trigger an update in each subscriber. |
|||
*/ |
|||
ChatModel.prototype.notify = function () { |
|||
console.log('Subject: Notifying observers...'); |
|||
for (var _i = 0, _a = this.observers; _i < _a.length; _i++) { |
|||
var observer = _a[_i]; |
|||
observer.update(this.state); |
|||
} |
|||
}; |
|||
ChatModel.prototype.someBusinessMethod = function (activeuserList) { |
|||
this.state = activeuserList; |
|||
this.helperMethod(); |
|||
console.log("Subject: My state has just changed"); |
|||
console.log(activeuserList); |
|||
this.notify(); |
|||
}; |
|||
/** |
|||
* getActiveUsers |
|||
*/ |
|||
ChatModel.prototype.getMessages = function () { |
|||
var _this = this; |
|||
this.getAllMessagesAjax(":") |
|||
.then(function (data) { |
|||
// // activeUsers = data;
|
|||
// sessionStorage.setItem('activeUsers', JSON.stringify(data));
|
|||
// console.log(sessionStorage.getItem('activeUsers'));
|
|||
console.log("Subject: received ajax active users"); |
|||
_this.state = data; |
|||
_this.notify(); |
|||
}); |
|||
}; |
|||
ChatModel.prototype.getAllMessagesAjax = function (authToken2) { |
|||
return __awaiter(this, void 0, Promise, function () { |
|||
var headers, response, data; |
|||
return __generator(this, function (_a) { |
|||
switch (_a.label) { |
|||
case 0: |
|||
headers = new Headers(); |
|||
// headers.append('Authorization', basicAuthToken);
|
|||
if (JsonAPI_1.JsonAPI.authToken == null) { |
|||
log.error("authToken null"); |
|||
return [2 /*return*/]; |
|||
} |
|||
; |
|||
headers.append('X-AUTH-TOKEN', JsonAPI_1.JsonAPI.authToken); |
|||
return [4 /*yield*/, fetch(this.getActiveUsersUrl, { |
|||
method: 'GET', |
|||
headers: headers |
|||
})]; |
|||
case 1: |
|||
response = _a.sent(); |
|||
console.log(response.clone()); |
|||
if (FetchErrorHandler_1.fetchErrorHandler(response.clone())) { |
|||
return [2 /*return*/, null]; |
|||
} |
|||
return [4 /*yield*/, response.json()]; |
|||
case 2: |
|||
data = _a.sent(); |
|||
return [2 /*return*/, data]; |
|||
} |
|||
}); |
|||
}); |
|||
}; |
|||
ChatModel.prototype.getNewMessages = function (authToken, toUser, lastMessageTimeStamp) { |
|||
return __awaiter(this, void 0, void 0, function () { |
|||
var headers, response, data; |
|||
return __generator(this, function (_a) { |
|||
switch (_a.label) { |
|||
case 0: |
|||
headers = new Headers(); |
|||
// headers.append('Authorization', basicAuthToken);
|
|||
headers.append('X-AUTH-TOKEN', authToken); |
|||
return [4 /*yield*/, fetch("" + JsonAPI_1.JsonAPI.CHAT_MESSAGES_GET + toUser + "/" + lastMessageTimeStamp, { |
|||
method: 'GET', |
|||
headers: headers |
|||
})]; |
|||
case 1: |
|||
response = _a.sent(); |
|||
console.log(response.clone()); |
|||
if (FetchErrorHandler_1.fetchErrorHandler(response.clone())) { |
|||
return [2 /*return*/, null]; |
|||
} |
|||
return [4 /*yield*/, response.json()]; |
|||
case 2: |
|||
data = _a.sent(); |
|||
return [2 /*return*/, data]; |
|||
} |
|||
}); |
|||
}); |
|||
}; |
|||
ChatModel.prototype.helperMethod = function () { }; |
|||
ChatModel.prototype.populateMessages = function () { |
|||
}; |
|||
return ChatModel; |
|||
}()); |
|||
exports.ChatModel = ChatModel; |
@ -1,22 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
function fetchErrorHandler(response) { |
|||
// alertify.success('Current position : ' + alertify.get('notifier', 'position'));
|
|||
if (!response.ok) { |
|||
return response.text().catch(function (err) { |
|||
// the status was not ok and there is no json body
|
|||
// throw new Error(response.statusText);
|
|||
// window.alert(sprintf('Some error occured. Http code is %s', response.status));
|
|||
// alertify.error(sprintf('Some error occured. Http code is %s', response.status));
|
|||
return true; |
|||
}).then(function (json) { |
|||
// the status was not ok but there is a json body
|
|||
// throw new Error(json.error.message); // example error message returned by a REST API
|
|||
// window.alert(sprintf('Error: %s (Http code %s)', json, response.status));
|
|||
// alertify.error(sprintf('Some error occured. Http code is %s', response.status));
|
|||
console.log(json); |
|||
return true; |
|||
}); |
|||
} |
|||
} |
|||
exports.fetchErrorHandler = fetchErrorHandler; |
@ -1,17 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
var UserModel_1 = require("./UserModel"); |
|||
var ModelFactory = /** @class */ (function () { |
|||
function ModelFactory() { |
|||
} |
|||
ModelFactory.createModel = function (modelName) { |
|||
switch (modelName) { |
|||
case "USER": |
|||
return new UserModel_1.UserModel(); |
|||
break; |
|||
default: throw new Error("Invalid model name"); |
|||
} |
|||
}; |
|||
return ModelFactory; |
|||
}()); |
|||
exports.ModelFactory = ModelFactory; |
@ -1,126 +0,0 @@ |
|||
"use strict"; |
|||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { |
|||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } |
|||
return new (P || (P = Promise))(function (resolve, reject) { |
|||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } |
|||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } |
|||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } |
|||
step((generator = generator.apply(thisArg, _arguments || [])).next()); |
|||
}); |
|||
}; |
|||
var __generator = (this && this.__generator) || function (thisArg, body) { |
|||
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; |
|||
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; |
|||
function verb(n) { return function (v) { return step([n, v]); }; } |
|||
function step(op) { |
|||
if (f) throw new TypeError("Generator is already executing."); |
|||
while (_) try { |
|||
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; |
|||
if (y = 0, t) op = [op[0] & 2, t.value]; |
|||
switch (op[0]) { |
|||
case 0: case 1: t = op; break; |
|||
case 4: _.label++; return { value: op[1], done: false }; |
|||
case 5: _.label++; y = op[1]; op = [0]; continue; |
|||
case 7: op = _.ops.pop(); _.trys.pop(); continue; |
|||
default: |
|||
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } |
|||
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } |
|||
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } |
|||
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } |
|||
if (t[2]) _.ops.pop(); |
|||
_.trys.pop(); continue; |
|||
} |
|||
op = body.call(thisArg, _); |
|||
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } |
|||
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; |
|||
} |
|||
}; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
var FetchErrorHandler_1 = require("./FetchErrorHandler"); |
|||
var JsonAPI_1 = require("../singleton/JsonAPI"); |
|||
var UserModel = /** @class */ (function () { |
|||
function UserModel() { |
|||
/** |
|||
* @type {Observer[]} List of subscribers. In real life, the list of |
|||
* subscribers can be stored more comprehensively (categorized by event |
|||
* type, etc.). |
|||
*/ |
|||
this.observers = []; |
|||
// @ts-ignore: Cannot find name 'hostAddress'.
|
|||
this.getActiveUsersUrl = ""; |
|||
} |
|||
/** |
|||
* The subscription management methods. |
|||
*/ |
|||
UserModel.prototype.attach = function (observer) { |
|||
console.log('Subject: Attached an observer.'); |
|||
this.observers.push(observer); |
|||
}; |
|||
UserModel.prototype.detach = function (observer) { |
|||
var observerIndex = this.observers.indexOf(observer); |
|||
this.observers.splice(observerIndex, 1); |
|||
console.log('Subject: Detached an observer.'); |
|||
}; |
|||
/** |
|||
* Trigger an update in each subscriber. |
|||
*/ |
|||
UserModel.prototype.notify = function () { |
|||
console.log('Subject: Notifying observers...'); |
|||
for (var _i = 0, _a = this.observers; _i < _a.length; _i++) { |
|||
var observer = _a[_i]; |
|||
observer.update(this.state); |
|||
} |
|||
}; |
|||
UserModel.prototype.someBusinessMethod = function (activeuserList) { |
|||
this.state = activeuserList; |
|||
this.helperMethod(); |
|||
console.log("Subject: My state has just changed"); |
|||
console.log(activeuserList); |
|||
this.notify(); |
|||
}; |
|||
/** |
|||
* getActiveUsers |
|||
*/ |
|||
UserModel.prototype.getActiveUsers = function () { |
|||
var _this = this; |
|||
this.getActiveUsersAjax("", JsonAPI_1.JsonAPI.ACTIVE_USERS_GET) |
|||
.then(function (data) { |
|||
// // activeUsers = data;
|
|||
// sessionStorage.setItem('activeUsers', JSON.stringify(data));
|
|||
// console.log(sessionStorage.getItem('activeUsers'));
|
|||
console.log("Subject: received ajax active users"); |
|||
_this.state = data; |
|||
_this.notify(); |
|||
}); |
|||
}; |
|||
UserModel.prototype.getActiveUsersAjax = function (authToken2, URL) { |
|||
return __awaiter(this, void 0, void 0, function () { |
|||
var headers, response, data; |
|||
return __generator(this, function (_a) { |
|||
switch (_a.label) { |
|||
case 0: |
|||
headers = new Headers(); |
|||
// headers.append('Authorization', basicAuthToken);
|
|||
headers.append('X-AUTH-TOKEN', authToken2); |
|||
return [4 /*yield*/, fetch(this.getActiveUsersUrl, { |
|||
method: 'GET', |
|||
headers: headers |
|||
})]; |
|||
case 1: |
|||
response = _a.sent(); |
|||
console.log(response.clone()); |
|||
if (FetchErrorHandler_1.fetchErrorHandler(response.clone())) { |
|||
return [2 /*return*/, null]; |
|||
} |
|||
return [4 /*yield*/, response.json()]; |
|||
case 2: |
|||
data = _a.sent(); |
|||
return [2 /*return*/, data]; |
|||
} |
|||
}); |
|||
}); |
|||
}; |
|||
UserModel.prototype.helperMethod = function () { }; |
|||
return UserModel; |
|||
}()); |
|||
exports.UserModel = UserModel; |
@ -1,64 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
/** |
|||
* The Subject owns some important state and notifies observers when the state |
|||
* changes. |
|||
*/ |
|||
// class ConcreteSubject implements Subject {
|
|||
// /**
|
|||
// * @type {number} For the sake of simplicity, the Subject's state, essential
|
|||
// * to all subscribers, is stored in this variable.
|
|||
// */
|
|||
// public state: number;
|
|||
// /**
|
|||
// * @type {Observer[]} List of subscribers. In real life, the list of
|
|||
// * subscribers can be stored more comprehensively (categorized by event
|
|||
// * type, etc.).
|
|||
// */
|
|||
// private observers: Observer[] = [];
|
|||
// /**
|
|||
// * The subscription management methods.
|
|||
// */
|
|||
// public attach(observer: Observer): void {
|
|||
// console.log('Subject: Attached an observer.');
|
|||
// this.observers.push(observer);
|
|||
// }
|
|||
// public detach(observer: Observer): void {
|
|||
// const observerIndex = this.observers.indexOf(observer);
|
|||
// this.observers.splice(observerIndex, 1);
|
|||
// console.log('Subject: Detached an observer.');
|
|||
// }
|
|||
// /**
|
|||
// * Trigger an update in each subscriber.
|
|||
// */
|
|||
// public notify(): void {
|
|||
// console.log('Subject: Notifying observers...');
|
|||
// for (const observer of this.observers) {
|
|||
// observer.update(this);
|
|||
// }
|
|||
// }
|
|||
// /**
|
|||
// * Usually, the subscription logic is only a fraction of what a Subject can
|
|||
// * really do. Subjects commonly hold some important business logic, that
|
|||
// * triggers a notification method whenever something important is about to
|
|||
// * happen (or after it).
|
|||
// */
|
|||
// public someBusinessLogic(): void {
|
|||
// console.log('\nSubject: I\'m doing something important.');
|
|||
// this.state = Math.floor(Math.random() * (10 + 1));
|
|||
// console.log(`Subject: My state has just changed to: ${this.state}`);
|
|||
// this.notify();
|
|||
// }
|
|||
// }
|
|||
// /**
|
|||
// * The client code.
|
|||
// */
|
|||
// const subject = new ConcreteSubject();
|
|||
// const observer1 = new ConcreteObserverA();
|
|||
// subject.attach(observer1);
|
|||
// const observer2 = new ConcreteObserverB();
|
|||
// subject.attach(observer2);
|
|||
// subject.someBusinessLogic();
|
|||
// subject.someBusinessLogic();
|
|||
// subject.detach(observer2);
|
|||
// subject.someBusinessLogic();
|
@ -1,27 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
// /**
|
|||
// * The Observer interface declares the update method, used by subjects.
|
|||
// */
|
|||
// interface Observer {
|
|||
// // Receive update from subject.
|
|||
// update(subject: Subject): void;
|
|||
// }
|
|||
// /**
|
|||
// * Concrete Observers react to the updates issued by the Subject they had been
|
|||
// * attached to.
|
|||
// */
|
|||
// class ConcreteObserverA implements Observer {
|
|||
// public update(subject: Subject): void {
|
|||
// if (subject.state < 3) {
|
|||
// console.log('ConcreteObserverA: Reacted to the event.');
|
|||
// }
|
|||
// }
|
|||
// }
|
|||
// class ConcreteObserverB implements Observer {
|
|||
// public update(subject: Subject): void {
|
|||
// if (subject.state === 0 || subject.state >= 2) {
|
|||
// console.log('ConcreteObserverB: Reacted to the event.');
|
|||
// }
|
|||
// }
|
|||
// }
|
@ -1,64 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
/** |
|||
* The Subject owns some important state and notifies observers when the state |
|||
* changes. |
|||
*/ |
|||
// class ConcreteSubject implements Subject {
|
|||
// /**
|
|||
// * @type {number} For the sake of simplicity, the Subject's state, essential
|
|||
// * to all subscribers, is stored in this variable.
|
|||
// */
|
|||
// public state: number;
|
|||
// /**
|
|||
// * @type {Observer[]} List of subscribers. In real life, the list of
|
|||
// * subscribers can be stored more comprehensively (categorized by event
|
|||
// * type, etc.).
|
|||
// */
|
|||
// private observers: Observer[] = [];
|
|||
// /**
|
|||
// * The subscription management methods.
|
|||
// */
|
|||
// public attach(observer: Observer): void {
|
|||
// console.log('Subject: Attached an observer.');
|
|||
// this.observers.push(observer);
|
|||
// }
|
|||
// public detach(observer: Observer): void {
|
|||
// const observerIndex = this.observers.indexOf(observer);
|
|||
// this.observers.splice(observerIndex, 1);
|
|||
// console.log('Subject: Detached an observer.');
|
|||
// }
|
|||
// /**
|
|||
// * Trigger an update in each subscriber.
|
|||
// */
|
|||
// public notify(): void {
|
|||
// console.log('Subject: Notifying observers...');
|
|||
// for (const observer of this.observers) {
|
|||
// observer.update(this);
|
|||
// }
|
|||
// }
|
|||
// /**
|
|||
// * Usually, the subscription logic is only a fraction of what a Subject can
|
|||
// * really do. Subjects commonly hold some important business logic, that
|
|||
// * triggers a notification method whenever something important is about to
|
|||
// * happen (or after it).
|
|||
// */
|
|||
// public someBusinessLogic(): void {
|
|||
// console.log('\nSubject: I\'m doing something important.');
|
|||
// this.state = Math.floor(Math.random() * (10 + 1));
|
|||
// console.log(`Subject: My state has just changed to: ${this.state}`);
|
|||
// this.notify();
|
|||
// }
|
|||
// }
|
|||
// /**
|
|||
// * The client code.
|
|||
// */
|
|||
// const subject = new ConcreteSubject();
|
|||
// const observer1 = new ConcreteObserverA();
|
|||
// subject.attach(observer1);
|
|||
// const observer2 = new ConcreteObserverB();
|
|||
// subject.attach(observer2);
|
|||
// subject.someBusinessLogic();
|
|||
// subject.someBusinessLogic();
|
|||
// subject.detach(observer2);
|
|||
// subject.someBusinessLogic();
|
@ -1,27 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
// /**
|
|||
// * The Observer interface declares the update method, used by subjects.
|
|||
// */
|
|||
// interface Observer {
|
|||
// // Receive update from subject.
|
|||
// update(subject: Subject): void;
|
|||
// }
|
|||
// /**
|
|||
// * Concrete Observers react to the updates issued by the Subject they had been
|
|||
// * attached to.
|
|||
// */
|
|||
// class ConcreteObserverA implements Observer {
|
|||
// public update(subject: Subject): void {
|
|||
// if (subject.state < 3) {
|
|||
// console.log('ConcreteObserverA: Reacted to the event.');
|
|||
// }
|
|||
// }
|
|||
// }
|
|||
// class ConcreteObserverB implements Observer {
|
|||
// public update(subject: Subject): void {
|
|||
// if (subject.state === 0 || subject.state >= 2) {
|
|||
// console.log('ConcreteObserverB: Reacted to the event.');
|
|||
// }
|
|||
// }
|
|||
// }
|
@ -1,2 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
@ -1,23 +0,0 @@ |
|||
"use strict"; |
|||
var __importStar = (this && this.__importStar) || function (mod) { |
|||
if (mod && mod.__esModule) return mod; |
|||
var result = {}; |
|||
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k]; |
|||
result["default"] = mod; |
|||
return result; |
|||
}; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
var sjcl = __importStar(require("sjcl")); |
|||
var SJCLEncryptionService = /** @class */ (function () { |
|||
function SJCLEncryptionService() { |
|||
this.params = { mode: "gcm", ts: 128, adata: "", iter: 10000 }; |
|||
} |
|||
SJCLEncryptionService.prototype.encrypt = function (passphrase, plainText) { |
|||
return sjcl.encrypt(passphrase, plainText, this.params); |
|||
}; |
|||
SJCLEncryptionService.prototype.decrypt = function (passphrase, cipher) { |
|||
return sjcl.decrypt(passphrase, cipher, undefined, undefined); |
|||
}; |
|||
return SJCLEncryptionService; |
|||
}()); |
|||
exports.SJCLEncryptionService = SJCLEncryptionService; |
@ -1,4 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
exports.authToken = null; |
|||
// localStorage.getItem('authToken')
|
@ -1,9 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
var JsonAPI; |
|||
(function (JsonAPI) { |
|||
// @ts-ignore: Cannot find name 'hostAddress'.
|
|||
JsonAPI.authToken = null; |
|||
JsonAPI.ACTIVE_USERS_GET = "/api/chat/get/active-users/"; |
|||
JsonAPI.CHAT_MESSAGES_GET = ""; |
|||
})(JsonAPI = exports.JsonAPI || (exports.JsonAPI = {})); |
@ -1,14 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
var TemplateFactory = /** @class */ (function () { |
|||
function TemplateFactory() { |
|||
} |
|||
TemplateFactory.getTemplate = function () { |
|||
// @ts-ignore: Object is possibly 'null'.
|
|||
var source = document.getElementById("user-contact-online-template").innerHTML; |
|||
var msgContainerTemplate = Handlebars.compile(source); |
|||
return msgContainerTemplate; |
|||
}; |
|||
return TemplateFactory; |
|||
}()); |
|||
exports.TemplateFactory = TemplateFactory; |
@ -1 +0,0 @@ |
|||
"use strict"; |
@ -1,2 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
@ -1,103 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
var TemplateFactory_1 = require("../template/TemplateFactory"); |
|||
var ChatView = /** @class */ (function () { |
|||
// private userBoxes: any[] = [];
|
|||
function ChatView(model, element) { |
|||
this._model = model; |
|||
this._element = element; |
|||
} |
|||
Object.defineProperty(ChatView.prototype, "model", { |
|||
/** |
|||
* Getter model |
|||
* @return {Model} |
|||
*/ |
|||
get: function () { |
|||
return this._model; |
|||
}, |
|||
enumerable: true, |
|||
configurable: true |
|||
}); |
|||
Object.defineProperty(ChatView.prototype, "element", { |
|||
/** |
|||
* Getter element |
|||
* @return {any} |
|||
*/ |
|||
get: function () { |
|||
return this._element; |
|||
}, |
|||
enumerable: true, |
|||
configurable: true |
|||
}); |
|||
// /**
|
|||
// * Setter model
|
|||
// * @param {Model} value
|
|||
// */
|
|||
// public set model(value: Model) {
|
|||
// this._model = value;
|
|||
// }
|
|||
// /**
|
|||
// * Setter element
|
|||
// * @param {any} value
|
|||
// */
|
|||
// public set element(value: any) {
|
|||
// this._element = value;
|
|||
// }
|
|||
ChatView.prototype.update = function (data) { |
|||
var template = TemplateFactory_1.TemplateFactory.getTemplate(); |
|||
var html = ""; |
|||
data.forEach(function (element) { |
|||
html += template(element); |
|||
}); |
|||
this.element.innerHTML = html; |
|||
this.addUserCallBacks(); |
|||
console.log(this.element.innerHTML); |
|||
}; |
|||
ChatView.prototype.helper = function () { |
|||
}; |
|||
ChatView.prototype.addUserCallBacks = function () { |
|||
var userBoxes = document.getElementsByClassName('user-box'); |
|||
for (var i = 0; i < userBoxes.length; i++) { |
|||
var userBox = userBoxes[i]; |
|||
userBoxes[i].addEventListener('click', this.userCallBack.bind(this, userBox)); |
|||
} |
|||
}; |
|||
ChatView.prototype.userCallBack = function (el) { |
|||
var current = document.getElementsByClassName('user-box active'); |
|||
var passphrase = ""; |
|||
if (current.length > 0) { |
|||
if (passphrase == '') { |
|||
// alert('Please input passphrase')
|
|||
// alertify.error('Please enter a passphrase');
|
|||
// return;
|
|||
} |
|||
current[0].className = current[0].className.replace(" active", ""); |
|||
} |
|||
// Add the active class to the current/clicked button
|
|||
else if (current.length == 0) { |
|||
var elem_1 = document.getElementById('passphrase-initial'); |
|||
passphrase = ""; |
|||
if (passphrase == '') { |
|||
// // alert('Please input passphrase')
|
|||
// // alertify.error('Please enter a passphrase');
|
|||
// return;
|
|||
} |
|||
// @ts-ignore: Object is possibly 'null'.
|
|||
document.getElementById('no-user-selected').hidden = true; |
|||
// @ts-ignore: Object is possibly 'null'.
|
|||
document.getElementById('chat-card').hidden = false; |
|||
// @ts-ignore: Object is possibly 'null'.
|
|||
elem_1.hidden = true; |
|||
} |
|||
// console.log(this.getElementsByClassName('to-user-span'));
|
|||
var elem = el.getElementsByClassName('to-user-span')[0]; |
|||
var userName = elem.innerText; |
|||
// @ts-ignore: Object is possibly 'null'.
|
|||
document.getElementById('user-name-span').innerText = userName; |
|||
// populateMessages(userName, passphrase);
|
|||
sessionStorage.setItem('selectedUser', userName); |
|||
el.className += " active"; |
|||
}; |
|||
return ChatView; |
|||
}()); |
|||
exports.ChatView = ChatView; |
@ -1,104 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
var TemplateFactory_1 = require("../template/TemplateFactory"); |
|||
var UserView = /** @class */ (function () { |
|||
// private userBoxes: any[] = [];
|
|||
function UserView(model, chatModel, element) { |
|||
this._model = model; |
|||
this._chatModel = chatModel; |
|||
this._element = element; |
|||
} |
|||
Object.defineProperty(UserView.prototype, "model", { |
|||
/** |
|||
* Getter model |
|||
* @return {Model} |
|||
*/ |
|||
get: function () { |
|||
return this._model; |
|||
}, |
|||
enumerable: true, |
|||
configurable: true |
|||
}); |
|||
Object.defineProperty(UserView.prototype, "element", { |
|||
/** |
|||
* Getter element |
|||
* @return {any} |
|||
*/ |
|||
get: function () { |
|||
return this._element; |
|||
}, |
|||
enumerable: true, |
|||
configurable: true |
|||
}); |
|||
// /**
|
|||
// * Setter model
|
|||
// * @param {Model} value
|
|||
// */
|
|||
// public set model(value: Model) {
|
|||
// this._model = value;
|
|||
// }
|
|||
// /**
|
|||
// * Setter element
|
|||
// * @param {any} value
|
|||
// */
|
|||
// public set element(value: any) {
|
|||
// this._element = value;
|
|||
// }
|
|||
UserView.prototype.update = function (data) { |
|||
var template = TemplateFactory_1.TemplateFactory.getTemplate(); |
|||
var html = ""; |
|||
data.forEach(function (element) { |
|||
html += template(element); |
|||
}); |
|||
this.element.innerHTML = html; |
|||
this.addUserCallBacks(); |
|||
console.log(this.element.innerHTML); |
|||
}; |
|||
UserView.prototype.helper = function () { |
|||
}; |
|||
UserView.prototype.addUserCallBacks = function () { |
|||
var userBoxes = document.getElementsByClassName('user-box'); |
|||
for (var i = 0; i < userBoxes.length; i++) { |
|||
var userBox = userBoxes[i]; |
|||
userBoxes[i].addEventListener('click', this.userCallBack.bind(this, userBox)); |
|||
} |
|||
}; |
|||
UserView.prototype.userCallBack = function (el) { |
|||
var current = document.getElementsByClassName('user-box active'); |
|||
var passphrase = ""; |
|||
if (current.length > 0) { |
|||
if (passphrase == '') { |
|||
// alert('Please input passphrase')
|
|||
// alertify.error('Please enter a passphrase');
|
|||
// return;
|
|||
} |
|||
current[0].className = current[0].className.replace(" active", ""); |
|||
} |
|||
// Add the active class to the current/clicked button
|
|||
else if (current.length == 0) { |
|||
var elem_1 = document.getElementById('passphrase-initial'); |
|||
passphrase = ""; |
|||
if (passphrase == '') { |
|||
// // alert('Please input passphrase')
|
|||
// // alertify.error('Please enter a passphrase');
|
|||
// return;
|
|||
} |
|||
// @ts-ignore: Object is possibly 'null'.
|
|||
document.getElementById('no-user-selected').hidden = true; |
|||
// @ts-ignore: Object is possibly 'null'.
|
|||
document.getElementById('chat-card').hidden = false; |
|||
// @ts-ignore: Object is possibly 'null'.
|
|||
elem_1.hidden = true; |
|||
} |
|||
// console.log(this.getElementsByClassName('to-user-span'));
|
|||
var elem = el.getElementsByClassName('to-user-span')[0]; |
|||
var userName = elem.innerText; |
|||
// @ts-ignore: Object is possibly 'null'.
|
|||
document.getElementById('user-name-span').innerText = userName; |
|||
// populateMessages(userName, passphrase);
|
|||
sessionStorage.setItem('selectedUser', userName); |
|||
el.className += " active"; |
|||
}; |
|||
return UserView; |
|||
}()); |
|||
exports.UserView = UserView; |
@ -1,8 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
var ActiveUserViewModel = /** @class */ (function () { |
|||
function ActiveUserViewModel() { |
|||
} |
|||
return ActiveUserViewModel; |
|||
}()); |
|||
exports.ActiveUserViewModel = ActiveUserViewModel; |
@ -1,8 +0,0 @@ |
|||
"use strict"; |
|||
Object.defineProperty(exports, "__esModule", { value: true }); |
|||
var ChatMessageViewModel = /** @class */ (function () { |
|||
function ChatMessageViewModel() { |
|||
} |
|||
return ChatMessageViewModel; |
|||
}()); |
|||
exports.ChatMessageViewModel = ChatMessageViewModel; |
Write
Preview
Loading…
Cancel
Save
Reference in new issue