[PWA] Store offline messages, and trigger send after online mode #17441
Conversation
Improve SW Logic DOn't refetch fonts
fix lint issues Use localforage in SW and add localforage.min.js
|
@shubhsherl can you add a screen shot of the visual changes here like the |
| @@ -28,20 +27,7 @@ export function executeSendMessage(uid, message) { | |||
| }); | |||
| } | |||
|
|
|||
| if (message.ts) { | |||
There was a problem hiding this comment.
Would be better to update the ts (on client side) before send it after became online? Otherwise the message can be inserted a long time in the post on the history, doesn't seems to be a good behavior.
| @@ -1,5 +1,5 @@ | |||
| <template name="messageAttachment"> | |||
| <div class="attachment"> | |||
| <div class="attachment {{# if temp}}attachment-temp{{/if}}"> | |||
There was a problem hiding this comment.
Please provide a screenshot of this UI change.
There was a problem hiding this comment.
#17441 (comment)
The initial blur to indicate that the attachment is not delivered yet.
| @@ -151,6 +151,23 @@ | |||
| {{/unless}} | |||
| {{/if}} | |||
|
|
|||
| {{#with uploading}} | |||
| <div class="attachment-upload-progress color-primary-action-color background-component-color {{#if error}}error-background error-border{{/if}}"> | |||
There was a problem hiding this comment.
Please provide a screenshot of this UI change.
There was a problem hiding this comment.
#17441 (comment)
The Progress bar below the attachment, within message.
| @@ -56,6 +56,15 @@ | |||
| <div class="sidebar-item__last-message {{#if showUnread }}{{#if lastMessageUnread }} sidebar-item__last-message--unread{{/if}}{{/if}}"> | |||
| <span class="message-body--unstyled">{{{lastMessage}}}</span> | |||
| </div> | |||
| {{#if lastMessageSentByUser}} | |||
There was a problem hiding this comment.
Please provide a screenshot of this UI change.
|
@rodrigok here is the screenshot of check and clock for messages which are delivered and undelivered respectively.
|
|
@rodrigok The UI changes for message-attachment |
Modified own user emit mechanism
fix service worker POST event
|
Same as #17367 (comment) We are finishing to migrate to ReactJS, so this will open the opportunity for us to use WatermelonDB. @rodrigok can you please give more info here? |
|
|
Third PR to integrate PWA functionality in RC.
https://github.com/WideChat/Rocket.Chat/wiki/PWA-features
Changes from the second PR: shubhsherl/Rocket.Chat@rc_pwa_2...shubhsherl:rc_pwa_3
First PR: #17269
Second PR: #17367
Third PR: #17441
Fourth PR: #17493