package.json

 {
   "name": "ui",
-  "version": "1.11.5",
+  "version": "1.11.6",
   "private": true,
   "scripts": {
     "dev": "vite",

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

@@ -112,10 +112,13 @@
               }}</b-dropdown-item
             >
             <b-dropdown-item
-              :disabled="resource && resource.archived"
+              :disabled="
+                (resource && resource.archived) ||
+                (resourceTypeInformation && !resourceTypeInformation.canDelete)
+              "
               @click="deleteFile(row.item)"
-              >{{ $t("buttons.delete") }}</b-dropdown-item
-            >
+              >{{ $t("buttons.delete") }}
+            </b-dropdown-item>
           </b-dropdown>
         </template>
         <template #cell(size)="row">

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

@@ -16,11 +16,15 @@
           }}: {{ resource.displayName }}
         </p>
       </span>
+
+      <!-- Info Circle -->
       <b-icon
         id="resourceDetails"
         icon="info-circle"
         :title="$t('page.resource.info')"
       />
+
+      <!-- Info Popover -->
       <b-popover
         v-if="resource"
         over
@@ -92,6 +96,8 @@
           ><br />
         </div>
       </b-popover>
+
+      <!-- Resource Settings Button -->
       <b-button
         v-if="canEditResource"
         :title="$t('page.resource.edit')"
@@ -100,6 +106,8 @@
       >
         <b-icon icon="pencil-fill" :title="$t('page.resource.edit')" />
       </b-button>
+
+      <!-- Upload Button -->
       <b-button
         :title="$t('page.resource.upload')"
         class="btn btn-sm"
@@ -108,16 +116,20 @@
       >
         <b-icon icon="plus" :title="$t('page.resource.upload')" />
       </b-button>
+
+      <!-- Archived badge -->
       <span v-if="resource && resource.archived" class="badgeWrap">
         <b-badge pill variant="warning">{{ $t("default.archived") }}</b-badge>
       </span>
     </div>
 
+    <!-- Quota Progress Bar -->
     <div class="col-sm-2">
       <div
         v-if="maxSize !== undefined && used !== undefined"
         class="progressContainer"
       >
+        <!-- Progress Bar -->
         <b-progress :max="maxSize">
           <b-progress-bar :value="used">
             <span v-if="used / maxSize >= 0.5">
@@ -136,6 +148,8 @@
         </b-progress>
       </div>
     </div>
+
+    <!-- Search Bar -->
     <div class="col-sm-2 searchColumn">
       <b-input-group>
         <b-form-input

src/modules/resource/components/resource-page/modals/SaveDuplicateFilesModal.vue

@@ -10,7 +10,10 @@
     @cancel="$emit('close', $event.target.value)"
     @shown="$emit('shown', $event.target.value)"
   >
-    <div>
+    <div v-if="resourceTypeInformation && !resourceTypeInformation.canUpdate">
+      {{ $t("page.resource.modalSaveDuplicatesFilesBodyWorm") }}
+    </div>
+    <div v-else>
       {{ $t("page.resource.modalSaveDuplicateFilesBody") }}
     </div>
     <br />
@@ -35,6 +38,9 @@
         >{{ $t("page.resource.modalSaveDuplicateFilesBtnSkip") }}</b-button
       >
       <b-button
+        :disabled="
+          resourceTypeInformation && !resourceTypeInformation.canUpdate
+        "
         class="float-right"
         style="justify-content: flex-end"
         @click="$emit('ok', $event.target.value)"
@@ -46,7 +52,13 @@
 
 <script lang="ts">
 import { defineComponent } from "vue-demi";
