Consolidates a message's "reply", "reply all", and "forward" button into 2 buttons

and put them in the top-right corner of the Message screen.

The Composer is removed from the Message screen and become a screen on its own that's
shown when the user clicks one of these "reply" buttons in the Message screen.

Signed-off-by: Cyrille Bollu <cyrpub@bollu.be>

===========================================
(here's the detail of this squashed commit)

Fixed a typo in a console.log message

Consolidate reply buttons:

1) Adds 3 action buttons in Message component (they are not yet
   properly placed but at least they work)
2) Removes the Composer component from the Message component; It is
   now only shown within the FolderContent component.
3) Updates FolderContent component to display Composer not only for 'new'
   messages, but also for reply, reply all, and forward messages
4) Updates NewMessageDetail to handle the reply, reply all, and forward cases

Fixes buildFowardSubject to buildForwardSubject

Consolidate message reply buttons: Wraps the 3 ActionButtons in an
Actions component

Consolidate message reply buttons: Removes old forward button

Consolidate message reply buttons: fixes a travis prettier/prettier error

Consolidate message reply buttons: Removes registration of Composer
component from Message.vue as it is not used anymore there.

Consolidate message reply buttons: fixes some travis no-redeclare errors

Consolidate message reply buttons: fixes a travis prettier/prettier error

Adds 'reply-all' and 'reply' icons

using @icon-black-white instead of @icon-color for icon-reply,
icon-reply-all, and icon-forward

* In Message.vue, message-action "Reply all" is always visible and switches to
"Reply" when there's only one recipient in the original message.
* An Actions menu is added to show "Reply to sender only" and "forward" buttons
when needed.

Better formatting of the 'reply' button

Fixes the initializing of a new message's data when replying or
forwarding a message.

Puts the "Send' button next to the attachments buttons in the Composer

Corrects the @include icon-black-white for icons reply, replay-all,
and forward

Better positioning of the message's actions buttons and
removal of the "reply" label to save space

Nicer reply button

Sets component appcontentdetails' width to 100%

(this doesn't leave enough space for the "appt-content-list" div though)

Modifies reply-all.vsg and forward.svg so that every <path></path> tag
is on a single line, as nextcloud server's IconsCacher's colorizeSvg
method doesn't support those tags being on multiple lines.

* Puts email actions button on the far right side (justified)
* Tries to put a label on action "reply" when screen is large enough
  (doesn't work yet though)

Fixes a typo in forward.svg

Do not use "width: 100%" for appcontentdetails but rather "flex-grow: 1"
so as to not shrink app-content-list's width

Tidies up 'forward' and 'reply-all' icons

Sets focus to message body when Composer is opened

Removes unused generateIconUrl Message function

Removes reply button's label on screen smaller than 600px wide.

Removes transparency=0,5 from icon reply.svg

Adds buttons 'mark read/unread', and 'delete' as message actions

Ellipses message title and adresses when space is short.

Message wouldn't be delete when therewas no next/envelope.

Optimise reply.svg

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Signed-off-by: Cyrille Bollu <cyrpub@bollu.be>

Consolidated reply buttons: Replaces the "Send" button by an action
menu in the toright corner of the Composer component.

Signed-off-by: Cyrille Bollu <cyrpub@bollu.be>
Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
Signed-off-by: Cyrille Bollu <cyrpub@bollu.be>

The height of the Composer 'send button shouldn't grow when attachments are added.

2 eslint fixes

5 files changed, 3 insertions, 6 deletions

diff --git a/img/forward.png b/img/forward.png
new file mode 100644
index 000000000..a51f4b103
--- /dev/null
+++ b/img/forward.png
diff --git a/img/forward.svg b/img/forward.svg
new file mode 100644
index 000000000..789c648a0
--- /dev/null
+++ b/img/forward.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M1 15s.391-7.803 7-10V1l7 7-7 7v-4c-5.116 0-7 4-7 4z"/></svg>
\ No newline at end of file
diff --git a/img/reply-all.png b/img/reply-all.png
new file mode 100644
index 000000000..80a37edc7
--- /dev/null
+++ b/img/reply-all.png
diff --git a/img/reply-all.svg b/img/reply-all.svg
new file mode 100644
index 000000000..7181d42ba
--- /dev/null
+++ b/img/reply-all.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M15 13.5s-.308-6.13-5.5-7.857V2.5L4 8l5.5 5.5v-3.143c4.02 0 5.5 3.143 5.5 3.143z"/><path d="M6.768 2.232L1 8l5.768 5.768V12l-4-4 4-4z"/></svg>
\ No newline at end of file
diff --git a/img/reply.svg b/img/reply.svg
index fe250ef10..a198103b8 100644
--- a/img/reply.svg
+++ b/img/reply.svg
@@ -1,6 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
- <g opacity=".5" transform="matrix(-1,0,0,1,16,-1036.4)">
-  <path d="m1 1051.4s0.39147-7.8025 7-10v-4l7 7-7 7v-4c-5.1157 0-7 4-7 4z"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M15 15s-.4-7.8-7-10V1L1 8l7 7v-4c5.1 0 7 4 7 4z"/></svg>
\ No newline at end of file