Disable tags for locked files

changelog/unreleased/bugfix-tags-not-editable-locked-files

@@ -0,0 +1,6 @@
+Bugfix: Tags are no longer editable for a locked file
+
+Tags are no longer editable for files that are currently locked.
+
+https://github.com/owncloud/web/pull/9873
+https://github.com/owncloud/web/issues/9789

docs/theming/_index.md

@@ -259,6 +259,26 @@ Spacing variables get prepended with `--oc-space-`, so e.g. _"xlarge"_ creates t
 }
 ```
 
+### App Banner
+To configure the app banner shown on mobile devices, you can use the following settings:
+
+```json 
+{
+  "appBanner": {
+    "title": "ownCloud",
+    "publisher": "ownCloud GmbH",
+    "additionalInformation": "",
+    "ctaText": "OPEN",
+    "icon": "themes/owncloud/assets/owncloud-app-icon.png",
+    "appScheme": "owncloud"
+  }
+}
+```
+
+`title` is usually your app's name as shown in the App Store or Google Play. `publisher` is the app developer's name.
+`additionalInformation` can be used to specify pricing information, such as "FREE" or a catchphrase like "don't miss out our awesome app!".
+`ctaText` refers to the text in the call to action button on the right side. The `icon` directive may be used to specify your own app icon. `appScheme` is the first part of the URL that is used to tell the mobile os which app to open, so using `owncloud` will generate links such as `owncloud://yourdomain.com/f/2b61b822...`.
+
 ## Example theme
 
 An empty template for your custom theme is provided below, and you can use the instructions above to set it up according to your needs. Please note that since changing themes at runtime is not yet supported it only consists of a `default` theme.

packages/web-app-files/src/components/SideBar/TagsPanel.vue

@@ -8,6 +8,7 @@
         v-model="selectedTags"
         class="oc-mb-s"
         :multiple="true"
+        :disabled="readonly"
         :options="availableTags"
         :contextual-helper="contextualHelper"
         taggable
@@ -85,6 +86,7 @@ export default defineComponent({
 
     const injectedResource = inject<Resource>('resource')
     const resource = computed<Resource>(() => unref(injectedResource))
+    const readonly = computed<boolean>(() => unref(resource).locked === true)
     const selectedTags = ref<TagOption[]>([])
     const availableTags = ref<TagOption[]>([])
     let allTags: string[] = []
@@ -230,7 +232,8 @@ export default defineComponent({
       save,
       keycode,
       keydownMethods,
-      contextualHelper
+      contextualHelper,
+      readonly
     }
   }
 })

packages/web-pkg/src/composables/actions/files/useFileActionsShowEditTags.ts

@@ -34,6 +34,10 @@ export const useFileActionsShowEditTags = ({ store }: { store?: Store<any> } = {
           return false
         }
 
+        if (resources[0].locked === true) {
+          return false
+        }
+
         if (
           isLocationTrashActive(router, 'files-trash-generic') ||
           isLocationPublicActive(router, 'files-public-link')