From 1c9fd9f2b1b4b62cbc0894a009c8786f8a47b4a2 Mon Sep 17 00:00:00 2001
From: Felipe Morato <felipe.morato@csc.fi>
Date: Mon, 6 Mar 2023 08:39:52 +0200
Subject: [PATCH] Remove unused components and views

---
 CHANGELOG.md                                  |  11 +
 .../src/common/router.js                      |  18 --
 .../src/components/ACLDiscover.vue            |  51 ----
 .../src/components/ContainerDownloadLink.vue  |  99 --------
 .../src/components/ObjectDeleteButton.vue     |  74 ------
 .../src/components/ReplicateContainer.vue     |  68 ------
 .../src/components/RequestSharing.vue         |  65 ------
 .../src/components/ShareRequestsTable.vue     | 186 ---------------
 .../src/components/SharedDetails.vue          | 106 ---------
 .../src/components/SharedMenu.vue             |  60 -----
 .../src/views/Dashboard.vue                   | 217 -----------------
 .../src/views/DirectRequest.vue               | 148 ------------
 .../src/views/DirectShare.vue                 | 221 ------------------
 .../src/views/ShareRequests.vue               |  47 ----
 .../src/views/SharedFrom.vue                  |  42 ----
 .../src/views/SharedTo.vue                    |  43 ----
 16 files changed, 11 insertions(+), 1445 deletions(-)
 delete mode 100644 swift_browser_ui_frontend/src/components/ACLDiscover.vue
 delete mode 100644 swift_browser_ui_frontend/src/components/ContainerDownloadLink.vue
 delete mode 100644 swift_browser_ui_frontend/src/components/ObjectDeleteButton.vue
 delete mode 100644 swift_browser_ui_frontend/src/components/ReplicateContainer.vue
 delete mode 100644 swift_browser_ui_frontend/src/components/RequestSharing.vue
 delete mode 100644 swift_browser_ui_frontend/src/components/ShareRequestsTable.vue
 delete mode 100644 swift_browser_ui_frontend/src/components/SharedDetails.vue
 delete mode 100644 swift_browser_ui_frontend/src/components/SharedMenu.vue
 delete mode 100644 swift_browser_ui_frontend/src/views/Dashboard.vue
 delete mode 100644 swift_browser_ui_frontend/src/views/DirectRequest.vue
 delete mode 100644 swift_browser_ui_frontend/src/views/DirectShare.vue
 delete mode 100644 swift_browser_ui_frontend/src/views/ShareRequests.vue
 delete mode 100644 swift_browser_ui_frontend/src/views/SharedFrom.vue
 delete mode 100644 swift_browser_ui_frontend/src/views/SharedTo.vue

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d7a90ce9d..41db1de65 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -95,6 +95,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fix hiding the pagination of data tables
 - Fix shared objects functionality: visibility, deleting, editing tags
 
