Feature/token modal

.github/config/.finnishwords.txt

@@ -64,6 +64,7 @@ hinnoittelulaskuri
 hyväksy
 hyväksyä
 hyväksyäksesi
+ikkunan
 ilman
 ja
 jaa
@@ -338,6 +339,7 @@ ota
 ottaneesi
 ovat
 oy
+paikkaan
 paina
 painikkeella
 painikkeesta
@@ -464,6 +466,7 @@ sivupyynnössä
 sivutus
 sopimus
 sulje
+suljet
 suodata
 suositellut
 suuren
@@ -549,6 +552,7 @@ tunnus
 tunti
 tuo
 tuottaa
+turvalliseen
 tyhjennä
 tyhjä
 tyyppi
@@ -557,6 +561,7 @@ tägejä
 tägillä
 tägit
 tähän
+tälle
 tällä
 tältä
 tämä

CHANGELOG.md

@@ -55,6 +55,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - (GH #989) Make selected Display Options consistent when browsing between pages
 - (GH #944) Create new Taginput component to replace Buefy's taginput component
 - (GL #944) Replace buefy upload button with a new component: `CUploadButton`
+- (GL #940) Added TokenModal to replace token page
 
 ### Changed
 

swift_browser_ui_frontend/src/common/lang.js

@@ -197,6 +197,7 @@ let default_translations = {
         complete: "Uploading completed",
         cancelled: "Uploading cancelled",
       },
+      close: "Close",
       copy: " Copy",
       copied: "Share ID copied to clipboard",
       copy_failed: "Copying failed",
@@ -242,20 +243,21 @@ let default_translations = {
       },
       tokens: {
         empty: "No API tokens created for the project",
-        identifier: "Identifier",
-        revoke: "Revoke",
-        identLabel: "New token identifier",
-        identMessage: "Insert new token identifier here",
+        title: "Create API-tokens",
+        identifier: "Token identifier",
+        identLabel: "Insert new token identifier",
         createToken: "Create token",
         latestToken: "Latest token: ",
-        copyToken:
-          "The token will be displayed just this once after its " +
-          "creation, and recovering it will not be possible " +
-          "afterwards. Please make sure that you have stored " +
-          "the token somewhere before navigating away from the " +
-          "token page.",
+        copy: "Copy token",
+        copyWarning:
+          "Token will be displayed just this once " +
+          "and recovering it is not be possible. " +
+          "Please store the token somewhere " +
+          "safe before closing this modal.",
         tokenCopied: "Token copied.",
-        back: "Back to all folders",
+        tokenRemoved: "Token removed.",
+        inUse: "Token identifier already in use.",
+        creationFailed: "Token creation failed.",
       },
       encrypt: {
         uploadFiles: "Upload files",
@@ -557,6 +559,7 @@ let default_translations = {
         complete: "Lähetys on valmis",
         cancelled: "Lähetys peruutettu",
       },
+      close: "Sulje",
       copy: " Kopioi",
       copied: "Jakamistunnus kopioitu leikepöydälle.",
       copy_failed: "Kopiointi epäonnistui.",
@@ -598,20 +601,22 @@ let default_translations = {
         name_newFolder: "Nimeä uusi kansio",
       },
       tokens: {
-        empty: "Projektille ei ole luotu API-avaimia",
-        identifier: "Tunniste",
-        revoke: "Mitätöi",
-        identLabel: "Uuden avaimen tunniste",
-        identMessage: "Syötä tunniste uudelle API-avaimelle",
+        empty: "Tälle projektille ei ole luotu API-avaimia",
+        title: "Luo API-avaimet",
+        identifier: "Avainten tunnisteet",
+        identLabel: "Syötä tunniste uudelle API-avaimelle",
         createToken: "Luo avain",
         latestToken: "Viimeisin avain: ",
-        back: "Palaa päänäkymään",
-        copyToken:
-          "Avain näytetään vain kerran luonnin jälkeen, eikä sen " +
-          "kopiointi tai palautus jälkeenpäin ole mahdollista. " +
-          "Kopioi avain talteen ennen kuin " +
-          "poistut tältä sivulta.",
+        copy: "Kopioi avain",
+        copyWarning:
+          "Avain näytetään vain tämän kerran, " +
+          "eikä sen kopiointi tai palautus ole mahdollista jälkeenpäin. " +
+          "Tallenna avain turvalliseen paikkaan " +
+          "ennen kuin suljet tämän ikkunan.",
         tokenCopied: "Avain kopioitu.",
+        tokenRemoved: "Avain poistettu.",
+        creationFailed: "Avaimen luonti epäonnistui.",
+        inUse: "Avaimen tunniste on jo käytössä.",
       },
       encrypt: {
         uploadFiles: "Lataa tiedostoja",

swift_browser_ui_frontend/src/common/router.js

@@ -2,7 +2,6 @@ import { createRouter, createWebHistory } from "vue-router";
 import FoldersView from "@/views/Folders.vue";
 import ObjectsView from "@/views/Objects.vue";
 import SharedObjects from "@/views/SharedObjects.vue";
-import TokensView from "@/views/Tokens.vue";
 
 export default createRouter({
   history: createWebHistory(),
@@ -12,11 +11,6 @@ export default createRouter({
       name: "AllFolders",
       component: FoldersView,
     },
-    {
-      path: "/browse/:user/:project/tokens",
-      name: "TokensView",
-      component: TokensView,
-    },
     {
       path: "/browse/:user/:project/:container/shared/:owner",
       name: "SharedObjects",

swift_browser_ui_frontend/src/common/store.js

@@ -51,6 +51,7 @@ const store = createStore({
     selectedObjectName: "",
     openCopyFolderModal: false,
     openDeleteModal: false,
+    openTokenModal: false,
     deletableObjects: [],
     isFolderCopied: false,
     sourceProjectId: "",
@@ -231,6 +232,9 @@ const store = createStore({
     toggleDeleteModal(state, payload) {
       state.openDeleteModal = payload;
     },
+    toggleTokenModal(state, payload) {
+      state.openTokenModal = payload;
+    },
     setDeletableObjects(state, payload) {
       state.deletableObjects = payload;
     },

swift_browser_ui_frontend/src/components/BrowserMainNavbar.vue

@@ -157,10 +157,8 @@ export default {
               href: this.$t("message.supportMenu.itemLink2"),
             },
             {
-              title: this.$t("message.supportMenu.item3"),
-              route: {name: "TokensView", params: {
-                user: this.uname,
-                project: this.active.id}},
+              title: this.$t("message.supportMenu.sharing"),
+              action: () => this.$store.commit("toggleTokenModal", true),
             },
             {
               title: this.$t("message.supportMenu.item4"),