CERNONLY: What's new guide

cernbox · Mar 23, 2022 · 597eefe · 597eefe
1 parent b858e97
commit 597eefe
Show file tree

Hide file tree

Showing 4 changed files with 732 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -36,7 +36,9 @@
     "not OperaMobile > 0"
   ],
   "dependencies": {
-    "vue": "^2.6.10"
+    "shepherd.js": "^9.0.0",
+    "vue": "^2.6.10",
+    "vue-shepherd": "^0.2.1"
   },
   "devDependencies": {
     "@babel/core": "^7.17.5",

diff --git a/packages/web-runtime/src/components/Topbar/ThemeSwitcher.vue b/packages/web-runtime/src/components/Topbar/ThemeSwitcher.vue
@@ -5,6 +5,7 @@
     :aria-label="buttonLabel"
     appearance="raw"
     variation="inverse"
+    style="white-space: nowrap"
     @click="toggleTheme"
   >
     <span class="oc-visible@s" :aria-label="switchLabel" v-text="switchText" />

diff --git a/packages/web-runtime/src/components/Topbar/TopBar.vue b/packages/web-runtime/src/components/Topbar/TopBar.vue
@@ -14,6 +14,7 @@
       <portal-target name="app.runtime.header" multiple></portal-target>
     </div>
     <div class="oc-topbar-right oc-flex oc-flex-middle oc-flex-between">
+      <tour v-if="!isLightweight"/>
       <theme-switcher v-if="darkThemeAvailable" />
       <feedback-link v-if="isFeedbackLinkEnabled" />
       <notifications v-if="isNotificationBellEnabled" />
@@ -31,14 +32,16 @@ import UserMenu from './UserMenu.vue'
 import Notifications from './Notifications.vue'
 import FeedbackLink from './FeedbackLink.vue'
 import ThemeSwitcher from './ThemeSwitcher.vue'
+import Tour from './Tour/Tour.vue'
 
 export default {
   components: {
     ApplicationsMenu,
     FeedbackLink,
     Notifications,
     ThemeSwitcher,
-    UserMenu
+    UserMenu,
+    Tour
   },
   mixins: [NavigationMixin],
   props: {
@@ -56,6 +59,10 @@ export default {
   computed: {
     ...mapGetters(['configuration', 'user']),
 
+    isLightweight() {
+      return window.Vue.$store.getters.user.usertype === 'lightweight'
+    },
+
     activeRoutePath() {
       return this.$router.resolve(this.$route).location.path
     },