Implement lock in files-table (ugly)

owncloud · Aug 10, 2023 · 0ebda0a · 0ebda0a
1 parent 78d7756
commit 0ebda0a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/packages/web-app-files/src/components/FilesList/ResourceTable.vue b/packages/web-app-files/src/components/FilesList/ResourceTable.vue
@@ -74,7 +74,6 @@
           :class="{ 'resource-table-resource-cut': isResourceCut(item) }"
           @click="emitFileClick(item)"
         />
-        <span>{{ item.locked }}</span>
         <oc-button
           v-if="hasRenameAction(item)"
           class="resource-table-edit-name"
@@ -149,6 +148,9 @@
         :indicators="item.indicators"
       />
     </template>
+    <template #locked="{ item }">
+      <oc-icon v-if="item.locked" name="lock" size="small" class="oc-flex oc-flex-right" />
+    </template>
     <template #sdate="{ item }">
       <span
         v-oc-tooltip="formatDate(item.sdate)"
@@ -562,6 +564,14 @@ export default defineComponent({
             wrap: 'nowrap',
             width: 'shrink'
           },
+          {
+            name: 'locked',
+            title: this.$gettext('Locked'),
+            type: 'slot',
+            alignH: 'right',
+            wrap: 'nowrap',
+            width: 'shrink'
+          },
           {
             name: 'size',
             title: this.$gettext('Size'),

diff --git a/packages/web-client/src/helpers/resource/functions.ts b/packages/web-client/src/helpers/resource/functions.ts
@@ -99,7 +99,7 @@ export function buildResource(resource): Resource {
     webDavPath: resource.name,
     type: isFolder ? 'folder' : resource.type,
     isFolder,
-    locked: resource.fileInfo[DavProperty.LockDiscovery] || false,
+    locked: resource.fileInfo[DavProperty.LockDiscovery] ? true : false,
     processing: resource.processing || false,
     mdate: resource.fileInfo[DavProperty.LastModifiedDate],
     size: isFolder