[base] Provide size ordering + size subtitles for assets

sanity-io · Feb 22, 2018 · ad772ce · ad772ce
1 parent e167b3e
commit ad772ce
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 12 deletions.
diff --git a/packages/@sanity/base/src/schema/types/fileAsset.js b/packages/@sanity/base/src/schema/types/fileAsset.js
@@ -13,7 +13,8 @@ export default {
     {
       name: 'originalFilename',
       type: 'string',
-      title: 'Original file name'
+      title: 'Original file name',
+      readOnly: true
     },
     {
       name: 'label',
@@ -39,7 +40,7 @@ export default {
       type: 'number',
       title: 'File size in bytes',
       readOnly: true,
-      fieldset: 'system',
+      fieldset: 'system'
     },
     {
       name: 'assetId',
@@ -68,12 +69,20 @@ export default {
       title: 'originalFilename',
       path: 'path',
       mimeType: 'mimeType',
+      size: 'size'
     },
     prepare(doc) {
       return {
         title: doc.title || doc.path.split('/').slice(-1)[0],
-        subtitle: doc.mimeType
+        subtitle: `${doc.mimeType} (${(doc.size / 1024 / 1024).toFixed(2)} MB)`
       }
     }
-  }
+  },
+  orderings: [
+    {
+      title: 'File size',
+      name: 'fileSizeDesc',
+      by: [{field: 'size', direction: 'desc'}]
+    }
+  ]
 }
diff --git a/packages/@sanity/base/src/schema/types/imageAsset.js b/packages/@sanity/base/src/schema/types/imageAsset.js
@@ -2,7 +2,7 @@ const PALETTE_FIELDS = [
   {name: 'background', type: 'string', title: 'Background', readOnly: true},
   {name: 'foreground', type: 'string', title: 'Foreground', readOnly: true},
   {name: 'population', type: 'number', title: 'Population', readOnly: true},
-  {name: 'title', type: 'string', title: 'String', readOnly: true},
+  {name: 'title', type: 'string', title: 'String', readOnly: true}
 ]
 
 export default {
@@ -20,7 +20,8 @@ export default {
     {
       name: 'originalFilename',
       type: 'string',
-      title: 'Original file name'
+      title: 'Original file name',
+      readOnly: true
     },
     {
       name: 'label',
@@ -46,7 +47,7 @@ export default {
       type: 'number',
       title: 'File size in bytes',
       readOnly: true,
-      fieldset: 'system',
+      fieldset: 'system'
     },
     {
       name: 'assetId',
@@ -118,17 +119,24 @@ export default {
   ],
   preview: {
     select: {
+      id: '_id',
       title: 'originalFilename',
-      imageUrl: 'url',
-      path: 'path',
       mimeType: 'mimeType',
+      size: 'size'
     },
     prepare(doc) {
       return {
         title: doc.title || doc.path.split('/').slice(-1)[0],
-        imageUrl: `${doc.imageUrl}?w=150`,
-        subtitle: doc.mimeType
+        media: {asset: {_ref: doc.id}},
+        subtitle: `${doc.mimeType} (${(doc.size / 1024 / 1024).toFixed(2)} MB)`
       }
     }
-  }
+  },
+  orderings: [
+    {
+      title: 'File size',
+      name: 'fileSizeDesc',
+      by: [{field: 'size', direction: 'desc'}]
+    }
+  ]
 }