Merge pull request #2306 from uditijmehta/preprints-paginated-list

[ENG-6010] Paginated list of public preprints

Author: uditijmehta

app/preprints/-components/preprint-card/styles.scss

@@ -11,8 +11,6 @@
         display: block;
         padding: 10px 15px;
         margin-bottom: -1px;
-        background-color: #fff;
-        border: 1px solid #ddd;
 
         .heading {
             display: flex;

app/preprints/my-preprints/route.ts

@@ -2,13 +2,14 @@ import Route from '@ember/routing/route';
 import requireAuth from 'ember-osf-web/decorators/require-auth';
 import { inject as service } from '@ember/service';
 import Store from '@ember-data/store';
+import CurrentUser from 'ember-osf-web/services/current-user';
 
 @requireAuth()
 export default class PreprintsMyPreprintsRoute extends Route {
     @service store!: Store;
+    @service currentUser!: CurrentUser;
 
     async model() {
-        const preprints = await this.store.findAll('preprint');
-        return preprints;
+        return this.currentUser.user;
     }
 }

app/preprints/my-preprints/styles.scss

@@ -61,3 +61,9 @@
     padding-top: 85px;
     padding-bottom: 85px;
 }
+
+.SortDescription {
+    text-align: right;
+    margin-top: 10px;
+    margin-right: 15px;
+}

app/preprints/my-preprints/template.hbs

@@ -1,7 +1,7 @@
 {{page-title (t 'preprints.my_preprints.header')}}
 
 <OsfLayout @backgroundClass='{{local-class 'ContentBackground'}}' as |layout|>
-    <layout.heading local-class = 'Hero'>
+    <layout.heading local-class='Hero'>
         <div local-class='Title'>
             <h1>
                 {{t 'preprints.my_preprints.header'}}
@@ -10,9 +10,32 @@
     </layout.heading>
     <layout.main>
         <div local-class='GutterBody'>
-            {{#each this.model as |preprint|}}
-                <Preprints::-Components::PreprintCard @preprint={{preprint}} />
-            {{/each}}
+            <div data-test-my-preprints-sort-description local-class='SortDescription'>
+                {{t 'preprints.my_preprints.sorted'}}
+            </div>
+            <ContentPlaceholders as |placeholder|>
+                <PaginatedList::HasMany
+                    @model={{this.model}}
+                    @relationshipName='preprints'
+                    @pageSize={{10}}
+                    @usePlaceholders={{false}}
+                    as |list|
+                >
+                    <list.item as |preprint|>
+                        {{#if preprint}}
+                            <Preprints::-Components::PreprintCard @preprint={{preprint}} />
+                        {{else}}
+                            {{placeholder.text lines=1}}
+                        {{/if}}
+                    </list.item>
+
+                    <list.empty local-class='FlexContainer'>
+                        <div local-class='NoContentContainer'>
+                            <p>{{t 'preprints.noPreprints'}}</p>
+                        </div>
+                    </list.empty>
+                </PaginatedList::HasMany>
+            </ContentPlaceholders>
         </div>
     </layout.main>
 </OsfLayout>

mirage/factories/preprint.ts

@@ -1,11 +1,11 @@
-import { Factory, Trait, trait } from 'ember-cli-mirage';
+import { Factory, ModelInstance, Trait, trait } from 'ember-cli-mirage';
 import faker from 'faker';
 import { ReviewActionTrigger } from 'ember-osf-web/models/review-action';
 
 import PreprintModel from 'ember-osf-web/models/preprint';
 import { Permission } from 'ember-osf-web/models/osf-model';
 import { ReviewsState } from 'ember-osf-web/models/provider';
-
+import UserModel from 'ember-osf-web/models/user';
 import { guid, guidAfterCreate} from './utils';
 
 function buildLicenseText(): string {
@@ -170,11 +170,14 @@ export default Factory.extend<PreprintMirageModel & PreprintTraits>({
 
     isContributor: trait<PreprintModel>({
         afterCreate(preprint, server) {
-            const { currentUserId } = server.schema.roots.first();
-            server.create('contributor', {
+            const contributors = preprint.contributors.models;
+            const firstContributor = server.create('contributor', {
                 preprint,
-                id: currentUserId,
+                index:0,
+                users: server.schema.roots.first().currentUser as ModelInstance<UserModel>,
             });
+            contributors.splice(0,1,firstContributor);
+            preprint.update({ contributors, bibliographicContributors:contributors });
         },
     }),
 

translations/en-us.yml

@@ -1434,6 +1434,7 @@ preprints:
             paragraph: 'Our advisory group includes leaders in preprints and scholarly communication'
     my_preprints:
         header: 'My Preprints'
+        sorted: 'Sorted by last updated'
     preprint_card:
         statuses:
             pending: 'Pending'