When no websockets and multi-editors switch user rights to read-only

[virgile-dev]

Feature Request

Is your feature request related to a problem or unsupported use case? Please describe.
Here is the related issue : #456

Describe the solution you'd like
When a user has websockets blocked AND there are multiple possible editors (the document is shared with other people or there an edit link that allow collaboration) they should be able to only read the document and an alert banner should display to explain why.

Describe alternatives you've considered
This is until we implement some kind of alternative solution like polling. (#437)

Discovery, Documentation, Adoption, Migration Strategy

(full mockup in the "In progress" area.

[virgile-dev]

So to recap the need associated with this issue.
For users who do not have access to websockets this is the desired behaviour :
If the user is the only editor of his doc the he can save its document to the server.
If not a banner is displayed explaining his config doesn't allow him to collaborate.

When a user opens a document he has been invited on he cannot edit the document and save new versions to the server even if he has been invited as an editor.

@sampaccoud are you ok with what's described above ? If yes @rl-83 can you provide us with a design ?

[virgile-dev]

Linked with #456

[rl-83]

Here is my updated proposal.
The idea is to completely block editing functionality for users who do not have WebSockets.
Clicking on "learn more" opens a modal that explains in simple terms why it isn't working. In this explanatory text, I suggest mentioning: (1) that the user typically has editing rights on this specific document, but (2) that their network configuration does not allow collaboration, and therefore editing.

-> Waiting for the definitive text to update the prototype

[virgile-dev]

This is the text for the modal:
"The network configuration of your workstation or internet access does not allow collaborative editing. Docs uses WebSockets for real-time co-editing. WebSockets are a channel that enables a website and a server to exchange messages instantly and bidirectionally. You can contact your IT administrators to request that WebSockets be allowed."

"La configuration réseau de votre poste de travail ou de votre accès internet de ne permet pas d'utiliser l'édition collaborative.
Docs utilise les websockets la co-édition en temps réel. Les websockets est un canal qui permet à un site web et à un serveur d'échanger des messages instantanément et de façon bidirectionnel. Vous pouvez contacter à vos responsables informatiques pour leur demander d'autoriser les websockets."

[virgile-dev]

@sampaccoud is this ok for you ? if yes we'll start the dev

[rl-83]

Small grammatical corrections:

EN
The network configuration of your workstation or internet connection does not allow you to edit shared documents.
Docs uses WebSockets—a communication channel that enables instant, two-way message exchange between your browser and our servers—for real-time editing. To enable collaborative editing, please contact your IT administrators to allow WebSocket connections.

FR
La configuration réseau de votre poste de travail ou de votre connexion internet ne permet pas d’éditer des documents partagés.
Docs utilise les WebSockets pour permettre l'édition en temps réel. Ces canaux de communication permettent des échanges instantanés et bidirectionnels entre votre navigateur et nos serveurs. Pour accéder à l'édition collaborative, veuillez contacter votre service informatique afin d'autoriser les WebSockets.

-> It looks like this

Update: I specified that it was the shared documents that were not editable.