Add ability to sort by storageByteCount

Author: futa-ikeda

app/institutions/dashboard/-components/object-list/component.ts

@@ -9,6 +9,7 @@ import { Filter } from 'osf-components/components/search-page/component';
 interface Column {
     name: string;
     sortKey?: string;
+    sortParam?: string;
 }
 interface ValueColumn extends Column {
     getValue(searchResult: SearchResultModel): string;
@@ -37,6 +38,7 @@ export default class InstitutionalObjectList extends Component<InstitutionalObje
     @tracked activeFilters: Filter[] = [];
     @tracked page = '';
     @tracked sort = '-dateModified';
+    @tracked sortParam?: string;
     @tracked visibleColumns = this.args.columns.map(column => column.name);
     @tracked dirtyVisibleColumns = [...this.visibleColumns]; // track changes to visible columns before they are saved
 
@@ -47,8 +49,8 @@ export default class InstitutionalObjectList extends Component<InstitutionalObje
             },
             'page[cursor]': this.page,
             'page[size]': 10,
-            sort: this.sort,
-
+            // sort can look like `sort=dateFieldName` or `sort[integer-value]=fieldName` if sortParam is provided
+            sort: this.sortParam ? { [this.sortParam]: this.sort } : this.sort,
         };
         const fullQueryOptions = this.activeFilters.reduce((acc, filter: Filter) => {
             const currentValue = acc.cardSearchFilter[filter.propertyPathKey];
@@ -94,7 +96,8 @@ export default class InstitutionalObjectList extends Component<InstitutionalObje
     }
 
     @action
-    updateSortKey(newSortKey: string) {
+    updateSortKey(newSortKey: string, newSortParam?: string) {
+        this.sortParam = newSortParam;
         if (this.sort === newSortKey) {
             this.sort = '-' + newSortKey;
         } else {

app/institutions/dashboard/-components/object-list/template.hbs

@@ -127,7 +127,7 @@ as |list|>
                                                     {{#if column.sortKey}}
                                                         <SortArrow
                                                             @sortBy={{column.sortKey}}
-                                                            @sortAction={{queue (fn this.updateSortKey column.sortKey) (perform list.searchObjectsTask)}}
+                                                            @sortAction={{queue (fn this.updateSortKey column.sortKey column.sortParam) (perform list.searchObjectsTask)}}
                                                         />
                                                     {{/if}}
                                                 </span>

app/institutions/dashboard/projects/controller.ts

@@ -48,6 +48,8 @@ export default class InstitutionDashboardProjects extends Controller {
                 const byteCount = getSingleOsfmapValue(searchResult.resourceMetadata, ['storageByteCount']);
                 return byteCount ? humanFileSize(byteCount) : this.missingItemPlaceholder;
             },
+            sortKey: 'storageByteCount',
+            sortParam: 'integer-value',
         },
         { // Contributor name + permissions
             name: this.intl.t('institutions.dashboard.object-list.table-headers.contributor_name'),

app/institutions/dashboard/registrations/controller.ts

@@ -46,6 +46,8 @@ export default class InstitutionDashboardRegistrations extends Controller {
                 const byteCount = getSingleOsfmapValue(searchResult.resourceMetadata, ['storageByteCount']);
                 return byteCount ? humanFileSize(byteCount) : this.missingItemPlaceholder;
             },
+            sortKey: 'storageByteCount',
+            sortParam: 'integer-value',
         },
         { // Contributor name + permissions
             name: this.intl.t('institutions.dashboard.object-list.table-headers.contributor_name'),