[ENG-5028] [ENG-5919] Preprints Affiliation Project PR (FE)

app/models/preprint.ts

@@ -5,6 +5,8 @@ import AbstractNodeModel from 'ember-osf-web/models/abstract-node';
 import CitationModel from 'ember-osf-web/models/citation';
 import PreprintRequestModel from 'ember-osf-web/models/preprint-request';
 import { ReviewsState } from 'ember-osf-web/models/provider';
+import ReviewActionModel from 'ember-osf-web/models/review-action';
+import InstitutionModel from 'ember-osf-web/models/institution';
 
 import ContributorModel from './contributor';
 import FileModel from './file';
@@ -81,6 +83,12 @@ export default class PreprintModel extends AbstractNodeModel {
     @belongsTo('preprint-provider', { inverse: 'preprints' })
     provider!: AsyncBelongsTo<PreprintProviderModel> & PreprintProviderModel;
 
+    @hasMany('institution')
+    affiliatedInstitutions!: AsyncHasMany<InstitutionModel>;
+
+    @hasMany('review-action')
+    reviewActions!: AsyncHasMany<ReviewActionModel>;
+
     @hasMany('contributors', { inverse: 'preprint'})
     contributors!: AsyncHasMany<ContributorModel> & ContributorModel;
 

app/preprints/-components/preprint-affiliated-institutions/styles.scss

@@ -0,0 +1,50 @@
+.osf-institution-link-flex {
+    img {
+        width: 35px;
+        height: 35px;
+    }
+
+    a {
+        padding-bottom: 5px;
+    }
+
+    .img-circle {
+        border-radius: 50%;
+        margin-right: 15px;
+    }
+
+    .img-responsive {
+        max-width: 100%;
+    }
+
+    .img-horizontal {
+        margin-top: 10px;
+    }
+
+    .link-horizontal {
+        display: inline;
+    }
+
+    .link-vertical {
+        display: block;
+    }
+
+}
+
+.title {
+    margin-top: 10px;
+    font-weight: bold;
+    font-size: 18px;
+    padding-bottom: 10px;
+}
+
+.content-container {
+    width: 100%;
+    margin-top: 20px;
+
+    h4 {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        font-weight: bold;
+    }
+}

app/preprints/-components/preprint-affiliated-institutions/template.hbs

@@ -0,0 +1,26 @@
+{{#if @preprint.affiliatedInstitutions}}
+    <div local-class='content-container'>
+        <div local-class='title'>
+            {{t 'preprints.detail.affiliated_institutions'}}
+        </div>
+        <div local-class='osf-institution-link-flex'>
+            {{#each @preprint.affiliatedInstitutions as |institution|}}
+                <OsfLink @href={{institution.links.html}} @target='_blank' local-class='{{if @isReviewPage 'link-horizontal'}}{{unless @isReviewPage 'link-vertical'}}'>
+                    <img
+                        data-test-preprint-institution-list={{institution.id}}
+                        local-class='img-circle img-responsive {{if @isReviewPage 'img-horizontal'}}'
+                        src={{institution.logoRoundedUrl}}
+                        alt={{institution.name}}
+                    >
+                    {{#if @isReviewPage}}
+                        <EmberTooltip>
+                            {{institution.name}}
+                        </EmberTooltip>
+                    {{else}}
+                        {{institution.name}}
+                    {{/if}}
+                </OsfLink>
+            {{/each}}
+        </div>
+    </div>
+{{/if}}