-
+// import the store for current module
+import useResourceStore from "../../../store";
+import useProjectStore from "@/modules/project/store";
+// import the main store
+import useMainStore from "@/store/index";
+import type { ResourceTypeInformation } from "@coscine/api-client/dist/types/Coscine.Api.Resources";
+import type { VisitedResourceObject } from "../../../types";
 export default defineComponent({
   props: {
     uploadFileListReplaceFiles: {
@@ -58,6 +70,26 @@ export default defineComponent({
       type: Boolean,
     },
   },
+  setup() {
+    const mainStore = useMainStore();
+    const resourceStore = useResourceStore();
+    const projectStore = useProjectStore();
+
+    return { mainStore, resourceStore, projectStore };
+  },
+  computed: {
+    resource(): null | VisitedResourceObject {
+      return this.resourceStore.currentResource;
+    },
+    resourceTypeInformation(): null | undefined | ResourceTypeInformation {
+      if (this.resourceStore.resourceTypes && this.resource) {
+        return this.resourceStore.resourceTypes.find(
+          (resourceType) => resourceType.id === this.resource?.type?.id
+        );
+      }
+      return null;
+    },
+  },
 });
 </script>
 
@@ -68,4 +100,7 @@ export default defineComponent({
   right: 33%;
   white-space: nowrap;
 }
+.btn-secondary.disabled {
+  pointer-events: none;
+}
 </style>

src/modules/resource/components/settings/Actions.vue

@@ -7,9 +7,10 @@
       :is-loading="isLoading"
       class="d-flex align-items-center"
     >
+      <!-- Using "checked" instead of "v-model", because "resourceForm" is a prop -->
       <b-form-checkbox
         id="Archive"
-        v-model="resourceForm.archived"
+        :checked="resourceForm.archived"
         :disabled="!(isOwner || isResourceCreator) || !resourceForm"
         switch
         size="lg"
@@ -29,11 +30,14 @@
         id="DeleteResource"
         type="delete"
         variant="danger"
-        :disabled="!resourceForm"
+        :disabled="
+          !resourceForm ||
+          (resourceTypeInformation && !resourceTypeInformation.canDelete)
+        "
         @click.prevent="isDeleteModalVisible = true"
       >
-        {{ $t("buttons.delete") }}</b-button
-      >
+        {{ $t("buttons.delete") }}
+      </b-button>
     </coscine-form-group>
 
     <!-- Archive Resource Modal -->
@@ -58,18 +62,19 @@
 import { defineComponent, PropType } from "vue-demi";
 import useProjectStore from "@/modules/project/store";
 import useUserStore from "@/modules/user/store";
+import useResourceStore from "../../store";
 import ArchiveResourceModal from "./modals/ArchiveResourceModal.vue";
 import DeleteResourceModal from "./modals/DeleteResourceModal.vue";
 import type { ResourceObject } from "@coscine/api-client/dist/types/Coscine.Api.Resources";
 import type { UserObject } from "@coscine/api-client/dist/types/Coscine.Api.User";
-
+import type { ResourceTypeInformation } from "@coscine/api-client/dist/types/Coscine.Api.Resources";
 export default defineComponent({
   components: {
     ArchiveResourceModal,
     DeleteResourceModal,
   },
   props: {
-    value: {
+    resourceForm: {
       type: Object as PropType<ResourceObject>,
       required: true,
     },
@@ -78,27 +83,39 @@ export default defineComponent({
       type: Boolean,
     },
   },
+
   emits: {
     toggleArchive: null,
     clickDelete: null,
-    input: (_: ResourceObject) => null,
   },
+
   setup() {
     const projectStore = useProjectStore();
     const userStore = useUserStore();
+    const resourceStore = useResourceStore();
 
-    return { projectStore, userStore };
+    return { projectStore, userStore, resourceStore };
   },
 
   data() {
     return {
-      resourceForm: this.value,
       isArchiveModalVisible: false,
       isDeleteModalVisible: false,
     };
   },
 
   computed: {
+    resource(): null | ResourceObject {
+      return this.resourceStore.currentResource;
+    },
+    resourceTypeInformation(): null | undefined | ResourceTypeInformation {
+      if (this.resourceStore.resourceTypes && this.resource) {
+        return this.resourceStore.resourceTypes.find(
+          (resourceType) => resourceType.id === this.resource?.type?.id
+        );
+      }
+      return null;
+    },
     isOwner(): boolean | undefined {
       return this.projectStore.currentUserRoleIsOwner;
     },
@@ -114,15 +131,6 @@ export default defineComponent({
     },
   },
 
-  watch: {
-    resource: {
-      handler() {
-        this.$emit("input", this.resourceForm);
-      },
-      deep: true,
-    },
-  },
-
   methods: {
     toggleArchive() {
       this.$emit("toggleArchive");
@@ -137,4 +145,8 @@ export default defineComponent({
 });
 </script>
 
-<style></style>
+<style scoped>
+.btn-danger.disabled {
+  pointer-events: none;
+}
+</style>

src/modules/resource/i18n/de.ts

@@ -144,6 +144,8 @@ export default {
       modalSaveDuplicateFilesHeader: "Dateien ersetzen oder überspringen",
       modalSaveDuplicateFilesBody:
         "Es sind bereits Dateien mit dem gleichen Namen vorhanden. Diese Dateien werden überschrieben:",
+      modalSaveDuplicatesFilesBodyWorm:
+        "Es sind bereits Dateien mit dem gleichen Namen vorhanden. Diese Dateien können nicht überschrieben werden:",
       modalSaveDuplicateFilesBtnCancel: "HOCHLADEN ABBRECHEN",
       modalSaveDuplicateFilesBtnSkip: "DIESE DATEIEN ÜBERSPRINGEN",
       modalSaveDuplicateFilesBtnOverwrite: "ÜBERSCHREIBEN",

src/modules/resource/i18n/en.ts

@@ -141,6 +141,8 @@ export default {
       modalSaveDuplicateFilesHeader: "Replace or skip duplicate files",
       modalSaveDuplicateFilesBody:
         "One or more files with the same name already exist. Uploading will result in overwriting the following file(s):",
+      modalSaveDuplicatesFilesBodyWorm:
+        "One or more files with the same name already exist. The following files cannot be overwritten:",
       modalSaveDuplicateFilesBtnCancel: "CANCEL UPLOAD",
       modalSaveDuplicateFilesBtnSkip: "SKIP DUPLICATE FILES",
       modalSaveDuplicateFilesBtnOverwrite: "OVERWRITE",

src/modules/resource/pages/Settings.vue

@@ -44,7 +44,7 @@
     <Actions
       v-if="resource"
       v-show="tabs[currentTab].step === 'action'"
-      v-model="resource"
+      :resource-form="resource"
       @toggleArchive="toggleArchive"
       @clickDelete="clickDelete"
     />