@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.
Files changed (49) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/package.json +1 -1
  3. package/src/app/app-routing.module.ts +5 -1
  4. package/src/app/app.module.ts +3 -1
  5. package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.html +15 -7
  6. package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.scss +59 -40
  7. package/src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component.ts +27 -19
  8. package/src/app/chatlib/conversation-detail/message/bubble-message/bubble-message.component.html +15 -9
  9. package/src/app/chatlib/conversation-detail/message/bubble-message/bubble-message.component.scss +36 -33
  10. package/src/app/chatlib/conversation-detail/message/bubble-message/bubble-message.component.ts +33 -8
  11. package/src/app/chatlib/conversation-detail/message/options/options.component.html +5 -0
  12. package/src/app/chatlib/conversation-detail/message/options/options.component.scss +34 -0
  13. package/src/app/chatlib/conversation-detail/message/options/options.component.spec.ts +24 -0
  14. package/src/app/chatlib/conversation-detail/message/options/options.component.ts +54 -0
  15. package/src/app/components/bubbleMessageInfo-popover/bubbleinfo-popover.component.html +15 -3
  16. package/src/app/components/bubbleMessageInfo-popover/bubbleinfo-popover.component.scss +26 -0
  17. package/src/app/components/bubbleMessageInfo-popover/bubbleinfo-popover.component.ts +23 -2
  18. package/src/app/modals/json-message/json-message-routing.module.ts +17 -0
  19. package/src/app/modals/json-message/json-message.module.ts +30 -0
  20. package/src/app/modals/json-message/json-message.page.html +15 -0
  21. package/src/app/modals/json-message/json-message.page.scss +17 -0
  22. package/src/app/modals/json-message/json-message.page.spec.ts +24 -0
  23. package/src/app/modals/json-message/json-message.page.ts +50 -0
  24. package/src/app/pages/conversation-detail/conversation-detail.module.ts +1 -1
  25. package/src/app/shared/shared.module.ts +3 -0
  26. package/src/assets/i18n/ar.json +2 -1
  27. package/src/assets/i18n/az.json +2 -1
  28. package/src/assets/i18n/de.json +2 -1
  29. package/src/assets/i18n/en.json +2 -1
  30. package/src/assets/i18n/es.json +2 -1
  31. package/src/assets/i18n/fr.json +2 -1
  32. package/src/assets/i18n/it.json +2 -1
  33. package/src/assets/i18n/kk.json +2 -1
  34. package/src/assets/i18n/pt.json +2 -1
  35. package/src/assets/i18n/ru.json +2 -1
  36. package/src/assets/i18n/sr.json +2 -1
  37. package/src/assets/i18n/sv.json +2 -1
  38. package/src/assets/i18n/tr.json +2 -1
  39. package/src/assets/i18n/uk.json +2 -1
  40. package/src/assets/i18n/uz.json +2 -1
  41. package/src/assets/images/json-file.svg +1 -0
  42. package/src/chat21-core/models/message.ts +0 -1
  43. package/src/chat21-core/providers/firebase/firebase-conversation-handler.ts +85 -16
  44. package/src/chat21-core/providers/mqtt/mqtt-conversation-handler.ts +13 -15
  45. package/src/chat21-core/utils/constants.ts +0 -1
  46. package/src/chat21-core/utils/utils-message.ts +1 -7
  47. package/src/chat21-core/utils/utils.ts +3 -0
  48. package/src/global.scss +18 -0
  49. 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(msg => {
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
- this.addedMessage(message);
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
- msg.uid = msg.message_id;
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
- // imposto il giorno del messaggio per visualizzare o nascondere l'header data
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 (msg.attributes && msg.attributes.subtype) {
305
- if (msg.attributes.subtype === 'info' || msg.attributes.subtype === 'info/support') {
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
- if (msgType === MESSAGE_TYPE_DATE) {
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
+ }
@@ -50,4 +50,6 @@ body {
50
50
  --sidebar-width: 60px;
51
51
  --nav-bar-heigth: 60px;
52
52
 
53
+ --icon-color: rgb(135, 150, 175)
54
+
53
55
  }