+### Removed
+
+- (GL #944) Unused views and components
+  - views
+    - `swift_browser_ui_frontend/src/views/Dashboard.vue`
+    - `swift_browser_ui_frontend/src/views/DirectRequest.vue`
+    - `swift_browser_ui_frontend/src/views/DirectShare.vue`
+    - `swift_browser_ui_frontend/src/views/ShareRequests.vue`
+    - `swift_browser_ui_frontend/src/views/SharedFrom.vue`
+    - `swift_browser_ui_frontend/src/views/SharedTo.vue`
+
 ## [v2.0.1]
 
 ### Fixed
diff --git a/swift_browser_ui_frontend/src/common/router.js b/swift_browser_ui_frontend/src/common/router.js
index 68d239f0f..f8ca2d448 100644
--- a/swift_browser_ui_frontend/src/common/router.js
+++ b/swift_browser_ui_frontend/src/common/router.js
@@ -1,12 +1,9 @@
 import Vue from "vue";
 import Router from "vue-router";
-import DashboardView from "@/views/Dashboard.vue";
 import FoldersView from "@/views/Folders.vue";
 import ObjectsView from "@/views/Objects.vue";
 import SharedObjects from "@/views/SharedObjects";
-import DirectRequest from "@/views/DirectRequest";
 import TokensView from "@/views/Tokens";
-import DirectShare from "@/views/DirectShare";
 
 Vue.use(Router);
 
@@ -18,26 +15,11 @@ export default new Router({
       name: "TokensView",
       component: TokensView,
     },
-    {
-      path: "/browse/:user/:project/sharing/requestdirect",
-      name: "DirectRequest",
-      component: DirectRequest,
-    },
-    {
-      path: "/browse/:user/:project/sharing/sharedirect",
-      name: "DirectShare",
-      component: DirectShare,
-    },
     {
       path: "/browse/:user/:project/:container/shared/:owner",
       name: "SharedObjects",
       component: SharedObjects,
     },
-    {
-      path: "/browse/:user/:project/info",
-      name: "DashboardView",
-      component: DashboardView,
-    },
     {
       path: "/browse/:user/:project",
       name: "AllFolders",
diff --git a/swift_browser_ui_frontend/src/components/ACLDiscover.vue b/swift_browser_ui_frontend/src/components/ACLDiscover.vue
deleted file mode 100644
index 63cc2b473..000000000
--- a/swift_browser_ui_frontend/src/components/ACLDiscover.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <section>
-    <b-button
-      v-if="!isLoading"
-      type="is-primary"
-      outlined
-      @click="syncShares"
-    >
-      {{ $t("message.discover.sync_shares") }}
-    </b-button>
-    <b-button
-      v-else
-      type="is-primary"
-      loading
-      outlined
-    >
-      {{ $t("message.discover.sync_shares") }}
-    </b-button>
-  </section>
-</template>
-
-<script>
-import { syncContainerACLs } from "@/common/conv";
-
-export default {
-  name: "ACLDiscoverButton",
-  data: function () {
-    return {
-      isLoading: false,
-    };
-  },
-  methods: {
-    syncShares: function () {
-      this.isLoading = true;
-      syncContainerACLs(this.$store.state.client, this.$store.state.active.id)
-        .then((amount) => {
-          if (amount > 1) {
-            //removed toast for page that will be deleted
-          } else {
-            //removed toast for page that will be deleted
-          }
-          this.isLoading = false;
-          this.$emit("synced");
-        })
-        .catch(() => {
-          this.isLoading = false;
-        });
-    },
-  },
-};
-</script>
diff --git a/swift_browser_ui_frontend/src/components/ContainerDownloadLink.vue b/swift_browser_ui_frontend/src/components/ContainerDownloadLink.vue
deleted file mode 100644
index 91cf61474..000000000
--- a/swift_browser_ui_frontend/src/components/ContainerDownloadLink.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<template>
-  <b-button
-    v-if="disabled"
-    tag="a"
-    type="is-primary"
-    outlined
-    target="_blank"
-    :inverted="inverted"
-    disabled
-    icon-left="download"
-  >
-    {{ $t('message.downloadContainer') }}
-  </b-button>
-  <b-button
-    v-else
-    tag="a"
-    type="is-primary"
-    outlined
-    target="_blank"
-    :inverted="inverted"
-    :href="download_link"
-    icon-left="download"
-  >
-    {{ $t('message.downloadContainer') }}
-  </b-button>
-</template>
-
-<script>
-export default {
-  name: "ContainerDownloadLink",
-  props: [
-    "container",
-    "project",
-    "inverted",
-    "disabled",
-  ],
-  data: function () {
-    return {
-      download_link: "",
-    };
-  },
-  computed: {
-    active () {
-      return this.$store.state.active;
-    },
-  },
-  watch: {
-    container: function () {
-      this.createDownloadLink();
-    },
-    active: function () {
-      this.createDownloadLink();
-    },
-  },
-  beforeMount () {
-    this.createDownloadLink();
-  },
-  methods: {
-    createDownloadLink: function () {
-      if (this.$route.params.container != undefined) {
-        if (this.$route.name == "SharedObjects") {
-          this.download_link = "/download/".concat(
-            this.$route.params.owner,
-            "/",
-            this.$route.params.container,
-            "?project=",
-            this.active.id,
-          );
-        }
-        else {
-          this.download_link = "/download/".concat(
-            this.active.id,
-            "/",
-            this.$route.params.container,
-          );
-        }
-      }
-      else {
-        if (this.$route.name == "SharedTo") {
-          this.download_link = "/download/".concat(
-            this.$props.project,
-            "/",
-            this.$props.container,
-            "?project=",
-            this.active.id,
-          );
-        }
-        else {
-          this.download_link = "/download/".concat(
-            this.active.id,
-            "/",
-            this.$props.container,
-          );
-        }
-      }
-    },
-  },
-};
-</script>
diff --git a/swift_browser_ui_frontend/src/components/ObjectDeleteButton.vue b/swift_browser_ui_frontend/src/components/ObjectDeleteButton.vue
deleted file mode 100644
index e4ede8c18..000000000
--- a/swift_browser_ui_frontend/src/components/ObjectDeleteButton.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <div class="contents">
-    <c-button
-      text
-      size="small"
-      title="Delete"
-      @click="confirmDelete ()"
-      @keyup.enter="confirmDelete ()"
-    >
-      {{ $t('message.delete') }}
-    </c-button>
-  </div>
-</template>
-
-<script>
-import {swiftDeleteObjects} from "@/common/api";
-
-export default {
-  name: "DeleteObjectsButton",
-  props: [
-    "disabled",
-    "inverted",
-    "size",
-    "objects",
-  ],
-  methods: {
-    confirmDelete: function () {
-      this.$buefy.dialog.confirm({
-        title: this.$t("message.objects.deleteObjects"),
-        message: this.$t("message.objects.deleteObjectsMessage"),
-        confirmText: this.$t("message.objects.deleteConfirm"),
-        type: "is-danger",
-        hasIcon: true,
-        onConfirm: () => {this.deleteObjects();},
-      });
-    },
-    deleteObjects: function () {
-      //removed toast for page that will be deleted
-      let to_remove = new Array;
-      if (typeof(this.$props.objects) == "string") {
-        to_remove.push(this.$props.objects);
-      } else {
-        for (let object of this.$props.objects) {
-          to_remove.push(object.name);
-        }
-      }
-      if(this.$route.name !== "SharedObjects") {
-        const objIDs = this.$props.objects.reduce(
-          (prev, obj) => [...prev, obj.id], [],
-        );
-        this.$store.state.db.objects.bulkDelete(objIDs);
-      }
-      swiftDeleteObjects(
-        this.$route.params.project,
-        this.$route.params.container,
-        to_remove,
-      ).then(async () => {
-        if (this.$route.name === "SharedObjects") {
-          await this.$store.dispatch(
-            "updateSharedObjects",
-            {
-              project: this.$route.params.project,
-              container: {
-                name: this.$route.params.container,
-                id: 0,
-              },
-            },
-          );
-        }
-      });
-    },
-  },
-};
-</script>
diff --git a/swift_browser_ui_frontend/src/components/ReplicateContainer.vue b/swift_browser_ui_frontend/src/components/ReplicateContainer.vue
deleted file mode 100644
index dd280c8ae..000000000
--- a/swift_browser_ui_frontend/src/components/ReplicateContainer.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <div v-if="disabled">
-    <b-button
-      v-if="smallsize"
-      type="is-primary"
-      size="is-small"
-      outlined
-      disabled
-      :inverted="inverted"
-      icon-left="content-copy"
-    >
-      {{ $t('message.copy') }}
-    </b-button>
-    <b-button
-      v-else
-      type="is-primary"
-      outlined
-      :inverted="inverted"
-      disabled
-      icon-left="content-copy"
-    >
-      {{ $t('message.copy') }}
-    </b-button>
-  </div>
-  <div v-else>
-    <b-button
-      v-if="smallsize"
-      type="is-primary"
-      size="is-small"
-      outlined
-      :inverted="inverted"
-      icon-left="content-copy"
-      @click="toggleCopyFolderModal(container, from)"
-    >
-      {{ $t('message.copy') }}
-    </b-button>
-    <b-button
-      v-else
-      type="is-primary"
-      outlined
-      :inverted="inverted"
-      icon-left="content-copy"
-      @click="toggleCopyFolderModal(container, from)"
-    >
-      {{ $t('message.copy') }}
-    </b-button>
-  </div>
-</template>
-
-<script>
-import { toggleCopyFolderModal } from "@/common/globalFunctions";
-
-export default {
-  name: "ReplicateContainerButton",
-  props: [
-    "container",
-    "smallsize",
-    "inverted",
-    "disabled",
-    "from",
-  ],
-  data: function () {
-    return {
-      toggleCopyFolderModal,
-    };
-  },
-};
-</script>
diff --git a/swift_browser_ui_frontend/src/components/RequestSharing.vue b/swift_browser_ui_frontend/src/components/RequestSharing.vue
deleted file mode 100644
index 1804d640e..000000000
--- a/swift_browser_ui_frontend/src/components/RequestSharing.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-  <section>
-    <b-field grouped>
-      <b-field
-        horizontal
-        :label="$t('message.request.container')"
-        :message="$t('message.request.container_message')"
-        expanded
-      >
-        <b-input 
-          v-model="container"
-          name="container"
-          expanded
-        />
-      </b-field>
-
-      <b-field
-        horizontal
-        :label="$t('message.request.owner')"
-        :message="$t('message.request.owner_message')"
-        expanded
-      >
-        <b-input
-          v-model="owner"
-          name="owner"
-          expanded
-        />
-      </b-field>
-
-      <b-field>
-        <p class="control">
-          <button
-            class="button is-primary"
-            @click="requestShare ()"
-          >
-            {{ $t('message.request.request') }}
-          </button>
-        </p>
-      </b-field>
-    </b-field>
-  </section>
-</template>
-
-<script>
-export default {
-  name: "RequestSharing",
-  data () {
-    return {
-      container: "",
-      owner: "",
-    };
-  },
-  methods: {
-    requestShare: function () {
-      this.$store.state.requestClient.addAccessRequest(
-        this.$route.params.project,
-        this.container,
-        this.owner,
-      ).then(() => {
-        this.$router.go();
-      });
-    },
-  },
-};
-</script>
diff --git a/swift_browser_ui_frontend/src/components/ShareRequestsTable.vue b/swift_browser_ui_frontend/src/components/ShareRequestsTable.vue
deleted file mode 100644
index 6d82a3ec1..000000000
--- a/swift_browser_ui_frontend/src/components/ShareRequestsTable.vue
+++ /dev/null
@@ -1,186 +0,0 @@
-<template>
-  <div id="requested-shares-table">
-    <hr>
-    <b-field
-      grouped
-      grouped-multiline
-    >
-      <b-select
-        v-model="perPage"
-        data-testid="containersPerPage"
-      >
-        <option value="5">
-          5 {{ $t('message.table.pageNb') }}
-        </option>
-        <option value="10">
-          10 {{ $t('message.table.pageNb') }}
-        </option>
-        <option value="15">
-          15 {{ $t('message.table.pageNb') }}
-        </option>
-        <option value="25">
-          25 {{ $t('message.table.pageNb') }}
-        </option>
-        <option value="50">
-          50 {{ $t('message.table.pageNb') }}
-        </option>
-        <option value="100">
-          100 {{ $t('message.table.pageNb') }}
-        </option>
-      </b-select>
-    </b-field>
-    <b-table
-      focusable
-      narrowed
-      detailed
-      default-sort="name"
-      :data="requestedSharesList"
-      :selected.sync="selected"
-      :current-page.sync="currentPage"
-      :paginated="true"
-      :per-page="perPage"
-      :pagination-simple="true"
-      :default-sort-direction="defaultSortDirection"
-    >
-      <b-table-column
-        sortable
-        field="container"
-        :label="$t('message.share.container')"
-      >
-        <template #default="props">
-          {{ props.row.container |truncate(80) }}
-        </template>
-      </b-table-column>
-      <b-table-column
-        sortable
-        field="owner"
-        :label="$t('message.share.owner')"
-      >
-        <template #default="props">
-          {{ props.row.owner }}
-        </template>
-      </b-table-column>
-      <b-table-column
-        sortable
-        field="created"
-        :label="$t('message.share.created')"
-      >
-        <template #default="props">
-          {{ getHumanReadableDate( props.row.date ) }}
-        </template>
-      </b-table-column>
-      <b-table-column
-        field="delete"
-        width="40"
-      >
-        <template #default="props">
-          <b-button
-            type="is-danger"
-            outlined
-            size="is-small"
-            @click="deleteShareRequest(props.row.container, props.row.owner)"
-          >
-            {{ $t('message.share.cancel') }}
-          </b-button>
-        </template>
-      </b-table-column>
-      <template #empty>
-        <p class="empptyTable">
-          {{ $t('message.emptyRequested') }}
-        </p>
-      </template>
-    </b-table>
-  </div>
-</template>
-
-<script>
-import { truncate } from "@/common/conv";
-
-import delay from "lodash/delay";
-
-export default {
-  name: "ShareRequestsTable",
-  filters: {
-    truncate,
-  },
-  data () {
-    return {
-      perPage: 10,
-      requestedSharesList: [],
-      selected: undefined,
-      currentPage: 1,
-      defaultSortDirection: "asc",
-    };
-  },
-  computed: {
-    project () {
-      return this.$route.params.project;
-    },
-  },
-  beforeMount () {
-    this.getShareRequests();
-  },
-  methods: {
-    getHumanReadableDate: function ( val ) {
-      let dateVal = new Date(val);
-      let langLocale = "en-GB";
-      var options = {
-        weekday: "short",
-        year: "numeric",
-        month: "short",
-        day: "numeric",
-        hour: "2-digit",
-        minute: "2-digit",
-        second: "2-digit",
-      };
-      var zone = { timeZone: "EEST" };
-      switch (this.$i18n.locale) {
-        case "en":
-          langLocale = "en-GB";
-          break;
-        case "fi":
-          langLocale = "fi-FI";
-          break;
-        default:
-          langLocale = "en-GB";
-      }
-      return dateVal.toLocaleDateString(langLocale, options, zone);
-    },
-    getShareRequests: function () {
-      if (this.$store.state.client) {
-        this.$store.state.requestClient.listMadeRequests(
-          this.project,
-        ).then(
-          (ret) => {this.requestedSharesList = ret;},
-        );
-      }
-      else {
-        delay(this.getShareRequests, 100);
-      }
-    },
-    deleteShareRequest: function(
-      container,
-      owner,
-    ) {
-      this.$store.state.requestClient.shareDeleteAccess(
-        this.project,
-        container,
-        owner,
-      ).then(() => {
-        this.$router.go();
-      });
-    },
-  },
-};
-</script>
-
-<style scoped>
-#requested-shares-table {
-  margin-top: 20px;
-}
-.emptyTable {
-  text-align: center;
-  margin-top: 5%;
-  margin-bottom: 5%;
-}
-</style>
diff --git a/swift_browser_ui_frontend/src/components/SharedDetails.vue b/swift_browser_ui_frontend/src/components/SharedDetails.vue
deleted file mode 100644
index ce892f80a..000000000
--- a/swift_browser_ui_frontend/src/components/SharedDetails.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<template>
-  <ul>
-    <li
-      v-for="details in allDetails"
-      :key="details"
-    >
-      <div class="columns">
-        <div class="column is-four-fifths">
-          <ul>
-            <li>
-              {{ $t('message.share.shared_details_to') }}
-              {{ details.sharedTo }}
-            </li>
-            <li>
-              {{ $t('message.share.shared_details_address') }}
-              {{ details.address }}
-            </li>
-            <li>
-              <b-taglist>
-                <b-tag
-                  v-if="details.access.includes('r')"
-                  type="is-primary"
-                >
-                  {{ $t('message.share.shared_details_read') }}
-                </b-tag>
-                <b-tag
-                  v-if="details.access.includes('w')"
-                  type="is-primary"
-                >
-                  {{ $t('message.share.shared_details_write') }}
-                </b-tag>
-              </b-taglist>
-            </li>
-          </ul>
-        </div>
-        <div class="column">
-          <b-button
-            class="container-share-revoke-button"
-            type="is-danger"
-            size="is-small"
-            icon-left="delete"
-            outlined
-            @click="deleteSingleShare(details.sharedTo)"
-          >
-            {{ $t('message.share.revoke_project') }}
-          </b-button>
-        </div>
-      </div>
-    </li>
-  </ul>
-</template>
-
-<script>
-import { removeAccessControlMeta } from "@/common/api";
-
-export default {
-  props: ["container"],
-  data: function () {
-    return {
-      allDetails: {},
-    };
-  },
-  computed: {
-    project () {
-      return this.$route.params.project;
-    },
-  },
-  beforeMount () {
-    this.getSharedDetails();
-  },
-  methods: {
-    getSharedDetails: function () {
-      this.$store.state.client.getShareDetails(
-        this.$route.params.project,
-        this.container,
-      ).then((ret) => {
-        this.allDetails = ret;
-      });
-    },
-    deleteSingleShare: function (
-      recipient,
-    ) {
-      removeAccessControlMeta(
-        this.project,
-        this.container,
-        recipient,
-      ).then(() => {
-        this.$store.state.client.shareDeleteAccess(
-          this.$route.params.project,
-          this.container,
-          [recipient],
-        ).then(() => {
-          //removed toast for page that will be deleted
-        });
-      });
-    },
-  },
-};
-</script>
-
-<style>
-  .container-share-revoke-button{
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-</style>
diff --git a/swift_browser_ui_frontend/src/components/SharedMenu.vue b/swift_browser_ui_frontend/src/components/SharedMenu.vue
deleted file mode 100644
index d9489f51d..000000000
--- a/swift_browser_ui_frontend/src/components/SharedMenu.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <b-menu>
-    <b-menu-list>
-      <b-menu-item
-        icon="folder-account"
-        tag="router-link"
-        :label="$t('message.share.to_me')"
-        :to="{name :'SharingTo' ,params: {
-          user: user,
-          project: project,
-        }}"
-        :active="name == 'SharingTo' ? true : false"
-      />
-      <b-menu-item
-        icon="share"
-        tag="router-link"
-        :label="$t('message.share.from_me')"
-        :to="{name: 'SharingFrom', params: {
-          user: user,
-          project: project,
-        }}"
-        :active="name == 'SharingFrom' ? true : false"
-      />
-    </b-menu-list>
-  </b-menu>
-</template>
-
-<script>
-export default {
-  name: "SharedMenu",
-  computed: {
-    project () {
-      return this.$route.params.project;
-    },
-    user () {
-      return this.$route.params.user;
-    },
-    name () {
-      return this.$route.name;
-    },
-  },
-};
-</script>
-
-
-<style>
-.menu-list {
-  border: solid 1px #dbdbdb;
-  border-radius: 6px;
-}
-.menu-list li a {
-  padding: 0.8em;
-}
-.menu-list li {
-  border-bottom: solid 1px #dbdbdb;
-}
-.menu-list li:last-child {
-  border-bottom: none;
-}
-</style>
diff --git a/swift_browser_ui_frontend/src/views/Dashboard.vue b/swift_browser_ui_frontend/src/views/Dashboard.vue
deleted file mode 100644
index 135d4ce84..000000000
--- a/swift_browser_ui_frontend/src/views/Dashboard.vue
+++ /dev/null
@@ -1,217 +0,0 @@
-<template>
-  <c-flex>
-    <c-loader
-      v-if="loader"
-      data-testid="dashboard-loading-indicator"
-    />
-    <div
-      v-else
-      class="dashboard contents"
-    >
-      <div class="tile is-ancestor">
-        <div class="tile is-parent is-horizontal is-4">
-          <div class="tile is-child box">
-            <p class="title is-size-5">
-              {{ $t('message.dashboard.prj_usage') }}
-            </p>
-            <p>
-              <ul>
-                <li>
-                  <b>{{ $t('message.dashboard.account') }}:</b> {{ Account }}
-                </li>
-                <li>
-                  <b>
-                    {{ $t('message.dashboard.containers') }}:
-                  </b> {{ Containers }}
-                </li>
-                <li>
-                  <b>{{ $t('message.dashboard.objects') }}:</b> {{ Objects }}
-                </li>
-                <li>
-                  <b>{{ $t('message.dashboard.usage') }}:</b> {{ Size }}
-                </li>
-              </ul>
-            </p>
-          </div>
-        </div>
-        <div class="tile is-parent is-horizontal is-8">
-          <div class="tile is-child box">
-            <p class="title is-size-5">
-              {{ $t('message.dashboard.cur_billing') }}
-            </p>
-            <progress
-              v-if="Bytes < (Bytes > 1099511627776 ? Bytes : 1099511627776)"
-              class="progress is-success is-large"
-              :value="Bytes"
-              :max="Bytes > 1099511627776 ? Bytes : 1099511627776"
-            >
-              {{ parseInt(Bytes/1099511627776) }}
-            </progress>
-            <progress
-              v-else
-              class="progress is-danger is-large"
-              :value="Bytes"
-              :max="Bytes > 1099511627776 ? Bytes : 1099511627776"
-            >
-              {{ parseInt(Bytes/1099511627776) }}
-            </progress>
-            <p>
-              <ul>
-                <li>
-                  <b>{{ $t('message.dashboard.prj_str_usag') }}: </b>
-                  {{ Size }} / {{ ProjectSize }}
-                  <b-tooltip
-                    v-if="!DisableTooltip"
-                    size="is-large"
-                    :label="$t('message.dashboard.default_notify')"
-                    position="is-right"
-                    multilined
-                    always
-                  >
-                    <b-icon
-                      size="is-small"
-                      icon="information"
-                    />
-                  </b-tooltip>
-                  <b-tooltip
-                    v-else
-                    size="is-large"
-                    :label="$t('message.dashboard.default_notify')"
-                    position="is-right"
-                    multilined
-                  >
-                    <b-icon
-                      size="is-small"
-                      icon="information"
-                    />
-                  </b-tooltip>
-                </li>
-                <li>
-                  <b>{{ $t('message.dashboard.equals') }}: </b>
-                  {{ Billed }} <b>BU / {{ $t('message.dashboard.hour') }} </b>
-                </li>
-              </ul>
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="tile is-ancestor">
-        <div class="tile is-parent is-horizontal is-12">
-          <div class="tile is-child is-12 box">
-            <p class="title is-size-5">
-              {{ $t('message.dashboard.more_info') }}
-            </p>
-            <ul>
-              <li 
-                v-for="item in $t('message.dashboard.links')"
-                :key="item.msg"
-              >
-                <a
-                  target="_blank"
-                  :href="item.href"
-                >{{ item.msg }}</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-      <div class="tile is-ancestor">
-        <div class="tile is-parent is-horizontal is-12">
-          <div class="tile is-child is-12 box">
-            <p class="title is-size-5">
-              {{ $t('message.dashboard.resources') }}
-            </p>
-            <div class="field has-addons">
-              <p class="control">
-                <router-link
-                  :to="{
-                    name: 'TokensView',
-                    params: {
-                      user: $store.state.uname,
-                      project: $store.state.active.id,
-                    }
-                  }"
-                >
-                  {{ $t('message.dashboard.tokens') }}
-                </router-link>
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </c-flex>
-</template>
-
-<script>
-import { getProjectMeta } from "@/common/api";
-
-export default {
-  name: "DashboardView",
-  // The view for the application user page for showing the user
-  // information in a bit more detail. Shows e.g. the storage
-  // expenditure and the billing unit (BU) usage caused by that.
-  data: function () {
-    // Since we don't need the app for caching, we can use a more elegant
-    // way of declaring the instance data
-    return {
-      Containers: 0,
-      Objects: 0,
-      Account: "",
-      Size: 0,
-      Billed: 0,
-      Bytes: 0,
-      DisableTooltip: false,
-      ProjectSize: "10TiB",
-      loader: true,
-    };
-  },
-  computed: {
-    active () {
-      return this.$store.state.active;
-    },
-  },
-  watch: {
-    active () {
-      this.fetchMeta();
-      this.disable();
-    },
-  },
-  beforeMount(){
-    // Fetch relevant things upon initializing the class instance
-    if (this.active.id) {
-      this.fetchMeta();
-      this.disable();
-    }
-  },
-  methods: {
-    fetchMeta: function () {
-      // Get the project metadata from the API using the API convenience
-      // function in api.js
-      getProjectMeta(this.active.id).then((ret) => {
-        this.Containers = ret["Containers"];
-        this.Objects = ret["Objects"];
-        this.Account = ret["Account"].replace("AUTH_", "");
-        this.Size = ret["Size"];
-        this.Billed = ret["Billed"];
-        this.Bytes = ret["Bytes"];
-        this.ProjectSize = ret["ProjectSize"];
-        this.loader = false;
-      });
-    },
-    disable: function() {
-      // Automatically display a tip / notification about the billing
-      // units and related calculations. Also timeout said tip.
-      if (document.cookie.match("DISABLE_BILLING_NOTE")) {
-        this.DisableTooltip = true;
-      }
-      else {
-        setTimeout(() => {
-          this.DisableTooltip = true;
-          document.cookie = "DISABLE_BILLING_NOTE=true";
-        }, 4000);
-      }
-    },
-  },
-};
-</script>
diff --git a/swift_browser_ui_frontend/src/views/DirectRequest.vue b/swift_browser_ui_frontend/src/views/DirectRequest.vue
deleted file mode 100644
index 66e12ff39..000000000
--- a/swift_browser_ui_frontend/src/views/DirectRequest.vue
+++ /dev/null
@@ -1,148 +0,0 @@
-<template>
-  <div
-    id="requestview"
-    class="contents"
-  >
-    <h1 class="title is-3 requesthead">
-      {{ $t('message.request.requestHeading') }}
-    </h1>
-    <b-field
-      v-if="projects.length > 1"
-      horizontal
-      :label="$t('message.request.project')"
-    >
-      <b-select
-        v-model="project"
-        :placeholder="active.name"
-      >
-        <option
-          v-for="item in projects"
-          :key="item.id"
-          :value="item.id"
-        >
-          {{ item.name }}
-        </option>
-      </b-select>
-    </b-field>
-    <b-field
-      horizontal
-      :label="$t('message.request.container')"
-      :message="$t('message.request.container_message')"
-    >
-      <b-input 
-        v-model="container"
-        name="container"
-        expanded
-        aria-required="true"
-      />
-    </b-field>
-
-    <b-field
-      horizontal
-      :label="$t('message.request.owner')"
-      :message="$t('message.request.owner_message')"
-    >
-      <b-input
-        v-model="owner"
-        name="owner"
-        expanded
-        aria-required="true"
-      />
-    </b-field>
-
-    <b-field
-      horizontal
-    >
-      <p class="control">
-        <button
-          class="button is-primary"
-          @click="requestShare ()"
-        >
-          {{ $t('message.request.request') }}
-        </button>
-      </p>
-    </b-field>
-  </div>
-</template>
-
-<script>
-import delay from "lodash/delay";
-
-export default {
-  name: "DirectRequest",
-  data () {
-    return {
-      container: "",
-      owner: "",
-      project: "",
-    };
-  },
-  computed: {
-    projects () {
-      return this.$store.state.projects;
-    },
-    active () {
-      return this.$store.state.active;
-    },
-  },
-  beforeMount () {
-    this.setActive(50);
-    this.checkMultiProject(50);
-    this.setParams(50);
-  },
-  methods: {
-    requestShare: function () {
-      this.$store.state.requestClient.addAccessRequest(
-        this.project,
-        this.container,
-        this.owner,
-      ).then(() => {
-        this.$router.go();
-      });
-    },
-    setActive: function (wait) {
-      try {
-        this.project = this.active.id;
-      } catch(ReferenceError) {
-        delay(this.setActive, wait, [wait * 2]);
-      }
-    },
-    setParams: function (wait) {
-      try {
-        this.container = this.$route.query.container;
-        this.owner = this.$route.query.owner;
-      } catch (ReferenceError) {
-        delay(this.setParams, wait, [wait * 2]);
-      }
-    },
-    checkMultiProject: function (wait) {
-      try {
-        if (this.projects.length > 1) {
-          this.$buefy.notification.open({
-            indefinite: true,
-            message: this.$t("message.request.multi_project"),
-            type: "is-danger",
-          });
-        }
-        else {
-          this.requestShare();
-        }
-      } catch (ReferenceError) {
-        delay(this.checkMultiProject, wait, [wait * 2]);
-      }
-    },
-  },
-};
-</script>
-
-<style scoped>
-  #requestview {
-    width: auto;
-    margin-left: 5%;
-    margin-right: 5%;
-    font-family: 'museo-sans';
-  }
-  .requesthead {
-    margin: 1% 1% 1% 0;
-  }
-</style>
diff --git a/swift_browser_ui_frontend/src/views/DirectShare.vue b/swift_browser_ui_frontend/src/views/DirectShare.vue
deleted file mode 100644
index b177fa0a8..000000000
--- a/swift_browser_ui_frontend/src/views/DirectShare.vue
+++ /dev/null
@@ -1,221 +0,0 @@
-<template>
-  <div
-    id="sharingview"
-    class="contents"
-  >
-    <h3 class="title is-3 sharinghead">
-      {{ $t('message.share.share') }}
-    </h3>
-    <b-field
-      v-if="projects.length > 1"
-      :label="$t('message.share.from_me')"
-    >
-      <b-select
-        v-model="project"
-        :placeholder="active.name"
-      >
-        <option
-          v-for="item in projects"
-          :key="item.id"
-          :value="item.id"
-        >
-          {{ item.name }}
-        </option>
-      </b-select>
-    </b-field>
-    <b-field
-      grouped
-    >
-      <b-switch
-        v-model="read"
-      >
-        {{ $t('message.share.read_perm') }}
-      </b-switch>
-      <b-switch
-        v-model="write"
-      >
-        {{ $t('message.share.write_perm') }}
-      </b-switch>
-    </b-field>
-    <b-field
-      :label="$t('message.share.container')"
-    >
-      <b-input
-        v-model="container"
-        name="container"
-        expanded
-        aria-required="true"
-      />
-    </b-field>
-    <TagInput
-      id="shareid-tags"
-      :tags="tags"
-      :aria-label="$t('label.list_of_shareids')"
-      :placeholder="$t('message.share.field_placeholder')"
-      @addTag="addingTag"
-      @deleteTag="deletingTag"
-    />
-    <b-field>
-      <p class="control">
-        <button
-          class="button is-primary"
-          @click="createAndShare ()"
-        >
-          {{ $t('message.share.share_cont') }}
-        </button>
-      </p>
-    </b-field>
-  </div>
-</template>
-
-<script>
-import delay from "lodash/delay";
-import {
-  addAccessControlMeta,
-  swiftCreateContainer,
-  getSharedContainerAddress,
-} from "@/common/api.js";
-
-import {
-  addNewTag,
-  deleteTag,
-} from "@/common/globalFunctions";
-
-import TagInput from "@/components/TagInput.vue";
-
-export default {
-  name: "DirectShare",
-  components: { TagInput },
-  data () {
-    return {
-      container: "",
-      tags: [],
-      project: "",
-      read: true,
-      write: true,
-    };
-  },
-  computed: {
-    projects () {
-      return this.$store.state.projects;
-    },
-    active () {
-      return this.$store.state.active;
-    },
-  },
-  watch: {
-    read: function () {
-      if(!this.read) {
-        this.write = false;
-      }
-    },
-    write: function () {
-      if(this.write) {
-        this.read = true;
-      }
-    },
-  },
-  beforeMount () {
-    this.setActive(100);
-    this.setParams(100);
-    delay(this.checkMultiProject, 100, [200]);
-  },
-  methods: {
-    createAndShare: function () {
-      this.asyncCreateAndShare().then((ret) => {
-        if (ret) {
-          this.$router.push({
-            name: "SharedFrom",
-            params: {
-              project: this.active.id,
-            },
-          });
-        }
-      });
-    },
-    asyncCreateAndShare: async function () {
-      let rights = [];
-      if (this.read) {
-        rights.push("r");
-      }
-      if (this.write) {
-        rights.push("w");
-      }
-      if (rights.length < 1) {
-        //removed toast for page that will be deleted
-      }
-      // create the container
-      await swiftCreateContainer(
-        this.projects,
-        this.container,
-      );
-      await addAccessControlMeta(
-        this.project,
-        this.container,
-        rights,
-        this.tags,
-      );
-      await this.$store.state.client.shareNewAccess(
-        this.project,
-        this.container,
-        this.tags,
-        rights,
-        await getSharedContainerAddress(this.project),
-      );
-      return true;
-    },
-    setActive: function (wait) {
-      try {
-        this.project = this.active.id;
-      } catch(ReferenceError) {
-        delay(this.setActive, wait, [wait * 2]);
-      }
-    },
-    setParams: function (wait) {
-      try {
-        this.container = this.$route.query.container;
-        for (let uuid of this.$route.query.projects.split(",")) {
-          this.tags.push(uuid);
-        }
-      } catch (ReferenceError) {
-        delay(this.setParams, wait, [wait * 2]);
-      }
-    },
-    checkMultiProject: function (wait) {
-      try {
-        if (this.projects.length == 1 && this.projects != undefined) {
-          this.createAndShare();
-        } else {
-          this.$buefy.notification.open({
-            indefinite: true,
-            message: this.$t("message.request.multi_project"),
-            type: "is-danger",
-          });
-        }
-      } catch (ReferenceError) {
-        delay(this.checkMultiProject, wait, [wait * 2]);
-      }
-    },
-    addingTag: function (e, onBlur) {
-      this.tags = addNewTag(e, this.tags, onBlur);
-    },
-    deletingTag: function (e, tag) {
-      this.tags = deleteTag(e, tag, this.tags);
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-@import "@/css/prod.scss";
-
-  #sharingview {
-    width: auto;
-    margin-left: 5%;
-    margin-right: 5%;
-    font-family: 'museo-sans';
-  }
-  .sharinghead {
-    margin: 1% 1% 1% 0;
-  }
-</style>
diff --git a/swift_browser_ui_frontend/src/views/ShareRequests.vue b/swift_browser_ui_frontend/src/views/ShareRequests.vue
deleted file mode 100644
index 471f921b8..000000000
--- a/swift_browser_ui_frontend/src/views/ShareRequests.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-  <section class="contents">
-    <div class="sharing-view columns">
-      <SharedMenu 
-        class="column is-one-fifth"
-      />
-      <div class="requestview column">
-        <RequestSharing />
-        <ShareRequestsTable />
-      </div>
-    </div>
-  </section>
-</template>
-
-<script>
-import SharedMenu from "@/components/SharedMenu";
-import ShareRequestsTable from "@/components/ShareRequestsTable";
-import RequestSharing from "@/components/RequestSharing";
-
-export default {
-  name: "ShareRequests",
-  components: {
-    SharedMenu,
-    ShareRequestsTable,
-    RequestSharing,
-  },
-  data () {
-    return {};
-  },
-};
-</script>
-
-<style scoped>
-.sharing-view {
-  display: flex;
-  padding-left: 5%;
-  padding-right: 5%;
-  width: auto;
-}
-#SharedMenu {
-  flex: 1 1 auto;
-  padding-right: 1%
-}
-.requestview {
-  flex: 4 1 auto;
-}
-</style>
diff --git a/swift_browser_ui_frontend/src/views/SharedFrom.vue b/swift_browser_ui_frontend/src/views/SharedFrom.vue
deleted file mode 100644
index cabc8334a..000000000
--- a/swift_browser_ui_frontend/src/views/SharedFrom.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <section class="contents">
-    <div class="sharing-view columns">
-      <SharedMenu 
-        class="column is-one-fifth"
-      />
-      <SharedOutTable />
-    </div>
-  </section>
-</template>
-
-<script>
-import SharedMenu from "@/components/SharedMenu";
-import SharedOutTable from "@/components/SharedOutTable";
-
-export default {
-  name: "SharedFrom",
-  components: {
-    SharedOutTable,
-    SharedMenu,
-  },
-  data () {
-    return {};
-  },
-};
-</script>
-
-<style scoped>
-.sharing-view {
-  display: flex;
-  padding-left: 5%;
-  padding-right: 5%;
-  width: auto;
-}
-#SharedMenu {
-  flex: 1 1 auto;
-  padding-right: 1%
-}
-#SharedOutTable {
-  flex: 4 1 auto;
-}
-</style>
diff --git a/swift_browser_ui_frontend/src/views/SharedTo.vue b/swift_browser_ui_frontend/src/views/SharedTo.vue
deleted file mode 100644
index f33a61323..000000000
--- a/swift_browser_ui_frontend/src/views/SharedTo.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <section class="contents">
-    <div class="sharing-view columns">
-      <SharedMenu
-        class="column is-one-fifth"
-      />
-      <SharedTable />
-    </div>
-  </section>
-</template>
-
-<script>
-import SharedMenu from "@/components/SharedMenu";
-import SharedTable from "@/components/SharedTable";
-
-export default {
-  name: "SharedTo",
-  components: {
-    SharedMenu,
-    SharedTable,
-  },
-  data () {
-    return {};
-  },
-};
-</script>
-
-
-<style scoped>
-.sharing-view {
-  display: flex;
-  padding-left: 5%;
-  padding-right: 5%;
-  width: auto;
-}
-#SharedMenu {
-  flex: 1 1 auto;
-  padding-right: 1%
-}
-#SharedTable {
-  flex: 4 1 auto;
-}
-</style>