diff options
| -rw-r--r-- | src/components/EditorWrapper.vue | 4 | ||||
| -rw-r--r-- | src/components/SessionList.vue | 13 | ||||
| -rw-r--r-- | src/helpers/index.js | 6 |
3 files changed, 13 insertions, 10 deletions
diff --git a/src/components/EditorWrapper.vue b/src/components/EditorWrapper.vue index 0cbf62e1b..fe65f430f 100644 --- a/src/components/EditorWrapper.vue +++ b/src/components/EditorWrapper.vue @@ -109,7 +109,6 @@ import { import { SyncService, ERROR_TYPE, IDLE_TIMEOUT } from './../services/SyncService.js' import ImageResolver from './../services/ImageResolver.js' -import { getRandomGuestName } from './../helpers/index.js' import { extensionHighlight } from '../helpers/mappings.js' import { createEditor, serializePlainText, loadSyntaxHighlight } from './../EditorFactory.js' import { createMarkdownSerializer } from './../extensions/Markdown.js' @@ -361,8 +360,7 @@ export default { this.$parent.$emit('error', 'No valid file provided') return } - - const guestName = localStorage.getItem('nick') ? localStorage.getItem('nick') : getRandomGuestName() + const guestName = localStorage.getItem('nick') ? localStorage.getItem('nick') : '' this.$syncService = new SyncService({ guestName, diff --git a/src/components/SessionList.vue b/src/components/SessionList.vue index c004dc938..fcd5e1784 100644 --- a/src/components/SessionList.vue +++ b/src/components/SessionList.vue @@ -55,7 +55,10 @@ :disable-tooltip="true" :size="32" /> </div> - {{ session.guestName ? session.guestName : session.displayName }} + <span class="session-label"> + {{ session.userId ? session.displayName : (session.guestName ? session.guestName : t('text', 'Guest')) }} + </span> + <span v-if="session.userId === null" class="guest-label">({{ t('text', 'guest') }})</span> </li> </ul> <input id="toggle-color-annotations" @@ -200,6 +203,14 @@ export default { width: 32px; margin-right: 6px; } + + .session-label { + padding-right: 3px; + } + .guest-label { + padding-left: 3px; + color: var(--color-text-maxcontrast); + } } } diff --git a/src/helpers/index.js b/src/helpers/index.js index 491d8008c..93608fb03 100644 --- a/src/helpers/index.js +++ b/src/helpers/index.js @@ -44,13 +44,7 @@ const endpointUrl = (endpoint, isPublic = false) => { return `${_baseUrl}/${endpoint}` } -const randomGuestNames = ['Artichoke', 'Arugula', 'Asparagus', 'Avocado', 'Bamboo Shoot', 'Bean Sprout', 'Bean', 'Beet', 'Belgian Endive', 'Bell Pepper', 'Bitter Melon', 'Bitter Gourd', 'Bok Choy', 'Broccoli', 'Brussels Sprout', 'Burdock Root', 'Cabbage', 'Calabash', 'Caper', 'Carrot', 'Cassava', 'Cauliflower', 'Celery', 'Celery Root', 'Celtuce', 'Chayote', 'Chinese Broccoli', 'Corn', 'Baby Corn', 'Cucumber', 'English Cucumber', 'Gherkin', 'Pickling Cucumber', 'Daikon Radish', 'Edamame', 'Eggplant', 'Elephant Garlic', 'Endive', 'Curly', 'Escarole', 'Fennel', 'Fiddlehead', 'Galangal', 'Garlic', 'Ginger', 'Grape Leave', 'Green Bean', 'Wax Bean', 'Green', 'Amaranth Leave', 'Beet Green', 'Collard Green', 'Dandelion Green', 'Kale', 'Kohlrabi Green', 'Mustard Green', 'Rapini', 'Spinach', 'Swiss Chard', 'Turnip Green', 'Hearts of Palm', 'Horseradish', 'Jerusalem Artichoke', 'Jícama', 'Kale', 'Curly', 'Lacinato', 'Ornamental', 'Kohlrabi', 'Leeks', 'Lemongrass', 'Lettuce', 'Butterhead', 'Iceberg', 'Leaf', 'Romaine', 'Lotus Root', 'Lotus Seed', 'Mushroom', 'Napa Cabbage', 'Nopales', 'Okra', 'Olive', 'Onion', 'Green Onion', 'Parsley', 'Parsley Root', 'Parsnip', 'Pepper', 'Plantain', 'Potato', 'Pumpkin', 'Purslane', 'Radicchio', 'Radish', 'Rutabaga', 'Shallots', 'Spinach', 'Squash', 'Sweet Potato', 'Swiss Chard', 'Taro', 'Tomatillo', 'Tomato', 'Turnip', 'Water Chestnut', 'Water Spinach', 'Watercress', 'Winter Melon', 'Yams', 'Zucchini'] -const getRandomGuestName = () => { - return randomGuestNames[Math.floor(Math.random() * randomGuestNames.length)] -} - export { documentReady, endpointUrl, - getRandomGuestName, } |