👌 IMPROVE: composer

[violoncelloCH]

• button in appnavigation to create post -> open modal
• composer in timeline not sticky
• reply opens composer in modal
• use vuex to store composer reply and modal open state

TODO:

• store complete composer state in vuex so it doesn't get lost when composer modal is closed (accidentally)
• Visibility button should have text next to it:
  • "Visible publicly", "Unlisted", "Visible to followers"
  • Post button could only say "Post"
  • "Direct message" should not show here
• composer input placeholder should be shown if composer is empty again
• allow to post image without text
• immediate feedback about sent post

[jancborchardt]

Nice with the posting modal from anywhere! 2 issues:

• Attachments don’t show (note they show in the main composer in the background)
• The visibility dropdown is cut off by the edge of the modal on the bottom

[violoncelloCH]

thanks @jancborchardt for the feedback
sadly I currently don't have time to continue working on this... so @icewind1991 (or anyone else) if you want to continue on this one feel free...

some further points we should probably do in this PR as they touch the composer quite fundamentally:

• use the new RichContenteditable component: https://nextcloud-vue-components.netlify.app/#/Components/RichContenteditable
• use the emojipicker component (Migrate emojis #1039): https://nextcloud-vue-components.netlify.app/#/Components/EmojiPicker
• submit buttons and privacy popover should also use the proper components

[violoncelloCH]

Hi,
Same as in #744: even though this isn't finished I think there is still some notable improvements in here which would be worth a rebase...

[jancborchardt]

@ArtificialOwl let’s not close longstanding pull requests without comment – reopening. :)

[jancborchardt]

Still a very nice improvement and my review from above still stands. FYI @ArtificialOwl

Nice with the posting modal from anywhere! 2 issues:

• Attachments don’t show (note they show in the main composer in the background)
• The visibility dropdown is cut off by the edge of the modal on the bottom