frontend: Fix errors for undefined variables

swift_browser_ui_frontend/src/common/conv.js

@@ -189,3 +189,10 @@ export function makeGetObjectsMetaURL(container, objects) {
 }
 
 export const taginputConfirmKeys = [",", ";", ":", ".", " ", "Tab", "Enter"];
+
+export function truncate(value, length) {
+  if (!value) {
+    return "";
+  }
+  return value.length > length ? value.substr(0, length) + "..." : value;
+}

swift_browser_ui_frontend/src/common/store.js

@@ -18,8 +18,8 @@ Vue.use(Vuex);
 const store = new Vuex.Store({
   state: {
     projects: [],
-    active: undefined,
-    uname: undefined,
+    active: {},
+    uname: "",
     multipleProjects: false,
     isLoading: false,
     isFullPage: true,

swift_browser_ui_frontend/src/components/ObjectTable.vue

@@ -328,7 +328,7 @@
 </template>
 
 <script>
-import { getHumanReadableSize } from "@/common/conv";
+import { getHumanReadableSize, truncate } from "@/common/conv";
 import debounce from "lodash/debounce";
 import escapeRegExp from "lodash/escapeRegExp";
 import ContainerDownloadLink from "@/components/ContainerDownloadLink";
@@ -344,10 +344,8 @@ export default {
     ReplicateContainerButton,
     DeleteObjectsButton,
   },
-  filters:{
-    truncate(value, length) {
-      return value.length > length ? value.substr(0, length) + "..." : value;
-    },
+  filters: {
+    truncate,
   },
   data: function () {
     return {

swift_browser_ui_frontend/src/components/ShareRequestsTable.vue

@@ -95,14 +95,14 @@
 </template>
 
 <script>
+import { truncate } from "@/common/conv";
+
 import delay from "lodash/delay";
 
 export default {
   name: "ShareRequestsTable",
   filters: {
-    truncate(value, length) {
-      return value.length > length ? value.substr(0, length) + "..." : value;
-    },
+    truncate,
   },
   data () {
     return {

swift_browser_ui_frontend/src/components/SharedTable.vue

@@ -119,6 +119,7 @@
 </template>
 
 <script>
+import { truncate } from "@/common/conv";
 import delay from "lodash/delay";
 import ContainerDownloadLink from "@/components/ContainerDownloadLink";
 import ReplicateContainerButton from "@/components/ReplicateContainer";
@@ -130,9 +131,7 @@ export default {
     ReplicateContainerButton,
   },
   filters: {
-    truncate(value, length) {
-      return value.length > length ? value.substr(0, length) + "..." : value;
-    },
+    truncate,
   },
   data: function () {
     return {

swift_browser_ui_frontend/src/entries/login.js

@@ -1,10 +1,24 @@
 import Vue from "vue";
 import App from "@/pages/LoginPage.vue";
 
+import getLangCookie from "@/common/conv";
+import translations from "@/common/lang";
+
 // Import project css
 import "@/css/prod.scss";
 
+import VueI18n from "vue-i18n";
+
+Vue.use(VueI18n);
+
+
+const i18n = new VueI18n({
+  locale: getLangCookie(),
+  messages: translations,
+});
+
 new Vue ({
+  i18n,
   data: {
     formname: "Token id:",
     loginformname: "Openstack account:",

swift_browser_ui_frontend/src/entries/main.js

@@ -291,7 +291,7 @@ new Vue({
         else {
           retl.push({
             alias: this.$t("message.containers")
-                   + this.$store.state.active.name,
+                   + this.$store.state.active.name || "",
             address: {name: "ContainersView"},
           });
         }

swift_browser_ui_frontend/src/pages/BrowserPage.vue

@@ -44,12 +44,12 @@
 </template>
 
 <script>
+import { truncate } from "@/common/conv";
+
 export default {
   name: "BrowserPage",
   filters: {
-    truncate(value, length) {
-      return value.length > length ? value.substr(0, length) + "..." : value;
-    },
+    truncate,
   },
 };
 </script>

swift_browser_ui_frontend/src/views/Containers.vue

@@ -282,7 +282,7 @@
 </template>
 
 <script>
-import { getHumanReadableSize } from "@/common/conv";
+import { getHumanReadableSize, truncate } from "@/common/conv";
 import debounce from "lodash/debounce";
 import escapeRegExp from "lodash/escapeRegExp";
 import FolderUploadForm from "@/components/FolderUpload";
@@ -299,9 +299,7 @@ export default {
     DeleteContainerButton,
   },
   filters:{
-    truncate(value, length) {
-      return value.length > length ? value.substr(0, length) + "..." : value;
-    },
+    truncate,
   },
   data: function () {
     return {

tests/cypress/integration/userInfo.spec.js

@@ -56,9 +56,10 @@ describe("Retrieve User information", function () {
         cy.contains('Buckets: 10')
         cy.contains('wol')
         cy.get('.navbar-dropdown').invoke('css', 'display', 'block')
-            .should('have.css', 'display', 'block')
+        .should('have.css', 'display', 'block')
         cy.wait(2000)
         cy.contains('what').click()
+        cy.wait(1000)
         cy.url().should('eq', Cypress.config().baseUrl + '/browse/test_user_id')
         cy.contains('.buttons > .button','Browser').click()
         cy.wait(2000)