@amc-technology/ui-library 1.0.99 → 1.0.101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/amc-technology-ui-library.mjs +5 -0
- package/esm2022/projects/UILibrary/src/app/Helpers.mjs +11 -0
- package/esm2022/projects/UILibrary/src/app/components/activity/activity.component.mjs +79 -0
- package/esm2022/projects/UILibrary/src/app/components/chat-box/chat-box.component.mjs +137 -0
- package/esm2022/projects/UILibrary/src/app/components/chat-message/chat-message.component.mjs +40 -0
- package/esm2022/projects/UILibrary/src/app/components/create/create.component.mjs +34 -0
- package/esm2022/projects/UILibrary/src/app/components/current-activity/current-activity.component.mjs +170 -0
- package/esm2022/projects/UILibrary/src/app/components/disposition/disposition.component.mjs +47 -0
- package/esm2022/projects/UILibrary/src/app/components/duration/duration.component.mjs +58 -0
- package/esm2022/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.mjs +72 -0
- package/esm2022/projects/UILibrary/src/app/components/interaction/interaction.component.mjs +98 -0
- package/esm2022/projects/UILibrary/src/app/components/login/login.component.mjs +41 -0
- package/esm2022/projects/UILibrary/src/app/components/operation/operation.component.mjs +56 -0
- package/esm2022/projects/UILibrary/src/app/components/property/property.component.mjs +106 -0
- package/esm2022/projects/UILibrary/src/app/components/recent-activity/recent-activity.component.mjs +144 -0
- package/esm2022/projects/UILibrary/src/app/components/scenario/scenario.component.mjs +38 -0
- package/esm2022/projects/UILibrary/src/app/components/search-information/search-information.component.mjs +160 -0
- package/esm2022/projects/UILibrary/src/app/models/IActivity.mjs +2 -0
- package/esm2022/projects/UILibrary/src/app/models/IActivityDetails.mjs +2 -0
- package/esm2022/projects/UILibrary/src/app/models/IHoldActivityDetails.mjs +2 -0
- package/esm2022/projects/UILibrary/src/app/models/IInteractionActivityDetails.mjs +2 -0
- package/esm2022/projects/UILibrary/src/app/models/chat.message.mjs +7 -0
- package/esm2022/projects/UILibrary/src/app/models/chat.settings.mjs +2 -0
- package/esm2022/projects/UILibrary/src/app/models/disposition.interface.mjs +2 -0
- package/esm2022/projects/UILibrary/src/app/models/login.interface.mjs +2 -0
- package/esm2022/projects/UILibrary/src/app/models/uilibrary.model.mjs +61 -0
- package/esm2022/projects/UILibrary/src/app/uilibrary.module.mjs +106 -0
- package/esm2022/public_api.mjs +10 -0
- package/fesm2022/amc-technology-ui-library.mjs +1393 -0
- package/fesm2022/amc-technology-ui-library.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/package.json +26 -21
- package/projects/UILibrary/src/app/Helpers.d.ts +1 -1
- package/projects/UILibrary/src/app/components/activity/activity.component.d.ts +26 -23
- package/projects/UILibrary/src/app/components/chat-box/chat-box.component.d.ts +38 -35
- package/projects/UILibrary/src/app/components/chat-message/chat-message.component.d.ts +16 -13
- package/projects/UILibrary/src/app/components/create/create.component.d.ts +14 -11
- package/projects/UILibrary/src/app/components/current-activity/current-activity.component.d.ts +37 -34
- package/projects/UILibrary/src/app/components/disposition/disposition.component.d.ts +15 -12
- package/projects/UILibrary/src/app/components/duration/duration.component.d.ts +19 -16
- package/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.d.ts +24 -21
- package/projects/UILibrary/src/app/components/interaction/interaction.component.d.ts +44 -41
- package/projects/UILibrary/src/app/components/login/login.component.d.ts +14 -11
- package/projects/UILibrary/src/app/components/operation/operation.component.d.ts +25 -22
- package/projects/UILibrary/src/app/components/property/property.component.d.ts +44 -41
- package/projects/UILibrary/src/app/components/recent-activity/recent-activity.component.d.ts +38 -35
- package/projects/UILibrary/src/app/components/scenario/scenario.component.d.ts +16 -13
- package/projects/UILibrary/src/app/components/search-information/search-information.component.d.ts +29 -26
- package/projects/UILibrary/src/app/models/IActivity.d.ts +36 -36
- package/projects/UILibrary/src/app/models/IActivityDetails.d.ts +7 -7
- package/projects/UILibrary/src/app/models/IHoldActivityDetails.d.ts +10 -10
- package/projects/UILibrary/src/app/models/IInteractionActivityDetails.d.ts +9 -9
- package/projects/UILibrary/src/app/models/chat.message.d.ts +15 -15
- package/projects/UILibrary/src/app/models/chat.settings.d.ts +6 -6
- package/projects/UILibrary/src/app/models/disposition.interface.d.ts +12 -12
- package/projects/UILibrary/src/app/models/login.interface.d.ts +13 -13
- package/projects/UILibrary/src/app/models/uilibrary.model.d.ts +281 -281
- package/projects/UILibrary/src/app/uilibrary.module.d.ts +30 -7
- package/public_api.d.ts +9 -1
- package/webcomponents/webcomponents.js +3 -3
- package/amc-technology-ui-library.d.ts +0 -19
- package/amc-technology-ui-library.metadata.json +0 -1
- package/bundles/amc-technology-ui-library.umd.js +0 -1653
- package/bundles/amc-technology-ui-library.umd.js.map +0 -1
- package/bundles/amc-technology-ui-library.umd.min.js +0 -16
- package/bundles/amc-technology-ui-library.umd.min.js.map +0 -1
- package/esm2015/amc-technology-ui-library.js +0 -20
- package/esm2015/projects/UILibrary/src/app/Helpers.js +0 -11
- package/esm2015/projects/UILibrary/src/app/components/activity/activity.component.js +0 -83
- package/esm2015/projects/UILibrary/src/app/components/chat-box/chat-box.component.js +0 -139
- package/esm2015/projects/UILibrary/src/app/components/chat-message/chat-message.component.js +0 -44
- package/esm2015/projects/UILibrary/src/app/components/create/create.component.js +0 -35
- package/esm2015/projects/UILibrary/src/app/components/current-activity/current-activity.component.js +0 -169
- package/esm2015/projects/UILibrary/src/app/components/disposition/disposition.component.js +0 -49
- package/esm2015/projects/UILibrary/src/app/components/duration/duration.component.js +0 -58
- package/esm2015/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.js +0 -72
- package/esm2015/projects/UILibrary/src/app/components/interaction/interaction.component.js +0 -93
- package/esm2015/projects/UILibrary/src/app/components/login/login.component.js +0 -43
- package/esm2015/projects/UILibrary/src/app/components/operation/operation.component.js +0 -57
- package/esm2015/projects/UILibrary/src/app/components/property/property.component.js +0 -99
- package/esm2015/projects/UILibrary/src/app/components/recent-activity/recent-activity.component.js +0 -142
- package/esm2015/projects/UILibrary/src/app/components/scenario/scenario.component.js +0 -43
- package/esm2015/projects/UILibrary/src/app/components/search-information/search-information.component.js +0 -155
- package/esm2015/projects/UILibrary/src/app/models/IActivity.js +0 -1
- package/esm2015/projects/UILibrary/src/app/models/IActivityDetails.js +0 -1
- package/esm2015/projects/UILibrary/src/app/models/IHoldActivityDetails.js +0 -1
- package/esm2015/projects/UILibrary/src/app/models/IInteractionActivityDetails.js +0 -1
- package/esm2015/projects/UILibrary/src/app/models/chat.message.js +0 -7
- package/esm2015/projects/UILibrary/src/app/models/chat.settings.js +0 -1
- package/esm2015/projects/UILibrary/src/app/models/disposition.interface.js +0 -1
- package/esm2015/projects/UILibrary/src/app/models/login.interface.js +0 -1
- package/esm2015/projects/UILibrary/src/app/models/uilibrary.model.js +0 -40
- package/esm2015/projects/UILibrary/src/app/uilibrary.module.js +0 -83
- package/esm2015/public_api.js +0 -2
- package/esm5/amc-technology-ui-library.js +0 -20
- package/esm5/projects/UILibrary/src/app/Helpers.js +0 -11
- package/esm5/projects/UILibrary/src/app/components/activity/activity.component.js +0 -84
- package/esm5/projects/UILibrary/src/app/components/chat-box/chat-box.component.js +0 -140
- package/esm5/projects/UILibrary/src/app/components/chat-message/chat-message.component.js +0 -45
- package/esm5/projects/UILibrary/src/app/components/create/create.component.js +0 -36
- package/esm5/projects/UILibrary/src/app/components/current-activity/current-activity.component.js +0 -174
- package/esm5/projects/UILibrary/src/app/components/disposition/disposition.component.js +0 -61
- package/esm5/projects/UILibrary/src/app/components/duration/duration.component.js +0 -60
- package/esm5/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.js +0 -74
- package/esm5/projects/UILibrary/src/app/components/interaction/interaction.component.js +0 -98
- package/esm5/projects/UILibrary/src/app/components/login/login.component.js +0 -66
- package/esm5/projects/UILibrary/src/app/components/operation/operation.component.js +0 -58
- package/esm5/projects/UILibrary/src/app/components/property/property.component.js +0 -101
- package/esm5/projects/UILibrary/src/app/components/recent-activity/recent-activity.component.js +0 -144
- package/esm5/projects/UILibrary/src/app/components/scenario/scenario.component.js +0 -44
- package/esm5/projects/UILibrary/src/app/components/search-information/search-information.component.js +0 -156
- package/esm5/projects/UILibrary/src/app/models/IActivity.js +0 -1
- package/esm5/projects/UILibrary/src/app/models/IActivityDetails.js +0 -1
- package/esm5/projects/UILibrary/src/app/models/IHoldActivityDetails.js +0 -1
- package/esm5/projects/UILibrary/src/app/models/IInteractionActivityDetails.js +0 -1
- package/esm5/projects/UILibrary/src/app/models/chat.message.js +0 -7
- package/esm5/projects/UILibrary/src/app/models/chat.settings.js +0 -1
- package/esm5/projects/UILibrary/src/app/models/disposition.interface.js +0 -1
- package/esm5/projects/UILibrary/src/app/models/login.interface.js +0 -1
- package/esm5/projects/UILibrary/src/app/models/uilibrary.model.js +0 -43
- package/esm5/projects/UILibrary/src/app/uilibrary.module.js +0 -84
- package/esm5/public_api.js +0 -2
- package/fesm2015/amc-technology-ui-library.js +0 -1360
- package/fesm2015/amc-technology-ui-library.js.map +0 -1
- package/fesm5/amc-technology-ui-library.js +0 -1423
- package/fesm5/amc-technology-ui-library.js.map +0 -1
- package/src/typings.d.ts +0 -5
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { Component, Input, Output, EventEmitter, ViewChild, ElementRef, AfterViewChecked, AfterViewInit, OnInit, Renderer2 } from '@angular/core';
|
|
3
|
-
import { IChatMessageType } from '../../models/chat.message';
|
|
4
|
-
var ChatBoxComponent = /** @class */ (function () {
|
|
5
|
-
function ChatBoxComponent(renderer) {
|
|
6
|
-
this.renderer = renderer;
|
|
7
|
-
this.isTyping = false;
|
|
8
|
-
this.lastCount = -1;
|
|
9
|
-
this._isAgentTyping = false;
|
|
10
|
-
this.isAgentTyping = new EventEmitter();
|
|
11
|
-
this.newMessage = new EventEmitter();
|
|
12
|
-
this.newMessageText = '';
|
|
13
|
-
this.usernameToColor = {};
|
|
14
|
-
this.colors = [
|
|
15
|
-
'#c2c4c4',
|
|
16
|
-
'#ffab91',
|
|
17
|
-
'#f48fb1',
|
|
18
|
-
'#29b6f6',
|
|
19
|
-
'#e1bee7',
|
|
20
|
-
'#9ccc65',
|
|
21
|
-
'#ffc107',
|
|
22
|
-
'#26c6da',
|
|
23
|
-
'#cddc39',
|
|
24
|
-
];
|
|
25
|
-
this.colorsIndex = 0;
|
|
26
|
-
this.agentColor = '#2db0e0';
|
|
27
|
-
}
|
|
28
|
-
ChatBoxComponent.prototype.ngOnInit = function () {
|
|
29
|
-
this.renderer.selectRootElement('#autofocus').focus();
|
|
30
|
-
};
|
|
31
|
-
ChatBoxComponent.prototype.ngAfterViewInit = function () {
|
|
32
|
-
this.renderer.selectRootElement('#autofocus').focus();
|
|
33
|
-
};
|
|
34
|
-
ChatBoxComponent.prototype.updatedMessage = function () {
|
|
35
|
-
try {
|
|
36
|
-
if (typeof this.newMsgs !== 'undefined' && this.newMsgs.length > 0) {
|
|
37
|
-
return this.newMsgs;
|
|
38
|
-
}
|
|
39
|
-
else {
|
|
40
|
-
return this.messages;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
catch (e) { }
|
|
44
|
-
finally {
|
|
45
|
-
this.scrollToBottom();
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
ChatBoxComponent.prototype.ngAfterViewChecked = function () {
|
|
49
|
-
if (this.lastCount !== this.messages.length) {
|
|
50
|
-
this.lastCount = this.messages.length;
|
|
51
|
-
this.scrollToBottom();
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
ChatBoxComponent.prototype.getColor = function (message) {
|
|
55
|
-
if (message.type && message.type === IChatMessageType.AGENT) {
|
|
56
|
-
return this.agentColor;
|
|
57
|
-
}
|
|
58
|
-
else if (message.username) {
|
|
59
|
-
if (!this.usernameToColor[message.username]) {
|
|
60
|
-
this.usernameToColor[message.username] = this.colors[this.colorsIndex];
|
|
61
|
-
this.colorsIndex = (this.colorsIndex + 1) % this.colors.length;
|
|
62
|
-
}
|
|
63
|
-
return this.usernameToColor[message.username];
|
|
64
|
-
}
|
|
65
|
-
else {
|
|
66
|
-
return this.colors[0];
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
ChatBoxComponent.prototype.shouldAlignRight = function (message) {
|
|
70
|
-
return message.type && message.type === IChatMessageType.AGENT;
|
|
71
|
-
};
|
|
72
|
-
ChatBoxComponent.prototype.sendNewMessage = function (event) {
|
|
73
|
-
event.preventDefault();
|
|
74
|
-
if (this.newMessageText) {
|
|
75
|
-
this.newMessage.emit(this.newMessageText);
|
|
76
|
-
this.newMessageText = '';
|
|
77
|
-
}
|
|
78
|
-
this.renderer.selectRootElement('#autofocus').focus();
|
|
79
|
-
};
|
|
80
|
-
ChatBoxComponent.prototype.setOnFocus = function (event) {
|
|
81
|
-
this.renderer.selectRootElement('#autofocus').focus();
|
|
82
|
-
};
|
|
83
|
-
ChatBoxComponent.prototype.onNewMessageFocus = function (event) {
|
|
84
|
-
var isTyping = event && this.newMessageText.length > 0;
|
|
85
|
-
if (isTyping !== this._isAgentTyping) {
|
|
86
|
-
this._isAgentTyping = isTyping;
|
|
87
|
-
this.isAgentTyping.emit(isTyping);
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
ChatBoxComponent.prototype.onKeyup = function () {
|
|
91
|
-
var isTyping = this.newMessageText.length > 0;
|
|
92
|
-
if (isTyping !== this._isAgentTyping) {
|
|
93
|
-
this._isAgentTyping = isTyping;
|
|
94
|
-
this.isAgentTyping.emit(isTyping);
|
|
95
|
-
}
|
|
96
|
-
};
|
|
97
|
-
ChatBoxComponent.prototype.scrollToBottom = function () {
|
|
98
|
-
try {
|
|
99
|
-
this.messagesContainer.nativeElement.scrollTop = this.messagesContainer.nativeElement.scrollHeight;
|
|
100
|
-
}
|
|
101
|
-
catch (e) { }
|
|
102
|
-
};
|
|
103
|
-
ChatBoxComponent.ctorParameters = function () { return [
|
|
104
|
-
{ type: Renderer2 }
|
|
105
|
-
]; };
|
|
106
|
-
__decorate([
|
|
107
|
-
Input()
|
|
108
|
-
], ChatBoxComponent.prototype, "settings", void 0);
|
|
109
|
-
__decorate([
|
|
110
|
-
Input()
|
|
111
|
-
], ChatBoxComponent.prototype, "isTyping", void 0);
|
|
112
|
-
__decorate([
|
|
113
|
-
Input()
|
|
114
|
-
], ChatBoxComponent.prototype, "messages", void 0);
|
|
115
|
-
__decorate([
|
|
116
|
-
Input()
|
|
117
|
-
], ChatBoxComponent.prototype, "newMsgs", void 0);
|
|
118
|
-
__decorate([
|
|
119
|
-
Output()
|
|
120
|
-
], ChatBoxComponent.prototype, "isAgentTyping", void 0);
|
|
121
|
-
__decorate([
|
|
122
|
-
Output()
|
|
123
|
-
], ChatBoxComponent.prototype, "newMessage", void 0);
|
|
124
|
-
__decorate([
|
|
125
|
-
ViewChild('MessagesContainer', { static: true })
|
|
126
|
-
], ChatBoxComponent.prototype, "messagesContainer", void 0);
|
|
127
|
-
__decorate([
|
|
128
|
-
ViewChild('autofocus', { static: false })
|
|
129
|
-
], ChatBoxComponent.prototype, "autofocus", void 0);
|
|
130
|
-
ChatBoxComponent = __decorate([
|
|
131
|
-
Component({
|
|
132
|
-
selector: 'app-chat-box',
|
|
133
|
-
template: "<div class=\"chat-box\">\r\n <div #MessagesContainer id=\"msgScroll\" class=\"messages\" [style.max-height]='settings.maxHeight'>\r\n <ng-container *ngFor=\"let message of updatedMessage()\">\r\n <app-chat-message class=\"chat-line\" [alignRight]=\"shouldAlignRight(message)\" [message]=\"message.text\" [username]=\"message.username\" (focusOn)=\"setOnFocus($event)\"\r\n [timestamp]=\"message.timestamp\" [image]=\"message.userIcon\" [fallbackImage]=\"settings.fallbackUserIcon\" [color]=\"getColor(message)\">\r\n </app-chat-message>\r\n </ng-container>\r\n\r\n <div *ngIf=\"isTyping\" class=\"typing-indicator\">\r\n Someone is typing\r\n <span></span>\r\n <span></span>\r\n <span></span>\r\n </div>\r\n </div>\r\n\r\n\r\n\r\n<div class=\"message-box\">\r\n <textarea id=\"autofocus\" tabindex=\"1\" #NewMessageText [(ngModel)]=\"newMessageText\" type=\"text\" class=\"message-input scroll\" placeholder=\"Type a message...\"\r\n (focus)=\"onNewMessageFocus(true)\" (keydown.enter)=\"sendNewMessage($event)\" (keyup)='onKeyup()' [disabled]=\"settings.disableSendMessage\" ></textarea>\r\n <button type=\"submit\" class=\"message-submit\" (click)=\"sendNewMessage($event)\" [disabled]=\"settings.disableSendMessage\">Send</button>\r\n</div>\r\n</div>\r\n",
|
|
134
|
-
styles: [".message-box{flex:1 1 0;width:99%;background:#fff;margin:auto;position:relative;border-radius:5px;height:100%;border:1px solid #ccc}.message-box .message-input{background:0 0;border:none;outline:0!important;resize:none;font-family:inherit;font-size:.8rem;height:100%;margin:0;padding:10px 7px;width:89%;color:#444}.message-box textarea:focus:-webkit-placeholder{color:transparent}.message-box .message-submit{position:absolute;z-index:1;top:26px;right:5px;background:#1e72ba;border:none;color:#fff;font-size:10px;line-height:1;padding:6px 10px;border-radius:5px;outline:0!important;transition:background .2s;cursor:pointer}.scroll::-webkit-scrollbar{display:none}.chat-box{background-color:#f4f5fb;padding:5px}.messages{padding:5px;overflow:auto;min-height:50px}.chat-line{margin-bottom:15px}.new-message{border-top:1px solid #000;display:flex;align-content:center;height:25px}.new-message input[type=text]{flex:1 1 0;background-color:#f4f5fb;border:none;min-width:0}.new-message input[type=image]{position:relative;top:50%;transform:translateY(-50%);height:20px;cursor:pointer}.new-message input[type=image]:disabled{opacity:.5;cursor:auto}.new-message input:focus{outline:0}.typing-indicator{font-size:.8em;font-style:italic}.typing-indicator span{display:inline-block;height:4px;width:4px;border-radius:50%;background-color:#9e9e9e;margin:0 1px;opacity:.2}.typing-indicator span:nth-of-type(1){animation:1.5s .33333s infinite blink}.typing-indicator span:nth-of-type(2){animation:1.5s .66666s infinite blink}.typing-indicator span:nth-of-type(3){animation:1.5s .99999s infinite blink}@keyframes blink{50%{opacity:1}}"]
|
|
135
|
-
})
|
|
136
|
-
], ChatBoxComponent);
|
|
137
|
-
return ChatBoxComponent;
|
|
138
|
-
}());
|
|
139
|
-
export { ChatBoxComponent };
|
|
140
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1ib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFtYy10ZWNobm9sb2d5L3VpLWxpYnJhcnkvIiwic291cmNlcyI6WyJwcm9qZWN0cy9VSUxpYnJhcnkvc3JjL2FwcC9jb21wb25lbnRzL2NoYXQtYm94L2NoYXQtYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLGFBQWEsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xKLE9BQU8sRUFBZ0IsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQVEzRTtJQWdDRSwwQkFBb0IsUUFBa0I7UUFBbEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQTlCN0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUlsQixjQUFTLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFFdkIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDYixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFFNUMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDbEQsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFLcEIsb0JBQWUsR0FBbUMsRUFBRSxDQUFDO1FBQ3JELFdBQU0sR0FBRztZQUNQLFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztTQUNWLENBQUM7UUFDRixnQkFBVyxHQUFHLENBQUMsQ0FBQztRQUNoQixlQUFVLEdBQUcsU0FBUyxDQUFDO0lBR3ZCLENBQUM7SUFDQyxtQ0FBUSxHQUFSO1FBQ0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMxRCxDQUFDO0lBRUYsMENBQWUsR0FBZjtRQUNHLElBQUksQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDeEQsQ0FBQztJQUVELHlDQUFjLEdBQWQ7UUFDRSxJQUFJO1lBQ0YsSUFBSSxPQUFPLElBQUksQ0FBQyxPQUFPLEtBQUssV0FBVyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDbEUsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO2FBQ3JCO2lCQUFNO2dCQUNMLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQzthQUN0QjtTQUNGO1FBQUEsT0FBTyxDQUFDLEVBQUUsR0FBRztnQkFDTjtZQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUN2QjtJQUVILENBQUM7SUFFRCw2Q0FBa0IsR0FBbEI7UUFDRSxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUU7WUFDM0MsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUN0QyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7U0FFdkI7SUFDSCxDQUFDO0lBRUQsbUNBQVEsR0FBUixVQUFTLE9BQXFCO1FBQzVCLElBQUksT0FBTyxDQUFDLElBQUksSUFBSSxPQUFPLENBQUMsSUFBSSxLQUFLLGdCQUFnQixDQUFDLEtBQUssRUFBRTtZQUMzRCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7U0FDeEI7YUFBTSxJQUFJLE9BQU8sQ0FBQyxRQUFRLEVBQUU7WUFDM0IsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFO2dCQUMzQyxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDdkUsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUM7YUFDaEU7WUFDRCxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQy9DO2FBQU07WUFDTCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDdkI7SUFDSCxDQUFDO0lBRUQsMkNBQWdCLEdBQWhCLFVBQWlCLE9BQXFCO1FBQ3BDLE9BQU8sT0FBTyxDQUFDLElBQUksSUFBSSxPQUFPLENBQUMsSUFBSSxLQUFLLGdCQUFnQixDQUFDLEtBQUssQ0FBQztJQUNqRSxDQUFDO0lBRUQseUNBQWMsR0FBZCxVQUFlLEtBQUs7UUFDbEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7WUFDMUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7U0FDMUI7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLFlBQVksQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3hELENBQUM7SUFFRCxxQ0FBVSxHQUFWLFVBQVcsS0FBSztRQUNkLElBQUksQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDeEQsQ0FBQztJQUVELDRDQUFpQixHQUFqQixVQUFrQixLQUFjO1FBQzlCLElBQU0sUUFBUSxHQUFHLEtBQUssSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDekQsSUFBSSxRQUFRLEtBQUssSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNwQyxJQUFJLENBQUMsY0FBYyxHQUFHLFFBQVEsQ0FBQztZQUMvQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUNuQztJQUNILENBQUM7SUFFRCxrQ0FBTyxHQUFQO1FBQ0UsSUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ2hELElBQUksUUFBUSxLQUFLLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFRLENBQUM7WUFDL0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDO0lBRUQseUNBQWMsR0FBZDtRQUNFLElBQUk7WUFDRixJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztTQUNwRztRQUNELE9BQU8sQ0FBQyxFQUFFLEdBQUc7SUFDZixDQUFDOztnQkFwRjRCLFNBQVM7O0lBL0I3QjtRQUFSLEtBQUssRUFBRTtzREFBeUI7SUFDeEI7UUFBUixLQUFLLEVBQUU7c0RBQWtCO0lBRWpCO1FBQVIsS0FBSyxFQUFFO3NEQUEwQjtJQUN6QjtRQUFSLEtBQUssRUFBRTtxREFBeUI7SUFJdkI7UUFBVCxNQUFNLEVBQUU7MkRBQTZDO0lBRTVDO1FBQVQsTUFBTSxFQUFFO3dEQUF5QztJQUdBO1FBQWpELFNBQVMsQ0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQzsrREFBK0I7SUFDckM7UUFBMUMsU0FBUyxDQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQzt1REFBdUI7SUFmdEQsZ0JBQWdCO1FBTDVCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxjQUFjO1lBQ3hCLDJ5Q0FBd0M7O1NBRXpDLENBQUM7T0FDVyxnQkFBZ0IsQ0FxSDVCO0lBQUQsdUJBQUM7Q0FBQSxBQXJIRCxJQXFIQztTQXJIWSxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVmlld0NoaWxkLCBFbGVtZW50UmVmLCBBZnRlclZpZXdDaGVja2VkLCBBZnRlclZpZXdJbml0LCBPbkluaXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJQ2hhdE1lc3NhZ2UsIElDaGF0TWVzc2FnZVR5cGUgfSBmcm9tICcuLi8uLi9tb2RlbHMvY2hhdC5tZXNzYWdlJztcclxuaW1wb3J0IHsgSUNoYXRTZXR0aW5ncyB9IGZyb20gJy4uLy4uL21vZGVscy9jaGF0LnNldHRpbmdzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNoYXQtYm94JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hhdC1ib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NoYXQtYm94LmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaGF0Qm94Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3Q2hlY2tlZCwgQWZ0ZXJWaWV3SW5pdCwgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZXR0aW5nczogSUNoYXRTZXR0aW5ncztcclxuICBASW5wdXQoKSBpc1R5cGluZyA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSBtZXNzYWdlczogSUNoYXRNZXNzYWdlW107XHJcbiAgQElucHV0KCkgbmV3TXNnczogSUNoYXRNZXNzYWdlW107XHJcbiAgcHJpdmF0ZSBsYXN0Q291bnQgPSAtMTtcclxuXHJcbiAgX2lzQWdlbnRUeXBpbmcgPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgaXNBZ2VudFR5cGluZyA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgQE91dHB1dCgpIG5ld01lc3NhZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBuZXdNZXNzYWdlVGV4dCA9ICcnO1xyXG5cclxuICBAVmlld0NoaWxkKCdNZXNzYWdlc0NvbnRhaW5lcicsIHsgc3RhdGljOiB0cnVlIH0pIG1lc3NhZ2VzQ29udGFpbmVyOiBFbGVtZW50UmVmO1xyXG4gIEBWaWV3Q2hpbGQoJ2F1dG9mb2N1cycsIHsgc3RhdGljOiBmYWxzZSB9KSBhdXRvZm9jdXM6IEVsZW1lbnRSZWY7XHJcblxyXG4gIHVzZXJuYW1lVG9Db2xvcjogeyBbdXNlcm5hbWU6IHN0cmluZ106IHN0cmluZyB9ID0ge307XHJcbiAgY29sb3JzID0gW1xyXG4gICAgJyNjMmM0YzQnLFxyXG4gICAgJyNmZmFiOTEnLFxyXG4gICAgJyNmNDhmYjEnLFxyXG4gICAgJyMyOWI2ZjYnLFxyXG4gICAgJyNlMWJlZTcnLFxyXG4gICAgJyM5Y2NjNjUnLFxyXG4gICAgJyNmZmMxMDcnLFxyXG4gICAgJyMyNmM2ZGEnLFxyXG4gICAgJyNjZGRjMzknLFxyXG4gIF07XHJcbiAgY29sb3JzSW5kZXggPSAwO1xyXG4gIGFnZW50Q29sb3IgPSAnIzJkYjBlMCc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6UmVuZGVyZXIyKSB7XHJcbiAgfVxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2VsZWN0Um9vdEVsZW1lbnQoJyNhdXRvZm9jdXMnKS5mb2N1cygpO1xyXG4gIH1cclxuXHJcbiBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJlbmRlcmVyLnNlbGVjdFJvb3RFbGVtZW50KCcjYXV0b2ZvY3VzJykuZm9jdXMoKTtcclxuICB9XHJcblxyXG4gIHVwZGF0ZWRNZXNzYWdlKCk6IElDaGF0TWVzc2FnZVtdICB7XHJcbiAgICB0cnkge1xyXG4gICAgICBpZiAodHlwZW9mIHRoaXMubmV3TXNncyAhPT0gJ3VuZGVmaW5lZCcgJiYgdGhpcy5uZXdNc2dzLmxlbmd0aCA+IDApIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5uZXdNc2dzO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHJldHVybiB0aGlzLm1lc3NhZ2VzO1xyXG4gICAgICB9XHJcbiAgICB9Y2F0Y2ggKGUpIHsgfVxyXG4gICAgZmluYWxseSB7XHJcbiAgICAgIHRoaXMuc2Nyb2xsVG9Cb3R0b20oKTtcclxuICAgIH1cclxuXHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0NoZWNrZWQoKSB7XHJcbiAgICBpZiAodGhpcy5sYXN0Q291bnQgIT09IHRoaXMubWVzc2FnZXMubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMubGFzdENvdW50ID0gdGhpcy5tZXNzYWdlcy5sZW5ndGg7XHJcbiAgICAgIHRoaXMuc2Nyb2xsVG9Cb3R0b20oKTtcclxuXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnZXRDb2xvcihtZXNzYWdlOiBJQ2hhdE1lc3NhZ2UpIHtcclxuICAgIGlmIChtZXNzYWdlLnR5cGUgJiYgbWVzc2FnZS50eXBlID09PSBJQ2hhdE1lc3NhZ2VUeXBlLkFHRU5UKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLmFnZW50Q29sb3I7XHJcbiAgICB9IGVsc2UgaWYgKG1lc3NhZ2UudXNlcm5hbWUpIHtcclxuICAgICAgaWYgKCF0aGlzLnVzZXJuYW1lVG9Db2xvclttZXNzYWdlLnVzZXJuYW1lXSkge1xyXG4gICAgICAgIHRoaXMudXNlcm5hbWVUb0NvbG9yW21lc3NhZ2UudXNlcm5hbWVdID0gdGhpcy5jb2xvcnNbdGhpcy5jb2xvcnNJbmRleF07XHJcbiAgICAgICAgdGhpcy5jb2xvcnNJbmRleCA9ICh0aGlzLmNvbG9yc0luZGV4ICsgMSkgJSB0aGlzLmNvbG9ycy5sZW5ndGg7XHJcbiAgICAgIH1cclxuICAgICAgcmV0dXJuIHRoaXMudXNlcm5hbWVUb0NvbG9yW21lc3NhZ2UudXNlcm5hbWVdO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgcmV0dXJuIHRoaXMuY29sb3JzWzBdO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2hvdWxkQWxpZ25SaWdodChtZXNzYWdlOiBJQ2hhdE1lc3NhZ2UpIHtcclxuICAgIHJldHVybiBtZXNzYWdlLnR5cGUgJiYgbWVzc2FnZS50eXBlID09PSBJQ2hhdE1lc3NhZ2VUeXBlLkFHRU5UO1xyXG4gIH1cclxuXHJcbiAgc2VuZE5ld01lc3NhZ2UoZXZlbnQpIHtcclxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICBpZiAodGhpcy5uZXdNZXNzYWdlVGV4dCkge1xyXG4gICAgICB0aGlzLm5ld01lc3NhZ2UuZW1pdCh0aGlzLm5ld01lc3NhZ2VUZXh0KTtcclxuICAgICAgdGhpcy5uZXdNZXNzYWdlVGV4dCA9ICcnO1xyXG4gICAgfVxyXG4gICAgdGhpcy5yZW5kZXJlci5zZWxlY3RSb290RWxlbWVudCgnI2F1dG9mb2N1cycpLmZvY3VzKCk7XHJcbiAgfVxyXG5cclxuICBzZXRPbkZvY3VzKGV2ZW50KSAge1xyXG4gICAgdGhpcy5yZW5kZXJlci5zZWxlY3RSb290RWxlbWVudCgnI2F1dG9mb2N1cycpLmZvY3VzKCk7XHJcbiAgfVxyXG5cclxuICBvbk5ld01lc3NhZ2VGb2N1cyhldmVudDogYm9vbGVhbikge1xyXG4gICAgY29uc3QgaXNUeXBpbmcgPSBldmVudCAmJiB0aGlzLm5ld01lc3NhZ2VUZXh0Lmxlbmd0aCA+IDA7XHJcbiAgICBpZiAoaXNUeXBpbmcgIT09IHRoaXMuX2lzQWdlbnRUeXBpbmcpIHtcclxuICAgICAgdGhpcy5faXNBZ2VudFR5cGluZyA9IGlzVHlwaW5nO1xyXG4gICAgICB0aGlzLmlzQWdlbnRUeXBpbmcuZW1pdChpc1R5cGluZyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbktleXVwKCkge1xyXG4gICAgY29uc3QgaXNUeXBpbmcgPSB0aGlzLm5ld01lc3NhZ2VUZXh0Lmxlbmd0aCA+IDA7XHJcbiAgICBpZiAoaXNUeXBpbmcgIT09IHRoaXMuX2lzQWdlbnRUeXBpbmcpIHtcclxuICAgICAgdGhpcy5faXNBZ2VudFR5cGluZyA9IGlzVHlwaW5nO1xyXG4gICAgICB0aGlzLmlzQWdlbnRUeXBpbmcuZW1pdChpc1R5cGluZyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzY3JvbGxUb0JvdHRvbSgpIHtcclxuICAgIHRyeSB7XHJcbiAgICAgIHRoaXMubWVzc2FnZXNDb250YWluZXIubmF0aXZlRWxlbWVudC5zY3JvbGxUb3AgPSB0aGlzLm1lc3NhZ2VzQ29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSGVpZ2h0O1xyXG4gICAgfVxyXG4gICAgY2F0Y2ggKGUpIHsgfVxyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
3
|
-
var ChatMessageComponent = /** @class */ (function () {
|
|
4
|
-
function ChatMessageComponent() {
|
|
5
|
-
this.alignRight = false;
|
|
6
|
-
this.focusOn = new EventEmitter();
|
|
7
|
-
}
|
|
8
|
-
ChatMessageComponent.prototype.ngOnInit = function () {
|
|
9
|
-
this.focusOn.emit(true);
|
|
10
|
-
};
|
|
11
|
-
__decorate([
|
|
12
|
-
Input()
|
|
13
|
-
], ChatMessageComponent.prototype, "message", void 0);
|
|
14
|
-
__decorate([
|
|
15
|
-
Input()
|
|
16
|
-
], ChatMessageComponent.prototype, "alignRight", void 0);
|
|
17
|
-
__decorate([
|
|
18
|
-
Input()
|
|
19
|
-
], ChatMessageComponent.prototype, "username", void 0);
|
|
20
|
-
__decorate([
|
|
21
|
-
Input()
|
|
22
|
-
], ChatMessageComponent.prototype, "color", void 0);
|
|
23
|
-
__decorate([
|
|
24
|
-
Input()
|
|
25
|
-
], ChatMessageComponent.prototype, "timestamp", void 0);
|
|
26
|
-
__decorate([
|
|
27
|
-
Input()
|
|
28
|
-
], ChatMessageComponent.prototype, "image", void 0);
|
|
29
|
-
__decorate([
|
|
30
|
-
Input()
|
|
31
|
-
], ChatMessageComponent.prototype, "fallbackImage", void 0);
|
|
32
|
-
__decorate([
|
|
33
|
-
Output()
|
|
34
|
-
], ChatMessageComponent.prototype, "focusOn", void 0);
|
|
35
|
-
ChatMessageComponent = __decorate([
|
|
36
|
-
Component({
|
|
37
|
-
selector: 'app-chat-message',
|
|
38
|
-
template: "<div [class]=\"alignRight? 'message right-message' : 'message left-message'\">\r\n <div class=\"message-header\">\r\n <img *ngIf=\"image\" class=\"image\" [src]=\"image\" (error)=\"image = fallbackImage\" [style.border-color]=\"color\" />\r\n <span *ngIf=\"username\" class=\"username\">{{username}}</span>\r\n </div>\r\n\r\n <div class=\"message-body-container\">\r\n <div>\r\n <div class=\"message-body\" [style.background-color]=\"color\" [style.border-color]=\"color\">\r\n <span [innerHTML]=\"message\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n <span *ngIf=\"timestamp\" class=\"timestamp\">{{timestamp}}</span>\r\n</div>\r\n",
|
|
39
|
-
styles: [":host{display:block;margin-top:2px;margin-bottom:2px}.right-message{text-align:end}.timestamp{font-size:10px;margin-right:30px;margin-left:30px}.message-header{display:flex;-webkit-text-emphasis:none;text-emphasis:none;font-style:italic;font-size:.7em;align-items:center;margin-bottom:.5em}.message-header .image{height:30px;border-radius:50%;border:2px solid red}.message-header .username{font-weight:700}.right-message>.message-header{flex-direction:row-reverse;margin-right:1px}.right-message>.message-header .image,.right-message>.message-header .username{margin-left:5px}.left-message>.message-header{margin-left:1px}.left-message>.message-header .image,.left-message>.message-header .username{margin-right:5px}.message-body-container{display:flex}.right-message>.message-body-container{flex-direction:row-reverse}.message-body{display:inline-block;position:relative;border-radius:1em;padding:6px;font-style:normal;font-size:.8em;text-align:start;min-width:2em;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.left-message .message-body:after{content:\"\";position:absolute;border-left:10px solid #000;border-color:inherit;border-right:10px solid transparent;border-bottom:10px solid transparent;left:1px;bottom:-2px}.right-message .message-body:after{content:\"\";position:absolute;border-left:10px solid transparent;border-top:10px solid #000;border-top-color:inherit;border-bottom:0 solid transparent;right:1px;bottom:-2px}"]
|
|
40
|
-
})
|
|
41
|
-
], ChatMessageComponent);
|
|
42
|
-
return ChatMessageComponent;
|
|
43
|
-
}());
|
|
44
|
-
export { ChatMessageComponent };
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhdC1tZXNzYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWMtdGVjaG5vbG9neS91aS1saWJyYXJ5LyIsInNvdXJjZXMiOlsicHJvamVjdHMvVUlMaWJyYXJ5L3NyYy9hcHAvY29tcG9uZW50cy9jaGF0LW1lc3NhZ2UvY2hhdC1tZXNzYWdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8vRTtJQVVFO1FBUlMsZUFBVSxHQUFHLEtBQUssQ0FBQztRQU1sQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUU1QixDQUFDO0lBRWpCLHVDQUFRLEdBQVI7UUFDRSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBYlE7UUFBUixLQUFLLEVBQUU7eURBQWlCO0lBQ2hCO1FBQVIsS0FBSyxFQUFFOzREQUFvQjtJQUNuQjtRQUFSLEtBQUssRUFBRTswREFBa0I7SUFDakI7UUFBUixLQUFLLEVBQUU7dURBQWU7SUFDZDtRQUFSLEtBQUssRUFBRTsyREFBbUI7SUFDbEI7UUFBUixLQUFLLEVBQUU7dURBQWU7SUFDZDtRQUFSLEtBQUssRUFBRTsrREFBdUI7SUFDckI7UUFBVCxNQUFNLEVBQUU7eURBQW1DO0lBUmpDLG9CQUFvQjtRQUxoQyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsa0JBQWtCO1lBQzVCLHVxQkFBNEM7O1NBRTdDLENBQUM7T0FDVyxvQkFBb0IsQ0FpQmhDO0lBQUQsMkJBQUM7Q0FBQSxBQWpCRCxJQWlCQztTQWpCWSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jaGF0LW1lc3NhZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGF0LW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NoYXQtbWVzc2FnZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaGF0TWVzc2FnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbWVzc2FnZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFsaWduUmlnaHQgPSBmYWxzZTtcclxuICBASW5wdXQoKSB1c2VybmFtZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNvbG9yOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGltZXN0YW1wOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaW1hZ2U6IHN0cmluZztcclxuICBASW5wdXQoKSBmYWxsYmFja0ltYWdlOiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIGZvY3VzT24gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmZvY3VzT24uZW1pdCh0cnVlKTtcclxuICB9XHJcblxyXG5cclxufVxyXG4iXX0=
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { Component, Input, EventEmitter, Output } from '@angular/core';
|
|
3
|
-
var CreateComponent = /** @class */ (function () {
|
|
4
|
-
function CreateComponent() {
|
|
5
|
-
this.CreateNewEntity = new EventEmitter();
|
|
6
|
-
this.isCreateMaximized = true;
|
|
7
|
-
}
|
|
8
|
-
CreateComponent.prototype.createNewEntity = function (type) {
|
|
9
|
-
this.CreateNewEntity.emit(type);
|
|
10
|
-
};
|
|
11
|
-
CreateComponent.prototype.getEntities = function () {
|
|
12
|
-
return Object.keys(this.Entities);
|
|
13
|
-
};
|
|
14
|
-
CreateComponent.prototype.getDisplay = function (entity) {
|
|
15
|
-
return entity.substring(0, entity.indexOf('|'));
|
|
16
|
-
};
|
|
17
|
-
CreateComponent.prototype.getImage = function (entity) {
|
|
18
|
-
return entity.substring(entity.indexOf('|') + 1);
|
|
19
|
-
};
|
|
20
|
-
__decorate([
|
|
21
|
-
Output()
|
|
22
|
-
], CreateComponent.prototype, "CreateNewEntity", void 0);
|
|
23
|
-
__decorate([
|
|
24
|
-
Input()
|
|
25
|
-
], CreateComponent.prototype, "Entities", void 0);
|
|
26
|
-
CreateComponent = __decorate([
|
|
27
|
-
Component({
|
|
28
|
-
selector: 'amc-create',
|
|
29
|
-
template: "<div *ngIf=\"isCreateMaximized\" class=\"callDisplay\">\r\n <div class=\"editor callHeader\">\r\n <label class=\"headerLabel\">\r\n <b>Create New</b>\r\n </label>\r\n <img class=\"ViewResizeImage\" src=\"/assets/images/section_collapse.png\" (click)=\"isCreateMaximized = false\"\r\n title=\"Collapse\" />\r\n </div>\r\n <div class=\"callBody\">\r\n <div *ngIf=\"Entities\" class=\"container\">\r\n <div *ngFor=\"let entity of getEntities()\" class=\"createNewLabel\" (click)=\"createNewEntity(entity)\"\r\n title=\"{{ getDisplay(Entities[entity]) }}\">\r\n <img class=\"createEntityImages\" src=\"{{ getImage(Entities[entity]) }}\" />\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<div *ngIf=\"!isCreateMaximized\" class=\"callDisplay\">\r\n <div class=\"editor callHeader\">\r\n <label class=\"headerLabel\">\r\n <b>Create New</b>\r\n </label>\r\n <img class=\"ViewResizeImage\" src=\"/assets/images/section_expand.png\" (click)=\"isCreateMaximized = true\"\r\n title=\"Expand\" />\r\n </div>\r\n</div>\r\n",
|
|
30
|
-
styles: [".callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important;border:1px solid #939598!important}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.createEntityImages{width:30px;height:25px;margin-bottom:5px;margin-top:5px;cursor:pointer;padding-left:5px}.createNewLabel{display:inline-block;margin-left:5%;margin-right:5%}.container{padding-right:0;padding-left:0;font-size:10px;text-align:center}.callBody{border:1px solid #939598;border-top:1px solid #939598;position:relative}.callDisplay{display:grid;background-color:#fff;display:grid}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.headerLabel{margin-left:10px}"]
|
|
31
|
-
})
|
|
32
|
-
], CreateComponent);
|
|
33
|
-
return CreateComponent;
|
|
34
|
-
}());
|
|
35
|
-
export { CreateComponent };
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhbWMtdGVjaG5vbG9neS91aS1saWJyYXJ5LyIsInNvdXJjZXMiOlsicHJvamVjdHMvVUlMaWJyYXJ5L3NyYy9hcHAvY29tcG9uZW50cy9jcmVhdGUvY3JlYXRlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU92RTtJQUtFO1FBSlUsb0JBQWUsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUszRSxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDO0lBQ2hDLENBQUM7SUFDRCx5Q0FBZSxHQUFmLFVBQWdCLElBQVk7UUFDMUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELHFDQUFXLEdBQVg7UUFDRSxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxvQ0FBVSxHQUFWLFVBQVcsTUFBTTtRQUNiLE9BQU8sTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsTUFBTSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRCxrQ0FBUSxHQUFSLFVBQVMsTUFBTTtRQUNYLE9BQU8sTUFBTSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3JELENBQUM7SUFyQlM7UUFBVCxNQUFNLEVBQUU7NERBQW9FO0lBRXBFO1FBQVIsS0FBSyxFQUFFO3FEQUFlO0lBSFosZUFBZTtRQUwzQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsWUFBWTtZQUN0Qixza0NBQXNDOztTQUV2QyxDQUFDO09BQ1csZUFBZSxDQXVCM0I7SUFBRCxzQkFBQztDQUFBLEFBdkJELElBdUJDO1NBdkJZLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhbWMtY3JlYXRlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3JlYXRlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jcmVhdGUuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDcmVhdGVDb21wb25lbnQge1xyXG4gIEBPdXRwdXQoKSBDcmVhdGVOZXdFbnRpdHk6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgaXNDcmVhdGVNYXhpbWl6ZWQ6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgRW50aXRpZXM6IGFueTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB0aGlzLmlzQ3JlYXRlTWF4aW1pemVkID0gdHJ1ZTtcclxuICB9XHJcbiAgY3JlYXRlTmV3RW50aXR5KHR5cGU6IHN0cmluZykge1xyXG4gICAgdGhpcy5DcmVhdGVOZXdFbnRpdHkuZW1pdCh0eXBlKTtcclxuICB9XHJcblxyXG4gIGdldEVudGl0aWVzKCkge1xyXG4gICAgcmV0dXJuIE9iamVjdC5rZXlzKHRoaXMuRW50aXRpZXMpO1xyXG4gIH1cclxuXHJcbiAgZ2V0RGlzcGxheShlbnRpdHkpIHtcclxuICAgICAgcmV0dXJuIGVudGl0eS5zdWJzdHJpbmcoMCwgZW50aXR5LmluZGV4T2YoJ3wnKSk7XHJcbiAgfVxyXG5cclxuICBnZXRJbWFnZShlbnRpdHkpIHtcclxuICAgICAgcmV0dXJuIGVudGl0eS5zdWJzdHJpbmcoZW50aXR5LmluZGV4T2YoJ3wnKSArIDEpO1xyXG4gIH1cclxufVxyXG4iXX0=
|
package/esm5/projects/UILibrary/src/app/components/current-activity/current-activity.component.js
DELETED
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
import { __awaiter, __decorate, __generator } from "tslib";
|
|
2
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { debounceTime } from 'rxjs/operators';
|
|
5
|
-
var CurrentActivityComponent = /** @class */ (function () {
|
|
6
|
-
function CurrentActivityComponent() {
|
|
7
|
-
this.isActivityMaximized = true;
|
|
8
|
-
this.EventEmitter = new EventEmitter();
|
|
9
|
-
this.debouncer = new Subject();
|
|
10
|
-
this.eventList = new Set();
|
|
11
|
-
}
|
|
12
|
-
CurrentActivityComponent.prototype.ngOnInit = function () {
|
|
13
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
14
|
-
var _this = this;
|
|
15
|
-
return __generator(this, function (_a) {
|
|
16
|
-
this.debouncer.pipe(debounceTime(500)).subscribe(function () {
|
|
17
|
-
var newEvent = {
|
|
18
|
-
eventName: Array.from(_this.eventList).join('|'),
|
|
19
|
-
newValue: _this.ActivityDetails
|
|
20
|
-
};
|
|
21
|
-
_this.EventEmitter.emit(newEvent);
|
|
22
|
-
_this.eventList.clear();
|
|
23
|
-
});
|
|
24
|
-
return [2 /*return*/];
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
CurrentActivityComponent.prototype.submitActivity = function () {
|
|
29
|
-
try {
|
|
30
|
-
this.ActivityDetails.IsProcessing = true;
|
|
31
|
-
this.EventEmitter.emit({
|
|
32
|
-
eventName: 'SubmitActivity',
|
|
33
|
-
newValue: this.ActivityDetails
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
catch (error) { }
|
|
37
|
-
};
|
|
38
|
-
CurrentActivityComponent.prototype.triggerDiscardActivity = function () {
|
|
39
|
-
try {
|
|
40
|
-
this.EventEmitter.emit({
|
|
41
|
-
eventName: 'TriggerDiscardActivity',
|
|
42
|
-
newValue: this.ActivityDetails
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
catch (error) { }
|
|
46
|
-
};
|
|
47
|
-
CurrentActivityComponent.prototype.onNameChange = function (event) {
|
|
48
|
-
try {
|
|
49
|
-
this.ActivityDetails.WhoObject = this.WhoObjectList.find(function (obj) { return obj.objectId === event; });
|
|
50
|
-
this.EventEmitter.emit({
|
|
51
|
-
eventName: 'ActivityWhoObjectChanged',
|
|
52
|
-
newValue: this.ActivityDetails
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
catch (error) { }
|
|
56
|
-
};
|
|
57
|
-
CurrentActivityComponent.prototype.onRelatedToChange = function (event) {
|
|
58
|
-
try {
|
|
59
|
-
this.ActivityDetails.WhatObject = this.WhatObjectList.find(function (obj) { return obj.objectId === event; });
|
|
60
|
-
this.EventEmitter.emit({
|
|
61
|
-
eventName: 'ActivityWhatObjectChanged',
|
|
62
|
-
newValue: this.ActivityDetails
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
catch (error) { }
|
|
66
|
-
};
|
|
67
|
-
CurrentActivityComponent.prototype.onSubjectChange = function () {
|
|
68
|
-
try {
|
|
69
|
-
this.eventList.add('ActivitySubjectChanged');
|
|
70
|
-
this.debouncer.next();
|
|
71
|
-
}
|
|
72
|
-
catch (error) { }
|
|
73
|
-
};
|
|
74
|
-
CurrentActivityComponent.prototype.onSubjectKeyUp = function () {
|
|
75
|
-
try {
|
|
76
|
-
this.eventList.add('ActivitySubjectChanged');
|
|
77
|
-
this.debouncer.next();
|
|
78
|
-
}
|
|
79
|
-
catch (error) { }
|
|
80
|
-
};
|
|
81
|
-
CurrentActivityComponent.prototype.onCallNotesChange = function () {
|
|
82
|
-
try {
|
|
83
|
-
this.eventList.add('ActivityCallNoteChanged');
|
|
84
|
-
this.debouncer.next();
|
|
85
|
-
}
|
|
86
|
-
catch (error) { }
|
|
87
|
-
};
|
|
88
|
-
CurrentActivityComponent.prototype.onCallNotesKeyUp = function () {
|
|
89
|
-
try {
|
|
90
|
-
this.eventList.add('ActivityCallNoteChanged');
|
|
91
|
-
this.debouncer.next();
|
|
92
|
-
}
|
|
93
|
-
catch (error) { }
|
|
94
|
-
};
|
|
95
|
-
CurrentActivityComponent.prototype.addQuickCommentToDescription = function (comment) {
|
|
96
|
-
try {
|
|
97
|
-
var descriptionToSet = comment;
|
|
98
|
-
if (this.quickCommentOptionRequiredCadArray[comment]) {
|
|
99
|
-
var cadFields = {};
|
|
100
|
-
if (this.ActivityDetails) {
|
|
101
|
-
cadFields = this.scenarioToCADMap[this.ActivityDetails.ScenarioId];
|
|
102
|
-
}
|
|
103
|
-
for (var i = 0; i < this.quickCommentOptionRequiredCadArray[comment].length; i++) {
|
|
104
|
-
var keyToCheckIfCADExists = this.quickCommentOptionRequiredCadArray[comment][i];
|
|
105
|
-
var stringToBeReplaced = this.quickCommentOptionRequiredCadArray[comment][i];
|
|
106
|
-
keyToCheckIfCADExists = keyToCheckIfCADExists.replace('{{', '');
|
|
107
|
-
keyToCheckIfCADExists = keyToCheckIfCADExists.replace('}}', '');
|
|
108
|
-
if (cadFields[keyToCheckIfCADExists]) {
|
|
109
|
-
descriptionToSet = descriptionToSet.replace(stringToBeReplaced, cadFields[keyToCheckIfCADExists].Value);
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
if (this.ActivityDetails.Description) {
|
|
114
|
-
this.ActivityDetails.Description += '\n';
|
|
115
|
-
}
|
|
116
|
-
this.ActivityDetails.Description += descriptionToSet;
|
|
117
|
-
this.eventList.add('ActivityCallNoteChanged');
|
|
118
|
-
this.debouncer.next();
|
|
119
|
-
}
|
|
120
|
-
catch (error) { }
|
|
121
|
-
};
|
|
122
|
-
CurrentActivityComponent.prototype.parseWhoObject = function (whoObject) {
|
|
123
|
-
try {
|
|
124
|
-
return whoObject.displayName + ': ' + whoObject.objectName;
|
|
125
|
-
}
|
|
126
|
-
catch (error) { }
|
|
127
|
-
};
|
|
128
|
-
CurrentActivityComponent.prototype.parseWhatObject = function (whatObject) {
|
|
129
|
-
try {
|
|
130
|
-
return whatObject.displayName + ': ' + whatObject.objectName;
|
|
131
|
-
}
|
|
132
|
-
catch (error) { }
|
|
133
|
-
};
|
|
134
|
-
__decorate([
|
|
135
|
-
Input()
|
|
136
|
-
], CurrentActivityComponent.prototype, "ActivityDetails", void 0);
|
|
137
|
-
__decorate([
|
|
138
|
-
Input()
|
|
139
|
-
], CurrentActivityComponent.prototype, "quickCommentList", void 0);
|
|
140
|
-
__decorate([
|
|
141
|
-
Input()
|
|
142
|
-
], CurrentActivityComponent.prototype, "isAutoSave", void 0);
|
|
143
|
-
__decorate([
|
|
144
|
-
Input()
|
|
145
|
-
], CurrentActivityComponent.prototype, "enableDiscard", void 0);
|
|
146
|
-
__decorate([
|
|
147
|
-
Input()
|
|
148
|
-
], CurrentActivityComponent.prototype, "autoSaveTimer", void 0);
|
|
149
|
-
__decorate([
|
|
150
|
-
Input()
|
|
151
|
-
], CurrentActivityComponent.prototype, "quickCommentOptionRequiredCadArray", void 0);
|
|
152
|
-
__decorate([
|
|
153
|
-
Input()
|
|
154
|
-
], CurrentActivityComponent.prototype, "WhoObjectList", void 0);
|
|
155
|
-
__decorate([
|
|
156
|
-
Input()
|
|
157
|
-
], CurrentActivityComponent.prototype, "WhatObjectList", void 0);
|
|
158
|
-
__decorate([
|
|
159
|
-
Input()
|
|
160
|
-
], CurrentActivityComponent.prototype, "scenarioToCADMap", void 0);
|
|
161
|
-
__decorate([
|
|
162
|
-
Output()
|
|
163
|
-
], CurrentActivityComponent.prototype, "EventEmitter", void 0);
|
|
164
|
-
CurrentActivityComponent = __decorate([
|
|
165
|
-
Component({
|
|
166
|
-
selector: 'amc-current-activity',
|
|
167
|
-
template: "<div *ngIf=\"isActivityMaximized\" class=\"callDisplay\">\r\n <div class=\"editor callHeader\">\r\n <label class=\"headerLabel\">\r\n <b>Activity Information</b>\r\n </label>\r\n <img class=\"ViewResizeImage\" src=\"/assets/images/section_collapse.png\" (click)=\"isActivityMaximized = false\"\r\n title=\"Collapse\"><img *ngIf=\"enableDiscard\" class=\"DiscardImage\" src=\"assets/images/Discard.png\"\r\n (click)=\"triggerDiscardActivity()\" title=\"Discard\">\r\n </div>\r\n <div class=\"callBody\">\r\n <div class=\"activityFields\">\r\n <form>\r\n <div class=\"editor displayDiv\">\r\n <label class=\"displayLabels\" title=\"Name\">Name</label>\r\n <select class=\"dropDownListStyle displayData\" [ngModel]=\"ActivityDetails.WhoObject.objectId\" (ngModelChange)=\"onNameChange($event)\" name=\"whoItem\">\r\n <option *ngFor=\"let whoItem of WhoObjectList\" [ngValue]=\"whoItem.objectId\">{{ (whoItem.displayName && whoItem.objectName) ? (whoItem.displayName + ': ' +\r\n whoItem.objectName) : \"\"}}</option>\r\n <!-- <option value=\"UserSelectedForEmptyRecord\"></option> -->\r\n </select>\r\n </div>\r\n <div class=\"editor displayDiv\"\r\n *ngIf='(ActivityDetails.WhoObject && ActivityDetails.WhoObject.objectType !== \"Lead\")'>\r\n <label class=\"displayLabels\" title=\"Related To\">Related To</label>\r\n <select class=\"dropDownListStyle displayData\" (ngModelChange)=\"onRelatedToChange($event)\"\r\n [ngModel]=\"ActivityDetails.WhatObject.objectId\" name=\"whatItem\">\r\n <option *ngFor=\"let whatItem of WhatObjectList;\" [ngValue]=\"whatItem.objectId\">\r\n {{ (whatItem.displayName && whatItem.objectName) ? (whatItem.displayName + ': ' + whatItem.objectName) : \"\" }}</option>\r\n <!-- <option value=\"UserSelectedForEmptyRecord\"></option> -->\r\n </select>\r\n </div>\r\n <div class=\"editor displayDiv\">\r\n <label class=\"displayLabels\" title=\"Subject\">Subject</label>\r\n <input class=\"activitySubjectTextBoxStyle displayData\" (change)=\"onSubjectChange()\" type=\"text\"\r\n name=\"subject\" (keyup)=\"onSubjectKeyUp()\" [(ngModel)]=\"ActivityDetails.Subject\">\r\n </div>\r\n <div class=\"editor displayDiv\">\r\n <div class=\"callNotesSection\">\r\n <div class=\"callNotesTextArea\">\r\n <textarea [(ngModel)]=\"ActivityDetails.Description\" placeholder=\"Click to add a comment\"\r\n class=\"activityCommentsTextBoxStyle\" (change)=\"onCallNotesChange()\" name=\"description\"\r\n (keyup)=\"onCallNotesKeyUp()\" cols=\"20\" rows=\"2\" title=\"\"></textarea>\r\n </div>\r\n <div class=\"notesBottonBorder\">\r\n <div class=\"commentsButtonDiv\">\r\n <div class=\"quickCommentsDiv\">\r\n <input *ngFor=\"let quickComment of quickCommentList; let i = index;\"\r\n class=\"quickNotesBotton\" type=\"button\" value=\"{{i+1}}\"\r\n (click)=\"addQuickCommentToDescription(quickComment)\" title=\"{{quickComment}}\">\r\n </div>\r\n <div class=\"callNotesButtonsSection\">\r\n <input class=\"submitButton\" type=\"button\" value=\"Save\"\r\n (click)=\"submitActivity()\" [disabled]=\"!ActivityDetails.IsUnSaved\" />\r\n <!-- TOsDO check this Isprocessing -->\r\n <!-- <input *ngIf=\"!storageService.getActivity().IsProcessing\" class=\"submitButton\" type=\"button\" value=\"Save\" (click)=\"submitActivity(storageService.getActivity().ScenarioId)\" [disabled]=\"!isChangesUnSaved(this.scenarioId)\" /> -->\r\n <img *ngIf=\"ActivityDetails.IsProcessing\" class=\"loadingIcon\"\r\n src=\"assets/images/loading.gif\" title=\"Updating Activity\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </form>\r\n </div>\r\n </div>\r\n</div>\r\n<div *ngIf=\"!isActivityMaximized\" class=\"callDisplay\">\r\n <div class=\"editor callHeader\">\r\n <label class=\"headerLabel\">\r\n <b>Activity Information</b>\r\n </label>\r\n <img class=\"ViewResizeImage\" src=\"assets/images/section_expand.png\" (click)=\"isActivityMaximized = true\"\r\n title=\"Expand\">\r\n </div>\r\n</div>\r\n",
|
|
168
|
-
styles: [".imageExpandCollapse{float:right;width:20px;height:20px}.miscSection{position:relative;margin-top:20px;background-color:#e5e6f2}.callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important;border:1px solid #939598!important}.notesBottonBorder{background-color:#fff;border-left:1px solid #939598;border-bottom:1px solid #939598;border-right:1px solid #939598;border-bottom-left-radius:3px!important;border-bottom-right-radius:3px!important;height:auto}.quickNotesBotton{background-color:#1e72ba;border:0;color:#fff;height:70%;width:20px;margin:2px;outline:0;font-size:70%}.submitButton{border:0;float:right;margin-top:2px;outline:0;cursor:pointer;background-color:#6cb047;color:#fff;border-radius:4px;font-size:98%;margin-bottom:2px}.callBody{border:1px solid #939598;border-top:1px solid #939598;position:relative}.miscIcons{width:20px;height:20px;float:right;margin-top:4px;margin-right:5px;margin-left:5px}.amcIcon{width:50%;height:20px;margin-top:5px;margin-left:10px}.callDisplay{display:grid;margin-bottom:8px;background-color:#fff}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{width:28px;height:20px;margin:6px 0 0 5px}.dropDownListStyle{border:1px solid #939598!important;border-radius:3px!important;width:71%!important;height:20px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 5px 0 0;cursor:pointer}.activitySubjectTextBoxStyle{border:1px solid #939598!important;border-radius:3px!important;width:71%!important;height:20px!important;text-align:left!important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0 5px 0 0;padding-left:2px}.activityCommentsTextBoxStyle{border:none;color:#333!important;text-align:left!important;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none;width:100%;height:95px}.displayDiv{width:100%;display:flex}.displayLabels{margin-left:5px;width:25%;margin-right:2px}.displayData{width:70%}.commentsButtonDiv{width:100%;display:flex;align-items:center;background-color:#f6f7fb}.quickCommentsDiv{text-align:left;flex:1 0 0;flex-wrap:wrap;display:flex;margin:2px}.callNotesButtonsSection{text-align:right;padding-right:4px}.newEntityImages{width:25px;height:25px;margin-top:2px;cursor:pointer;padding-left:5px}body{font-size:.85em;color:#232323;background-color:#fff;font-family:Arial}.callNotesSection{float:left;height:100%;width:100%;margin-right:5px;margin-left:5px;margin-bottom:5px}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.DiscardImage{padding-top:2px;width:15px;height:18px;float:right;cursor:pointer}.headerLabel{margin-left:10px}.callNotesTextArea{background-color:#fff;border-left:1px solid #939598;border-bottom:1px solid #939598;border-right:1px solid #939598;border-top:1px solid #939598;border-top-left-radius:3px!important;border-top-right-radius:3px!important}.loadingIcon{float:right;margin-right:5px;height:10px;width:30px;margin-top:8px;padding-bottom:0}input[type=button]:disabled{background-color:#d3d3d3;cursor:auto}"]
|
|
169
|
-
})
|
|
170
|
-
], CurrentActivityComponent);
|
|
171
|
-
return CurrentActivityComponent;
|
|
172
|
-
}());
|
|
173
|
-
export { CurrentActivityComponent };
|
|
174
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VycmVudC1hY3Rpdml0eS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYW1jLXRlY2hub2xvZ3kvdWktbGlicmFyeS8iLCJzb3VyY2VzIjpbInByb2plY3RzL1VJTGlicmFyeS9zcmMvYXBwL2NvbXBvbmVudHMvY3VycmVudC1hY3Rpdml0eS9jdXJyZW50LWFjdGl2aXR5LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcvRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQU85QztJQW9CRTtRQUNFLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUM7UUFFaEMsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLFlBQVksRUFHaEMsQ0FBQztRQUVMLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksR0FBRyxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVLLDJDQUFRLEdBQWQ7Ozs7Z0JBQ0UsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO29CQUMvQyxJQUFNLFFBQVEsR0FBRzt3QkFDZixTQUFTLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQzt3QkFDL0MsUUFBUSxFQUFFLEtBQUksQ0FBQyxlQUFlO3FCQUMvQixDQUFDO29CQUNGLEtBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO29CQUNqQyxLQUFJLENBQUMsU0FBUyxDQUFDLEtBQUss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QyxHQUFHLENBQUMseUJBQXlCLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ3ZCO1FBQUMsT0FBTyxLQUFLLEVBQUUsR0FBRTtJQUNwQixDQUFDO0lBRVMsaURBQWMsR0FBeEIsVUFBeUIsU0FBMkI7UUFDbEQsSUFBSTtZQUNGLE9BQU8sU0FBUyxDQUFDLFdBQVcsR0FBRyxJQUFJLEdBQUcsU0FBUyxDQUFDLFVBQVUsQ0FBQztTQUM1RDtRQUFDLE9BQU8sS0FBSyxFQUFFLEdBQUU7SUFDcEIsQ0FBQztJQUVTLGtEQUFlLEdBQXpCLFVBQTBCLFVBQTRCO1FBQ3BELElBQUk7WUFDRixPQUFPLFVBQVUsQ0FBQyxXQUFXLEdBQUcsSUFBSSxHQUFHLFVBQVUsQ0FBQyxVQUFVLENBQUM7U0FDOUQ7UUFBQyxPQUFPLEtBQUssRUFBRSxHQUFFO0lBQ3BCLENBQUM7SUEzSlE7UUFBUixLQUFLLEVBQUU7cUVBQTRCO0lBQzNCO1FBQVIsS0FBSyxFQUFFO3NFQUE0QjtJQUMzQjtRQUFSLEtBQUssRUFBRTtnRUFBcUI7SUFDcEI7UUFBUixLQUFLLEVBQUU7bUVBQXdCO0lBQ3ZCO1FBQVIsS0FBSyxFQUFFO21FQUF1QjtJQUN0QjtRQUFSLEtBQUssRUFBRTt3RkFBeUM7SUFDeEM7UUFBUixLQUFLLEVBQUU7bUVBQW1DO0lBQ2xDO1FBQVIsS0FBSyxFQUFFO29FQUFvQztJQUNuQztRQUFSLEtBQUssRUFBRTtzRUFBc0I7SUFDcEI7UUFBVCxNQUFNLEVBQUU7a0VBR047SUFiUSx3QkFBd0I7UUFMcEMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLHNCQUFzQjtZQUNoQywwaEtBQWdEOztTQUVqRCxDQUFDO09BQ1csd0JBQXdCLENBNkpwQztJQUFELCtCQUFDO0NBQUEsQUE3SkQsSUE2SkM7U0E3Slksd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJQWN0aXZpdHlEZXRhaWxzIH0gZnJvbSAnLi4vLi4vbW9kZWxzL0lBY3Rpdml0eURldGFpbHMnO1xyXG5pbXBvcnQgeyBJQWN0aXZpdHkgfSBmcm9tICcuLi8uLi9tb2RlbHMvSUFjdGl2aXR5JztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FtYy1jdXJyZW50LWFjdGl2aXR5JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY3VycmVudC1hY3Rpdml0eS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3VycmVudC1hY3Rpdml0eS5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEN1cnJlbnRBY3Rpdml0eUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgQWN0aXZpdHlEZXRhaWxzOiBJQWN0aXZpdHk7XHJcbiAgQElucHV0KCkgcXVpY2tDb21tZW50TGlzdDogc3RyaW5nW107XHJcbiAgQElucHV0KCkgaXNBdXRvU2F2ZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBlbmFibGVEaXNjYXJkOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGF1dG9TYXZlVGltZXI6IG51bWJlcjtcclxuICBASW5wdXQoKSBxdWlja0NvbW1lbnRPcHRpb25SZXF1aXJlZENhZEFycmF5OiBhbnk7XHJcbiAgQElucHV0KCkgV2hvT2JqZWN0TGlzdDogSUFjdGl2aXR5RGV0YWlsc1tdO1xyXG4gIEBJbnB1dCgpIFdoYXRPYmplY3RMaXN0OiBJQWN0aXZpdHlEZXRhaWxzW107XHJcbiAgQElucHV0KCkgc2NlbmFyaW9Ub0NBRE1hcDoge307XHJcbiAgQE91dHB1dCgpIEV2ZW50RW1pdHRlcjogRXZlbnRFbWl0dGVyPHtcclxuICAgIGV2ZW50TmFtZTogc3RyaW5nO1xyXG4gICAgbmV3VmFsdWU/OiBJQWN0aXZpdHk7XHJcbiAgfT47XHJcblxyXG4gIHByaXZhdGUgZXZlbnRMaXN0OiBTZXQ8U3RyaW5nPjtcclxuICBwcml2YXRlIGRlYm91bmNlcjogU3ViamVjdDx2b2lkPjtcclxuXHJcbiAgaXNBY3Rpdml0eU1heGltaXplZDogYm9vbGVhbjtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB0aGlzLmlzQWN0aXZpdHlNYXhpbWl6ZWQgPSB0cnVlO1xyXG5cclxuICAgIHRoaXMuRXZlbnRFbWl0dGVyID0gbmV3IEV2ZW50RW1pdHRlcjx7XHJcbiAgICAgIGV2ZW50TmFtZTogc3RyaW5nO1xyXG4gICAgICBuZXdWYWx1ZT86IElBY3Rpdml0eTtcclxuICAgIH0+KCk7XHJcblxyXG4gICAgdGhpcy5kZWJvdW5jZXIgPSBuZXcgU3ViamVjdCgpO1xyXG4gICAgdGhpcy5ldmVudExpc3QgPSBuZXcgU2V0KCk7XHJcbiAgfVxyXG5cclxuICBhc3luYyBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuZGVib3VuY2VyLnBpcGUoZGVib3VuY2VUaW1lKDUwMCkpLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgIGNvbnN0IG5ld0V2ZW50ID0ge1xyXG4gICAgICAgIGV2ZW50TmFtZTogQXJyYXkuZnJvbSh0aGlzLmV2ZW50TGlzdCkuam9pbignfCcpLFxyXG4gICAgICAgIG5ld1ZhbHVlOiB0aGlzLkFjdGl2aXR5RGV0YWlsc1xyXG4gICAgICB9O1xyXG4gICAgICB0aGlzLkV2ZW50RW1pdHRlci5lbWl0KG5ld0V2ZW50KTtcclxuICAgICAgdGhpcy5ldmVudExpc3QuY2xlYXIoKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgc3VibWl0QWN0aXZpdHkoKSB7XHJcbiAgICB0cnkge1xyXG4gICAgICB0aGlzLkFjdGl2aXR5RGV0YWlscy5Jc1Byb2Nlc3NpbmcgPSB0cnVlO1xyXG4gICAgICB0aGlzLkV2ZW50RW1pdHRlci5lbWl0KHtcclxuICAgICAgICBldmVudE5hbWU6ICdTdWJtaXRBY3Rpdml0eScsXHJcbiAgICAgICAgbmV3VmFsdWU6IHRoaXMuQWN0aXZpdHlEZXRhaWxzXHJcbiAgICAgIH0pO1xyXG4gICAgfSBjYXRjaCAoZXJyb3IpIHt9XHJcbiAgfVxyXG5cclxuICB0cmlnZ2VyRGlzY2FyZEFjdGl2aXR5KCkge1xyXG4gICAgdHJ5IHtcclxuICAgICAgdGhpcy5FdmVudEVtaXR0ZXIuZW1pdCh7XHJcbiAgICAgICAgZXZlbnROYW1lOiAnVHJpZ2dlckRpc2NhcmRBY3Rpdml0eScsXHJcbiAgICAgICAgbmV3VmFsdWU6IHRoaXMuQWN0aXZpdHlEZXRhaWxzXHJcbiAgICAgIH0pO1xyXG4gICAgfSBjYXRjaCAoZXJyb3IpIHt9XHJcbiAgfVxyXG5cclxuICBvbk5hbWVDaGFuZ2UoZXZlbnQ6IGFueSkge1xyXG4gICAgdHJ5IHtcclxuICAgICAgdGhpcy5BY3Rpdml0eURldGFpbHMuV2hvT2JqZWN0ID0gdGhpcy5XaG9PYmplY3RMaXN0LmZpbmQoKG9iaikgPT4gb2JqLm9iamVjdElkID09PSBldmVudCk7XHJcbiAgICAgIHRoaXMuRXZlbnRFbWl0dGVyLmVtaXQoe1xyXG4gICAgICAgIGV2ZW50TmFtZTogJ0FjdGl2aXR5V2hvT2JqZWN0Q2hhbmdlZCcsXHJcbiAgICAgICAgbmV3VmFsdWU6IHRoaXMuQWN0aXZpdHlEZXRhaWxzXHJcbiAgICAgIH0pO1xyXG4gICAgfSBjYXRjaCAoZXJyb3IpIHt9XHJcbiAgfVxyXG5cclxuICBvblJlbGF0ZWRUb0NoYW5nZShldmVudDogYW55KSB7XHJcbiAgICB0cnkge1xyXG4gICAgICB0aGlzLkFjdGl2aXR5RGV0YWlscy5XaGF0T2JqZWN0ID0gdGhpcy5XaGF0T2JqZWN0TGlzdC5maW5kKChvYmopID0+IG9iai5vYmplY3RJZCA9PT0gZXZlbnQpO1xyXG4gICAgICB0aGlzLkV2ZW50RW1pdHRlci5lbWl0KHtcclxuICAgICAgICBldmVudE5hbWU6ICdBY3Rpdml0eVdoYXRPYmplY3RDaGFuZ2VkJyxcclxuICAgICAgICBuZXdWYWx1ZTogdGhpcy5BY3Rpdml0eURldGFpbHNcclxuICAgICAgfSk7XHJcbiAgICB9IGNhdGNoIChlcnJvcikge31cclxuICB9XHJcblxyXG4gIG9uU3ViamVjdENoYW5nZSgpIHtcclxuICAgIHRyeSB7XHJcbiAgICAgIHRoaXMuZXZlbnRMaXN0LmFkZCgnQWN0aXZpdHlTdWJqZWN0Q2hhbmdlZCcpO1xyXG4gICAgICB0aGlzLmRlYm91bmNlci5uZXh0KCk7XHJcbiAgICB9IGNhdGNoIChlcnJvcikge31cclxuICB9XHJcblxyXG4gIG9uU3ViamVjdEtleVVwKCkge1xyXG4gICAgdHJ5IHtcclxuICAgICAgdGhpcy5ldmVudExpc3QuYWRkKCdBY3Rpdml0eVN1YmplY3RDaGFuZ2VkJyk7XHJcbiAgICAgIHRoaXMuZGVib3VuY2VyLm5leHQoKTtcclxuICAgIH0gY2F0Y2ggKGVycm9yKSB7fVxyXG4gIH1cclxuXHJcbiAgb25DYWxsTm90ZXNDaGFuZ2UoKSB7XHJcbiAgICB0cnkge1xyXG4gICAgICB0aGlzLmV2ZW50TGlzdC5hZGQoJ0FjdGl2aXR5Q2FsbE5vdGVDaGFuZ2VkJyk7XHJcbiAgICAgIHRoaXMuZGVib3VuY2VyLm5leHQoKTtcclxuICAgIH0gY2F0Y2ggKGVycm9yKSB7fVxyXG4gIH1cclxuXHJcbiAgb25DYWxsTm90ZXNLZXlVcCgpIHtcclxuICAgIHRyeXtcclxuICAgICAgdGhpcy5ldmVudExpc3QuYWRkKCdBY3Rpdml0eUNhbGxOb3RlQ2hhbmdlZCcpO1xyXG4gICAgICB0aGlzLmRlYm91bmNlci5uZXh0KCk7XHJcbiAgICB9IGNhdGNoIChlcnJvcikge31cclxuICB9XHJcblxyXG4gIGFkZFF1aWNrQ29tbWVudFRvRGVzY3JpcHRpb24oY29tbWVudDogc3RyaW5nKSB7XHJcbiAgICB0cnkge1xyXG4gICAgICBsZXQgZGVzY3JpcHRpb25Ub1NldCA9IGNvbW1lbnQ7XHJcbiAgICAgIGlmICh0aGlzLnF1aWNrQ29tbWVudE9wdGlvblJlcXVpcmVkQ2FkQXJyYXlbY29tbWVudF0pIHtcclxuICAgICAgICBsZXQgY2FkRmllbGRzID0ge307XHJcbiAgICAgICAgaWYgKHRoaXMuQWN0aXZpdHlEZXRhaWxzKSB7XHJcbiAgICAgICAgICBjYWRGaWVsZHMgPSB0aGlzLnNjZW5hcmlvVG9DQURNYXBbdGhpcy5BY3Rpdml0eURldGFpbHMuU2NlbmFyaW9JZF07XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGZvciAoXHJcbiAgICAgICAgICBsZXQgaSA9IDA7XHJcbiAgICAgICAgICBpIDwgdGhpcy5xdWlja0NvbW1lbnRPcHRpb25SZXF1aXJlZENhZEFycmF5W2NvbW1lbnRdLmxlbmd0aDtcclxuICAgICAgICAgIGkrK1xyXG4gICAgICAgICkge1xyXG4gICAgICAgICAgbGV0IGtleVRvQ2hlY2tJZkNBREV4aXN0cyA9XHJcbiAgICAgICAgICAgIHRoaXMucXVpY2tDb21tZW50T3B0aW9uUmVxdWlyZWRDYWRBcnJheVtjb21tZW50XVtpXTtcclxuICAgICAgICAgIGNvbnN0IHN0cmluZ1RvQmVSZXBsYWNlZCA9XHJcbiAgICAgICAgICAgIHRoaXMucXVpY2tDb21tZW50T3B0aW9uUmVxdWlyZWRDYWRBcnJheVtjb21tZW50XVtpXTtcclxuICAgICAgICAgIGtleVRvQ2hlY2tJZkNBREV4aXN0cyA9IGtleVRvQ2hlY2tJZkNBREV4aXN0cy5yZXBsYWNlKCd7eycsICcnKTtcclxuICAgICAgICAgIGtleVRvQ2hlY2tJZkNBREV4aXN0cyA9IGtleVRvQ2hlY2tJZkNBREV4aXN0cy5yZXBsYWNlKCd9fScsICcnKTtcclxuICAgICAgICAgIGlmIChjYWRGaWVsZHNba2V5VG9DaGVja0lmQ0FERXhpc3RzXSkge1xyXG4gICAgICAgICAgICBkZXNjcmlwdGlvblRvU2V0ID0gZGVzY3JpcHRpb25Ub1NldC5yZXBsYWNlKFxyXG4gICAgICAgICAgICAgIHN0cmluZ1RvQmVSZXBsYWNlZCxcclxuICAgICAgICAgICAgICBjYWRGaWVsZHNba2V5VG9DaGVja0lmQ0FERXhpc3RzXS5WYWx1ZVxyXG4gICAgICAgICAgICApO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgICBpZiAodGhpcy5BY3Rpdml0eURldGFpbHMuRGVzY3JpcHRpb24pIHtcclxuICAgICAgICB0aGlzLkFjdGl2aXR5RGV0YWlscy5EZXNjcmlwdGlvbiArPSAnXFxuJztcclxuICAgICAgfVxyXG4gICAgICB0aGlzLkFjdGl2aXR5RGV0YWlscy5EZXNjcmlwdGlvbiArPSBkZXNjcmlwdGlvblRvU2V0O1xyXG4gICAgICB0aGlzLmV2ZW50TGlzdC5hZGQoJ0FjdGl2aXR5Q2FsbE5vdGVDaGFuZ2VkJyk7XHJcbiAgICAgIHRoaXMuZGVib3VuY2VyLm5leHQoKTtcclxuICAgIH0gY2F0Y2ggKGVycm9yKSB7fVxyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIHBhcnNlV2hvT2JqZWN0KHdob09iamVjdDogSUFjdGl2aXR5RGV0YWlscyk6IHN0cmluZyB7XHJcbiAgICB0cnkge1xyXG4gICAgICByZXR1cm4gd2hvT2JqZWN0LmRpc3BsYXlOYW1lICsgJzogJyArIHdob09iamVjdC5vYmplY3ROYW1lO1xyXG4gICAgfSBjYXRjaCAoZXJyb3IpIHt9XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgcGFyc2VXaGF0T2JqZWN0KHdoYXRPYmplY3Q6IElBY3Rpdml0eURldGFpbHMpOiBzdHJpbmcge1xyXG4gICAgdHJ5IHtcclxuICAgICAgcmV0dXJuIHdoYXRPYmplY3QuZGlzcGxheU5hbWUgKyAnOiAnICsgd2hhdE9iamVjdC5vYmplY3ROYW1lO1xyXG4gICAgfSBjYXRjaCAoZXJyb3IpIHt9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { __decorate, __values } from "tslib";
|
|
2
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
3
|
-
var DispositionComponent = /** @class */ (function () {
|
|
4
|
-
function DispositionComponent() {
|
|
5
|
-
this.dispositionEmitter = new EventEmitter();
|
|
6
|
-
this.selectedDispositionValue = '';
|
|
7
|
-
this.dispositionName = '';
|
|
8
|
-
}
|
|
9
|
-
DispositionComponent.prototype.ngOnInit = function () {
|
|
10
|
-
var e_1, _a;
|
|
11
|
-
try {
|
|
12
|
-
for (var _b = __values(this.disposition.dispositionMetadata), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
13
|
-
var metadata = _c.value;
|
|
14
|
-
if (metadata.key === 'callId') {
|
|
15
|
-
this.dispositionName = "disposition_" + metadata.value;
|
|
16
|
-
break;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
21
|
-
finally {
|
|
22
|
-
try {
|
|
23
|
-
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
24
|
-
}
|
|
25
|
-
finally { if (e_1) throw e_1.error; }
|
|
26
|
-
}
|
|
27
|
-
if (this.disposition.checkedDisposition) {
|
|
28
|
-
this.selectedDispositionValue = this.disposition.checkedDisposition;
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
DispositionComponent.prototype.submitDisposition = function () {
|
|
32
|
-
var selectedDisposition = {
|
|
33
|
-
dispositionId: this.selectedDispositionValue,
|
|
34
|
-
dispositionName: this.disposition.disposition.get(this.selectedDispositionValue),
|
|
35
|
-
dispositionMetadata: this.disposition.dispositionMetadata
|
|
36
|
-
};
|
|
37
|
-
this.dispositionEmitter.emit(selectedDisposition);
|
|
38
|
-
};
|
|
39
|
-
DispositionComponent.prototype.selectAndSubmitDisposition = function (event, dispositionKey) {
|
|
40
|
-
if (event.code === 'Enter') {
|
|
41
|
-
this.selectedDispositionValue = dispositionKey;
|
|
42
|
-
this.submitDisposition();
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
__decorate([
|
|
46
|
-
Input()
|
|
47
|
-
], DispositionComponent.prototype, "disposition", void 0);
|
|
48
|
-
__decorate([
|
|
49
|
-
Output()
|
|
50
|
-
], DispositionComponent.prototype, "dispositionEmitter", void 0);
|
|
51
|
-
DispositionComponent = __decorate([
|
|
52
|
-
Component({
|
|
53
|
-
selector: 'amc-disposition',
|
|
54
|
-
template: "<div class=\"disposition-container\">\r\n <div class=\"header-container\">\r\n <label class=\"disposition-header\" attr.aria-label=\"set disposition\">{{disposition.dispositionHeader}}</label>\r\n </div>\r\n\r\n <div class=\"dispositions-container\">\r\n <div class=\"disposition\" *ngFor=\"let disp of disposition.disposition | keyvalue; let i = index\">\r\n <label\r\n class=\"disposition-label\"\r\n tabindex=\"0\"\r\n [id]=\"disp.key\"\r\n [ngClass]=\"{'disposition-label-selected' : selectedDispositionValue === disp.key, 'first-disposition': i === 0}\"\r\n (keypress)=\"selectAndSubmitDisposition($event, disp.key)\">\r\n\r\n <input\r\n class=\"disposition-input\"\r\n type=\"radio\"\r\n value=\"{{disp.key}}\"\r\n tabindex=\"-1\"\r\n attr.aria-label=\"{{disp.value}}\"\r\n [required]=\"!selectedDispositionValue\"\r\n [name]=\"dispositionName\"\r\n (change)=\"submitDisposition()\"\r\n [(ngModel)]=\"selectedDispositionValue\">\r\n\r\n {{disp.value}}\r\n </label>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
55
|
-
styles: [".disposition-container{border:1px solid #939598;white-space:nowrap;font-family:Arial;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-overflow:ellipsis;position:relative;font-size:.9em;max-height:180px;overflow-x:hidden;overflow-y:hidden}.header-container{border-bottom:1px solid #939598;background-color:#f4f5fb;width:100%;white-space:nowrap;height:28px;position:sticky;overflow-x:hidden;overflow-y:hidden}.disposition-header{margin-top:auto;margin-left:7px;padding:5px;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:.9em;font-family:Arial;overflow-x:hidden}.disposition{margin-left:5px;padding-left:5px;white-space:nowrap}.disposition-label{text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:.9em;overflow-x:hidden}.disposition-label-selected{text-overflow:ellipsis;font-weight:700;white-space:nowrap;font-size:.9em}.dispositions-container{padding:3px;overflow-y:scroll;max-height:150px}.disposition-label:focus{outline:#3296da solid 2px;outline-offset:5px}.first-disposition{margin-top:5px}"]
|
|
56
|
-
})
|
|
57
|
-
], DispositionComponent);
|
|
58
|
-
return DispositionComponent;
|
|
59
|
-
}());
|
|
60
|
-
export { DispositionComponent };
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzcG9zaXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFtYy10ZWNobm9sb2d5L3VpLWxpYnJhcnkvIiwic291cmNlcyI6WyJwcm9qZWN0cy9VSUxpYnJhcnkvc3JjL2FwcC9jb21wb25lbnRzL2Rpc3Bvc2l0aW9uL2Rpc3Bvc2l0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8vRTtJQVFFO1FBTFUsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQXNCLENBQUM7UUFFdEUsNkJBQXdCLEdBQVcsRUFBRSxDQUFDO1FBQ3RDLG9CQUFlLEdBQVcsRUFBRSxDQUFDO0lBRWIsQ0FBQztJQUVqQix1Q0FBUSxHQUFSOzs7WUFDRSxLQUF1QixJQUFBLEtBQUEsU0FBQSxJQUFJLENBQUMsV0FBVyxDQUFDLG1CQUFtQixDQUFBLGdCQUFBLDRCQUFFO2dCQUF4RCxJQUFNLFFBQVEsV0FBQTtnQkFDakIsSUFBSSxRQUFRLENBQUMsR0FBRyxLQUFLLFFBQVEsRUFBRTtvQkFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxpQkFBZSxRQUFRLENBQUMsS0FBTyxDQUFDO29CQUV2RCxNQUFNO2lCQUNQO2FBQ0Y7Ozs7Ozs7OztRQUVELElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxrQkFBa0IsRUFBRTtZQUN2QyxJQUFJLENBQUMsd0JBQXdCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQztTQUNyRTtJQUNILENBQUM7SUFFRCxnREFBaUIsR0FBakI7UUFDRSxJQUFNLG1CQUFtQixHQUF1QjtZQUM5QyxhQUFhLEVBQUUsSUFBSSxDQUFDLHdCQUF3QjtZQUM1QyxlQUFlLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyx3QkFBd0IsQ0FBQztZQUNoRixtQkFBbUIsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLG1CQUFtQjtTQUMxRCxDQUFDO1FBRUYsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRCx5REFBMEIsR0FBMUIsVUFBMkIsS0FBb0IsRUFBRSxjQUFzQjtRQUNyRSxJQUFJLEtBQUssQ0FBQyxJQUFJLEtBQUssT0FBTyxFQUFFO1lBQzFCLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxjQUFjLENBQUM7WUFDL0MsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBdENRO1FBQVIsS0FBSyxFQUFFOzZEQUEyQjtJQUV6QjtRQUFULE1BQU0sRUFBRTtvRUFBNkQ7SUFIM0Qsb0JBQW9CO1FBTGhDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxpQkFBaUI7WUFDM0IsK3FDQUEyQzs7U0FFNUMsQ0FBQztPQUNXLG9CQUFvQixDQXdDaEM7SUFBRCwyQkFBQztDQUFBLEFBeENELElBd0NDO1NBeENZLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElEaXNwb3NpdGlvbiwgSURpc3Bvc2l0aW9uUmVzdWx0IH0gZnJvbSAnLi8uLi8uLi9tb2RlbHMvZGlzcG9zaXRpb24uaW50ZXJmYWNlJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhbWMtZGlzcG9zaXRpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kaXNwb3NpdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGlzcG9zaXRpb24uY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEaXNwb3NpdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZGlzcG9zaXRpb246IElEaXNwb3NpdGlvbjtcclxuXHJcbiAgQE91dHB1dCgpIGRpc3Bvc2l0aW9uRW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXI8SURpc3Bvc2l0aW9uUmVzdWx0PigpO1xyXG5cclxuICBzZWxlY3RlZERpc3Bvc2l0aW9uVmFsdWU6IHN0cmluZyA9ICcnO1xyXG4gIGRpc3Bvc2l0aW9uTmFtZTogc3RyaW5nID0gJyc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgZm9yIChjb25zdCBtZXRhZGF0YSBvZiB0aGlzLmRpc3Bvc2l0aW9uLmRpc3Bvc2l0aW9uTWV0YWRhdGEpIHtcclxuICAgICAgaWYgKG1ldGFkYXRhLmtleSA9PT0gJ2NhbGxJZCcpIHtcclxuICAgICAgICB0aGlzLmRpc3Bvc2l0aW9uTmFtZSA9IGBkaXNwb3NpdGlvbl8ke21ldGFkYXRhLnZhbHVlfWA7XHJcblxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHRoaXMuZGlzcG9zaXRpb24uY2hlY2tlZERpc3Bvc2l0aW9uKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWREaXNwb3NpdGlvblZhbHVlID0gdGhpcy5kaXNwb3NpdGlvbi5jaGVja2VkRGlzcG9zaXRpb247XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzdWJtaXREaXNwb3NpdGlvbigpIHtcclxuICAgIGNvbnN0IHNlbGVjdGVkRGlzcG9zaXRpb246IElEaXNwb3NpdGlvblJlc3VsdCA9IHtcclxuICAgICAgZGlzcG9zaXRpb25JZDogdGhpcy5zZWxlY3RlZERpc3Bvc2l0aW9uVmFsdWUsXHJcbiAgICAgIGRpc3Bvc2l0aW9uTmFtZTogdGhpcy5kaXNwb3NpdGlvbi5kaXNwb3NpdGlvbi5nZXQodGhpcy5zZWxlY3RlZERpc3Bvc2l0aW9uVmFsdWUpLFxyXG4gICAgICBkaXNwb3NpdGlvbk1ldGFkYXRhOiB0aGlzLmRpc3Bvc2l0aW9uLmRpc3Bvc2l0aW9uTWV0YWRhdGFcclxuICAgIH07XHJcblxyXG4gICAgdGhpcy5kaXNwb3NpdGlvbkVtaXR0ZXIuZW1pdChzZWxlY3RlZERpc3Bvc2l0aW9uKTtcclxuICB9XHJcblxyXG4gIHNlbGVjdEFuZFN1Ym1pdERpc3Bvc2l0aW9uKGV2ZW50OiBLZXlib2FyZEV2ZW50LCBkaXNwb3NpdGlvbktleTogc3RyaW5nKSB7XHJcbiAgICBpZiAoZXZlbnQuY29kZSA9PT0gJ0VudGVyJykge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkRGlzcG9zaXRpb25WYWx1ZSA9IGRpc3Bvc2l0aW9uS2V5O1xyXG4gICAgICB0aGlzLnN1Ym1pdERpc3Bvc2l0aW9uKCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { Component, Input } from '@angular/core';
|
|
3
|
-
var DurationComponent = /** @class */ (function () {
|
|
4
|
-
function DurationComponent() {
|
|
5
|
-
this.labelledByText = '';
|
|
6
|
-
this.displayTime = '00:00/00:00';
|
|
7
|
-
}
|
|
8
|
-
DurationComponent.prototype.ngOnInit = function () {
|
|
9
|
-
if (this.statusText && this.callId) {
|
|
10
|
-
this.labelledByText = this.statusText + " " + this.callId;
|
|
11
|
-
}
|
|
12
|
-
else if (this.statusText) {
|
|
13
|
-
this.labelledByText = this.statusText;
|
|
14
|
-
}
|
|
15
|
-
else if (this.callId) {
|
|
16
|
-
this.labelledByText = this.callId;
|
|
17
|
-
}
|
|
18
|
-
this.startCallCounter();
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* @ignore
|
|
22
|
-
*/
|
|
23
|
-
DurationComponent.prototype.startCallCounter = function () {
|
|
24
|
-
var _this = this;
|
|
25
|
-
if (this._timerId == null) {
|
|
26
|
-
this._timerId = window.setInterval(function () {
|
|
27
|
-
var callStartTime = _this.startTime;
|
|
28
|
-
var currentTime = new Date().getTime() / 1000;
|
|
29
|
-
var secondsPassed = Math.floor((currentTime) - (callStartTime / 1000));
|
|
30
|
-
_this.displayTime = Math.floor(secondsPassed / 60) + ':' + ('0' + (secondsPassed % 60)).slice(-2);
|
|
31
|
-
}, 1000);
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
DurationComponent.prototype.ngOnDestroy = function () {
|
|
35
|
-
// clear the timer.
|
|
36
|
-
if (this._timerId != null) {
|
|
37
|
-
clearInterval(this._timerId);
|
|
38
|
-
this._timerId = null;
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
__decorate([
|
|
42
|
-
Input()
|
|
43
|
-
], DurationComponent.prototype, "statusText", void 0);
|
|
44
|
-
__decorate([
|
|
45
|
-
Input()
|
|
46
|
-
], DurationComponent.prototype, "callId", void 0);
|
|
47
|
-
__decorate([
|
|
48
|
-
Input()
|
|
49
|
-
], DurationComponent.prototype, "startTime", void 0);
|
|
50
|
-
DurationComponent = __decorate([
|
|
51
|
-
Component({
|
|
52
|
-
selector: 'amc-duration',
|
|
53
|
-
template: "<div class=\"holdCallDurationDiv\">\r\n <input\r\n readonly\r\n class=\"block durationInput\"\r\n name=\"CallDuration\"\r\n type=\"text\"\r\n tabindex=\"-1\"\r\n title=\"Call Duration\"\r\n [value]=\"displayTime\"\r\n [attr.aria-labelledby]=\"labelledByText || null\">\r\n</div>\r\n",
|
|
54
|
-
styles: [".durationInput:focus{outline-style:none}", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:0 5px 2px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
|
|
55
|
-
})
|
|
56
|
-
], DurationComponent);
|
|
57
|
-
return DurationComponent;
|
|
58
|
-
}());
|
|
59
|
-
export { DurationComponent };
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHVyYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFtYy10ZWNobm9sb2d5L3VpLWxpYnJhcnkvIiwic291cmNlcyI6WyJwcm9qZWN0cy9VSUxpYnJhcnkvc3JjL2FwcC9jb21wb25lbnRzL2R1cmF0aW9uL2R1cmF0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBT3BFO0lBVUU7UUFKQSxtQkFBYyxHQUFHLEVBQUUsQ0FBQztRQUtsQixJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUNuQyxDQUFDO0lBRUQsb0NBQVEsR0FBUjtRQUNFLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2xDLElBQUksQ0FBQyxjQUFjLEdBQU0sSUFBSSxDQUFDLFVBQVUsU0FBSSxJQUFJLENBQUMsTUFBUSxDQUFDO1NBQzNEO2FBQU0sSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzFCLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztTQUN2QzthQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUN0QixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUE7U0FDbEM7UUFFRCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQ7O0tBRUM7SUFDTyw0Q0FBZ0IsR0FBeEI7UUFBQSxpQkFTQztRQVJDLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLEVBQUU7WUFDekIsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDO2dCQUNqQyxJQUFNLGFBQWEsR0FBVyxLQUFJLENBQUMsU0FBUyxDQUFDO2dCQUM3QyxJQUFNLFdBQVcsR0FBVyxJQUFJLElBQUksRUFBRSxDQUFDLE9BQU8sRUFBRSxHQUFHLElBQUksQ0FBQztnQkFDeEQsSUFBTSxhQUFhLEdBQVcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUM7Z0JBQ2pGLEtBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEdBQUcsRUFBRSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUMsYUFBYSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDbkcsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO1NBQ1Y7SUFDSCxDQUFDO0lBRUQsdUNBQVcsR0FBWDtRQUNFLG1CQUFtQjtRQUNuQixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxFQUFFO1lBQ3pCLGFBQWEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDN0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7U0FDdEI7SUFDSCxDQUFDO0lBN0NRO1FBQVIsS0FBSyxFQUFFO3lEQUFvQjtJQUNuQjtRQUFSLEtBQUssRUFBRTtxREFBZ0I7SUFDZjtRQUFSLEtBQUssRUFBRTt3REFBbUI7SUFIaEIsaUJBQWlCO1FBTDdCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxjQUFjO1lBQ3hCLHVUQUF3Qzs7U0FFekMsQ0FBQztPQUNXLGlCQUFpQixDQWdEN0I7SUFBRCx3QkFBQztDQUFBLEFBaERELElBZ0RDO1NBaERZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FtYy1kdXJhdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2R1cmF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kdXJhdGlvbi5jb21wb25lbnQuc2NzcycsICcuLy4uL3VpbGlicmFyeS5tb2R1bGUuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEdXJhdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBASW5wdXQoKSBzdGF0dXNUZXh0OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2FsbElkOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc3RhcnRUaW1lOiBudW1iZXI7XHJcblxyXG4gIGRpc3BsYXlUaW1lOiBzdHJpbmc7XHJcbiAgbGFiZWxsZWRCeVRleHQgPSAnJztcclxuXHJcbiAgcHJpdmF0ZSBfdGltZXJJZD86IG51bWJlcjtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB0aGlzLmRpc3BsYXlUaW1lID0gJzAwOjAwLzAwOjAwJztcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMuc3RhdHVzVGV4dCAmJiB0aGlzLmNhbGxJZCkge1xyXG4gICAgICB0aGlzLmxhYmVsbGVkQnlUZXh0ID0gYCR7dGhpcy5zdGF0dXNUZXh0fSAke3RoaXMuY2FsbElkfWA7XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMuc3RhdHVzVGV4dCkge1xyXG4gICAgICB0aGlzLmxhYmVsbGVkQnlUZXh0ID0gdGhpcy5zdGF0dXNUZXh0O1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLmNhbGxJZCkge1xyXG4gICAgICB0aGlzLmxhYmVsbGVkQnlUZXh0ID0gdGhpcy5jYWxsSWRcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLnN0YXJ0Q2FsbENvdW50ZXIoKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gKiBAaWdub3JlXHJcbiAqL1xyXG4gIHByaXZhdGUgc3RhcnRDYWxsQ291bnRlcigpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLl90aW1lcklkID09IG51bGwpIHtcclxuICAgICAgdGhpcy5fdGltZXJJZCA9IHdpbmRvdy5zZXRJbnRlcnZhbCgoKSA9PiB7XHJcbiAgICAgICAgY29uc3QgY2FsbFN0YXJ0VGltZTogbnVtYmVyID0gdGhpcy5zdGFydFRpbWU7XHJcbiAgICAgICAgY29uc3QgY3VycmVudFRpbWU6IG51bWJlciA9IG5ldyBEYXRlKCkuZ2V0VGltZSgpIC8gMTAwMDtcclxuICAgICAgICBjb25zdCBzZWNvbmRzUGFzc2VkOiBudW1iZXIgPSBNYXRoLmZsb29yKChjdXJyZW50VGltZSkgLSAoY2FsbFN0YXJ0VGltZSAvIDEwMDApKTtcclxuICAgICAgICB0aGlzLmRpc3BsYXlUaW1lID0gTWF0aC5mbG9vcihzZWNvbmRzUGFzc2VkIC8gNjApICsgJzonICsgKCcwJyArIChzZWNvbmRzUGFzc2VkICUgNjApKS5zbGljZSgtMik7XHJcbiAgICAgIH0sIDEwMDApO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICAvLyBjbGVhciB0aGUgdGltZXIuXHJcbiAgICBpZiAodGhpcy5fdGltZXJJZCAhPSBudWxsKSB7XHJcbiAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy5fdGltZXJJZCk7XHJcbiAgICAgIHRoaXMuX3RpbWVySWQgPSBudWxsO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIl19
|