@chat21/chat21-ionic 3.0.90-rc.2 → 3.0.90-rc.4
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/CHANGELOG.md +9 -0
- package/package.json +1 -1
- package/src/app/app-routing.module.ts +5 -1
- package/src/app/app.module.ts +3 -1
- package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.html +15 -7
- package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.scss +59 -40
- package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.ts +27 -19
- package/src/app/chatlib/conversation-detail/message/bubble-message/bubble-message.component.html +15 -9
- package/src/app/chatlib/conversation-detail/message/bubble-message/bubble-message.component.scss +36 -33
- package/src/app/chatlib/conversation-detail/message/bubble-message/bubble-message.component.ts +33 -8
- package/src/app/chatlib/conversation-detail/message/options/options.component.html +5 -0
- package/src/app/chatlib/conversation-detail/message/options/options.component.scss +34 -0
- package/src/app/chatlib/conversation-detail/message/options/options.component.spec.ts +24 -0
- package/src/app/chatlib/conversation-detail/message/options/options.component.ts +54 -0
- package/src/app/components/bubbleMessageInfo-popover/bubbleinfo-popover.component.html +15 -3
- package/src/app/components/bubbleMessageInfo-popover/bubbleinfo-popover.component.scss +26 -0
- package/src/app/components/bubbleMessageInfo-popover/bubbleinfo-popover.component.ts +23 -2
- package/src/app/modals/json-message/json-message-routing.module.ts +17 -0
- package/src/app/modals/json-message/json-message.module.ts +30 -0
- package/src/app/modals/json-message/json-message.page.html +15 -0
- package/src/app/modals/json-message/json-message.page.scss +17 -0
- package/src/app/modals/json-message/json-message.page.spec.ts +24 -0
- package/src/app/modals/json-message/json-message.page.ts +50 -0
- package/src/app/pages/conversation-detail/conversation-detail.module.ts +1 -1
- package/src/app/shared/shared.module.ts +3 -0
- package/src/assets/i18n/ar.json +2 -1
- package/src/assets/i18n/az.json +2 -1
- package/src/assets/i18n/de.json +2 -1
- package/src/assets/i18n/en.json +2 -1
- package/src/assets/i18n/es.json +2 -1
- package/src/assets/i18n/fr.json +2 -1
- package/src/assets/i18n/it.json +2 -1
- package/src/assets/i18n/kk.json +2 -1
- package/src/assets/i18n/pt.json +2 -1
- package/src/assets/i18n/ru.json +2 -1
- package/src/assets/i18n/sr.json +2 -1
- package/src/assets/i18n/sv.json +2 -1
- package/src/assets/i18n/tr.json +2 -1
- package/src/assets/i18n/uk.json +2 -1
- package/src/assets/i18n/uz.json +2 -1
- package/src/assets/images/json-file.svg +1 -0
- package/src/chat21-core/models/message.ts +0 -1
- package/src/chat21-core/providers/firebase/firebase-conversation-handler.ts +85 -16
- package/src/chat21-core/providers/mqtt/mqtt-conversation-handler.ts +13 -15
- package/src/chat21-core/utils/constants.ts +0 -1
- package/src/chat21-core/utils/utils-message.ts +1 -7
- package/src/chat21-core/utils/utils.ts +3 -0
- package/src/global.scss +18 -0
- package/src/variables.scss +2 -0
|
@@ -99,7 +99,10 @@ export class MQTTConversationHandler extends ConversationHandlerService {
|
|
|
99
99
|
}
|
|
100
100
|
this.chat21Service.chatClient.lastMessages(this.conversationWith, (err, messages) => {
|
|
101
101
|
if (!err) {
|
|
102
|
-
messages.forEach(
|
|
102
|
+
messages.forEach(message => {
|
|
103
|
+
const msg: MessageModel = message;
|
|
104
|
+
msg.uid = message.message_id;
|
|
105
|
+
|
|
103
106
|
this.addedMessage(msg);
|
|
104
107
|
});
|
|
105
108
|
}
|
|
@@ -107,7 +110,10 @@ export class MQTTConversationHandler extends ConversationHandlerService {
|
|
|
107
110
|
const handler_message_added = this.chat21Service.chatClient.onMessageAddedInConversation(
|
|
108
111
|
this.conversationWith, (message, topic) => {
|
|
109
112
|
this.logger.log('[MQTTConversationHandler] message added:', message, 'on topic:', topic);
|
|
110
|
-
|
|
113
|
+
const msg: MessageModel = message;
|
|
114
|
+
msg.uid = message.message_id;
|
|
115
|
+
|
|
116
|
+
this.addedMessage(msg);
|
|
111
117
|
});
|
|
112
118
|
const handler_message_updated = this.chat21Service.chatClient.onMessageUpdatedInConversation(
|
|
113
119
|
this.conversationWith, (message, topic) => {
|
|
@@ -231,20 +237,14 @@ export class MQTTConversationHandler extends ConversationHandlerService {
|
|
|
231
237
|
/** */
|
|
232
238
|
private addedMessage(messageSnapshot: any) {
|
|
233
239
|
const msg = this.messageGenerate(messageSnapshot);
|
|
234
|
-
|
|
240
|
+
|
|
235
241
|
if(this.skipInfoMessage && messageType(MESSAGE_TYPE_INFO, msg)){
|
|
236
242
|
return;
|
|
237
243
|
}
|
|
238
244
|
if(!this.skipInfoMessage && messageType(MESSAGE_TYPE_INFO, msg)){
|
|
239
245
|
this.messageInfo.next(msg)
|
|
240
246
|
}
|
|
241
|
-
|
|
242
|
-
msg.headerDate = null;
|
|
243
|
-
const headerDate = setHeaderDate(this.translationMap, msg.timestamp);
|
|
244
|
-
if (headerDate !== this.lastDate) {
|
|
245
|
-
this.lastDate = headerDate;
|
|
246
|
-
msg.headerDate = headerDate;
|
|
247
|
-
}
|
|
247
|
+
|
|
248
248
|
this.logger.log('[MQTTConversationHandler] adding message:' + JSON.stringify(msg));
|
|
249
249
|
// this.logger.log('childSnapshot.message_id:' + msg.message_id);
|
|
250
250
|
// this.logger.log('childSnapshot.key:' + msg.key);
|
|
@@ -287,7 +287,7 @@ export class MQTTConversationHandler extends ConversationHandlerService {
|
|
|
287
287
|
// const msg: MessageModel = childSnapshot.val();
|
|
288
288
|
this.logger.log("[MQTTConversationHandler] childSnapshot >" + JSON.stringify(childSnapshot));
|
|
289
289
|
const msg = childSnapshot;
|
|
290
|
-
msg.uid = childSnapshot.key;
|
|
290
|
+
// msg.uid = childSnapshot.key;
|
|
291
291
|
msg.text = msg.text.trim() //remove black msg with only spaces
|
|
292
292
|
// controllo fatto per i gruppi da rifattorizzare
|
|
293
293
|
if (!msg.sender_fullname || msg.sender_fullname === 'undefined') {
|
|
@@ -301,10 +301,8 @@ export class MQTTConversationHandler extends ConversationHandlerService {
|
|
|
301
301
|
this.logger.log("[MQTTConversationHandler] ****>msg.sender:" + msg.sender);
|
|
302
302
|
msg.isSender = this.isSender(msg.sender, this.loggedUser.uid);
|
|
303
303
|
// traduco messaggi se sono del server
|
|
304
|
-
if (
|
|
305
|
-
|
|
306
|
-
this.translateInfoSupportMessages(msg);
|
|
307
|
-
}
|
|
304
|
+
if (messageType(MESSAGE_TYPE_INFO, msg)) {
|
|
305
|
+
this.translateInfoSupportMessages(msg);
|
|
308
306
|
}
|
|
309
307
|
return msg;
|
|
310
308
|
}
|
|
@@ -61,7 +61,6 @@ export const TYPE_POPUP_DETAIL_MESSAGE = 'DETAIL_MESSAGE';
|
|
|
61
61
|
export const MESSAGE_TYPE_INFO = 'INFO';
|
|
62
62
|
export const MESSAGE_TYPE_MINE = 'MINE';
|
|
63
63
|
export const MESSAGE_TYPE_OTHERS = 'OTHERS';
|
|
64
|
-
export const MESSAGE_TYPE_DATE = 'DATE';
|
|
65
64
|
|
|
66
65
|
export const CHAT_REOPENED = 'CHAT_REOPENED';
|
|
67
66
|
export const CHAT_CLOSED = 'CHAT_CLOSED';
|
|
@@ -2,7 +2,6 @@ import {
|
|
|
2
2
|
MESSAGE_TYPE_INFO,
|
|
3
3
|
MESSAGE_TYPE_MINE,
|
|
4
4
|
MESSAGE_TYPE_OTHERS,
|
|
5
|
-
MESSAGE_TYPE_DATE,
|
|
6
5
|
MAX_WIDTH_IMAGES,
|
|
7
6
|
CHANNEL_TYPE_GROUP,
|
|
8
7
|
TYPE_SUPPORT_GROUP
|
|
@@ -65,12 +64,7 @@ export function isMine(message: any) {
|
|
|
65
64
|
|
|
66
65
|
/** */
|
|
67
66
|
export function messageType(msgType: string, message: any) {
|
|
68
|
-
|
|
69
|
-
if (message.headerDate && message.headerDate !== '') {
|
|
70
|
-
return true;
|
|
71
|
-
}
|
|
72
|
-
return false;
|
|
73
|
-
}
|
|
67
|
+
|
|
74
68
|
if (msgType === MESSAGE_TYPE_INFO) {
|
|
75
69
|
return isInfo(message);
|
|
76
70
|
}
|
|
@@ -187,6 +187,9 @@ export function setHeaderDate_old(translate, timestamp, lastDate?): string {
|
|
|
187
187
|
}
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
+
/**
|
|
191
|
+
* @deprecated
|
|
192
|
+
*/
|
|
190
193
|
export function setHeaderDate(translate, timestamp): string {
|
|
191
194
|
// const LABEL_TODAY = translate.get('LABEL_TODAY');
|
|
192
195
|
// const LABEL_TOMORROW = translate.get('LABEL_TOMORROW');
|
package/src/global.scss
CHANGED
|
@@ -748,6 +748,17 @@ ul.dropdown-menu > li > a {
|
|
|
748
748
|
//MODALS
|
|
749
749
|
.modal-wrapper{
|
|
750
750
|
border-radius: 16px !important;
|
|
751
|
+
|
|
752
|
+
}
|
|
753
|
+
|
|
754
|
+
.json-modal-class .modal-wrapper{
|
|
755
|
+
--height: 90%;
|
|
756
|
+
--width: 70%;
|
|
757
|
+
span.key{ color: red; }
|
|
758
|
+
span.number { color:#6eb4bc; }
|
|
759
|
+
span.boolean { color:#a693e0; }
|
|
760
|
+
span.null { color:#e09393; }
|
|
761
|
+
span.key { color: #a9d18f; }
|
|
751
762
|
}
|
|
752
763
|
|
|
753
764
|
|
|
@@ -760,3 +771,10 @@ ul.dropdown-menu > li > a {
|
|
|
760
771
|
}
|
|
761
772
|
}
|
|
762
773
|
|
|
774
|
+
|
|
775
|
+
//POPOVER
|
|
776
|
+
.info-popover{
|
|
777
|
+
.popover-content{
|
|
778
|
+
width: 250px;
|
|
779
|
+
}
|
|
780
|
+
}
|