README.md

@@ -4,7 +4,7 @@
 
 ## 📝 Overview
 
-The User Interface (UI) project is a comprehensive frontend application that facilitates interaction with the Coscine environment and its API. Built using Vue and TypeScript, it leverages a range of powerful tools including Bootstrap Vue, Vue Router, Pinia, and Vue i18n. It is the central repository for the entire Coscine user interface.
+The User Interface (UI) project is a comprehensive frontend application that facilitates interaction with the Coscine environment and its API. Built using [Vue](https://vuejs.org/) and [TypeScript](https://www.typescriptlang.org/), it leverages a range of powerful tools including [Bootstrap Vue](https://github.com/bootstrap-vue/bootstrap-vue), [Vue Router](https://router.vuejs.org/), [Pinia](https://pinia.vuejs.org/), and [Vue I18n](https://vue-i18n.intlify.dev/). It is the central repository for the entire Coscine user interface.
 
 ## ⚙️ Configuration
 
@@ -68,6 +68,3 @@ By following these simple steps, you can get the support you need to use Coscine
 
 External users can find the _Releases and Changelog_ inside each project's repository. The repository contains a section for Releases (`Deployments > Releases`), where users can find the latest release changelog and source. Withing the Changelog you can find a list of all the changes made in that particular release and version.  
 By regularly checking for new releases and changes in the Changelog, you can stay up-to-date with the latest improvements and bug fixes by our team and community!
-
-
-

package.json

 {
   "name": "ui",
-  "version": "2.4.2",
+  "version": "2.5.0",
   "private": true,
   "scripts": {
     "dev": "vite",

src/components/elements/Footer.vue

@@ -26,6 +26,14 @@
         >
           <u>{{ $t("nav.extrasImprint") }}</u>
         </b-nav-item>
+        <div class="vl" />
+        <!-- Accessibility -->
+        <b-nav-item
+          :href="$t('nav.url.extrasAccessibility').toString()"
+          target="_blank"
+        >
+          <u>{{ $t("nav.extrasAccessibility") }}</u>
+        </b-nav-item>
       </b-navbar-nav>
     </b-collapse>
   </b-navbar>

src/components/elements/Navbar.vue

@@ -84,6 +84,13 @@
             >
               {{ $t("nav.extrasImprint") }}
             </b-dropdown-item>
+            <!-- Accessibility -->
+            <b-dropdown-item
+              :href="$t('nav.url.extrasAccessibility').toString()"
+              target="_blank"
+            >
+              {{ $t("nav.extrasAccessibility") }}
+            </b-dropdown-item>
             <!-- Contact -->
             <b-dropdown-item :href="'mailto:' + contactEmail" target="_blank">
               {{ $t("nav.extrasContact") }}

src/i18n/de.ts

@@ -13,6 +13,7 @@ export default {
     extrasHelp: "Hilfe",
     extrasDisclaimer: "Disclaimer",
     extrasImprint: "Impressum",
+    extrasAccessibility: "Barrierefreiheit",
     extrasContact: "Kontakt",
     user: "{displayName}",
     userProfile: "Nutzerprofil",
@@ -26,6 +27,8 @@ export default {
       extrasDisclaimer:
         "https://git.rwth-aachen.de/coscine/docs/public/terms/-/blob/master/PrivacyPolicy.md",
       extrasImprint: "https://www.coscine.de/imprint/",
+      extrasAccessibility:
+        "https://git.rwth-aachen.de/coscine/docs/public/terms/-/blob/master/Accessibility.md",
       coscine: "https://www.coscine.de/",
     },
   } as VueI18n.LocaleMessageObject,

src/i18n/en.ts

@@ -13,6 +13,7 @@ export default {
     extrasHelp: "Help",
     extrasDisclaimer: "Disclaimer",
     extrasImprint: "Imprint",
+    extrasAccessibility: "Accessibility",
     extrasContact: "Contact",
     user: "{displayName}",
     userProfile: "User Profile",
@@ -26,6 +27,8 @@ export default {
       extrasDisclaimer:
         "https://git.rwth-aachen.de/coscine/docs/public/terms/-/blob/master/PrivacyPolicy.md",
       extrasImprint: "https://www.coscine.de/en/imprint/",
+      extrasAccessibility:
+        "https://git.rwth-aachen.de/coscine/docs/public/terms/-/blob/master/Accessibility.md",
       coscine: "https://www.coscine.de/en/",
     },
   } as VueI18n.LocaleMessageObject,

src/modules/project/store.ts

@@ -37,7 +37,7 @@ import type {
   ProjectRoleForProjectManipulationDto,
   QuotaForManipulationDto,
   ResourceDto,
-  ResourceDtoIEnumerablePagedResponse,
+  ResourceDtoPagedResponse,
   ResourceTypeInformationDto,
   ResourceTypeOptionsForUpdateDto,
   RoleDto,
@@ -291,7 +291,7 @@ export const useProjectStore = defineStore({
       pageNumber?: number,
       pageSize?: number,
       orderBy?: string
-    ): Promise<ResourceDtoIEnumerablePagedResponse> {
+    ): Promise<ResourceDtoPagedResponse> {
       const notificationStore = useNotificationStore();
       try {
         if (project?.id && project?.slug) {

src/modules/resource/components/resource-page/FilesView.vue

@@ -111,7 +111,7 @@
                 />
               </span>
               <a
-                v-if="!editableDataUrl"
+                v-if="!editableDataUrl || row.item.isFolder"
                 class="fileViewEntry"
                 @click="triggerNavigation(row.item)"
               >

src/modules/resource/components/resource-page/metadata/MetadataManagerSpecialProperties.vue

@@ -31,11 +31,15 @@
         :label="$t('page.resource.metadataKey')"
         :is-loading="showDetail && !currentFolderContent.name"
       >
+
         <template v-if="!isEntryNameUrlSafe" #hint>
           <span class="text-danger">{{
             $t("page.resource.urlSafeEntryNameHint")
           }}</span>
         </template>
+        <template v-else #hint>
+          {{ $t("page.resource.slashHint") }}
+        </template>
         <b-form-input
           :value="currentFolderContent.name"
           :placeholder="$t('page.resource.metadataKey')"

src/modules/resource/i18n/de.ts

@@ -194,6 +194,9 @@ export default {
       dataUrl: "Daten URL",
       metadataKey: "Eintragsname",
       size: "Dateigröße",
+
+      slashHint:
+        "Die Verwendung eines Schrägstrichs (/) erstellt (Unter-)Ordner.",
       urlSafeEntryNameHint:
         "Die folgenden Zeichen können nicht für den Eintragsnamen verwendet werden: \\ : ? * < > |",
     },

src/modules/resource/i18n/en.ts

@@ -190,6 +190,7 @@ export default {
       dataUrl: "Data URL",
       metadataKey: "Entry Name",
       size: "File Size",
+      slashHint: "Using a forward slash (/), will create (sub-)folders.",
       urlSafeEntryNameHint:
         "The following characters cannot be used for the Entry Name: \\ : ? * < > |",
     },

src/modules/resource/store.ts

@@ -246,6 +246,7 @@ export const useResourceStore = defineStore({
           ApplicationProfileApi.getApplicationProfiles(
             "",
             undefined,
+            false,
             pageNumber,
             50,
             orderBy