ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

improve collab status bar

Browse Source
This commit is contained in:
Hans Pagel
2020-12-02 20:16:43 +01:00
parent b1a505dc3e
commit 3978643e88
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/src/demos/Examples/CollaborativeEditing/index.vue
View File

@@ -6,10 +6,9 @@
<div class="editor__users"> <div class="editor__users">
<div :class="`editor__status editor__status--${status}`"> <div :class="`editor__status editor__status--${status}`">
{{ status }}<template v-if="status === 'connected'"> {{ status }}<template v-if="status === 'connected'">
as {{ currentUser.name }} as {{ currentUser.name }},
{{ users.length }} user{{ users.length === 1 ? '' : 's' }} online
</template> </template>
&middot;
{{ users.length }} user{{ users.length === 1 ? '' : 's' }} online
</div> </div>
<div class="editor__actions"> <div class="editor__actions">
<button @click="setName"> <button @click="setName">
@@ -73,7 +72,7 @@ export default {
indexdb: null, indexdb: null,
editor: null, editor: null,
users: [], users: [],
status: null, status: 'connecting',
} }
}, },