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

* Added a new relationship for the affiliated institutions
* updates to the serializers
* Updates to the component and initial tests
* Added a trait
* Added more tests and updates
* Added more tests to the scenario
* Updates to persist affiliated institutions
* Fixed the tests
* Added logic for mobile and to only display if there are affilitiated institutions
* added functionality that all preprints are selected on create mode. Added a test
* Added a description for the institutional affiliations
* Added a label for accessibility
* add affiliated institution details to preprints
* add affiliated institution links and logs to the preprint detail page.
* improve logo size and shape
* update css to new techniques
* make links open in new tab
* restrict image sizes
* fix single quotes
* add tests for preprint affiliations and clean up css
* Added some test fixes
* Add code for institutions preprint affiliations widget on reviews section
* fix component to add title to css and conditional template
* refactor to reviewsPage and fix linting error and tests
* make Institutional affiliations label disappear if no institutions
* add hover-text and simplify css
* Updates to make affiliated institutions read-only and fixed a bug on edit
* Fixed a test
* Updated the logic on selecting and persisting of affiliated institutions
* Fixed the tests
* Added the ability to make the assertion page read-only for non-admins
* Added the cancel button
* add tooltip and make add contributor widget only visible to admins
* Added a link test
* Fixed a missed translation on a cancel button for mobile
* Fixed the initial issue with read/write users and updated the tests
* Added another test
* Updated logic and tests to allow admin and write users access
* Fixed a test with new mirage settings
* Added logic to fix a bug on preprint edit flow with affiliated institutions
* allow write contribs to add affiliations
* improve permission handling
* Updates to mirage to handle adding and removing affiliated institutions
* reintroduce isAdmin
* [ENG-5919] Feature/preprints affiliations merged to development (#2319)
* fix preprint resubmission workflow
* Update test for review-action model to reflect target relationship change
* delete review-action relationship from child classes
* ENG-6008: Add My Preprints route and page template
* setup mirage route and view
* change defaultSortKey attribute
* Bump version no. Add CHANGELOG
* create preprint card
* fix date format
* formatting changes
* remove unnecessary controller and old logic
* Add tests
* remove unused classes and services
* Moved changes to preprints-paginated-list branch
* remove redundant pagination component
* add usePlaceholders property
* Don't double-add relationships
* Removed the cancel button
* Fixed some typos

---------

Co-authored-by: John Tordoff <[email protected]>
Co-authored-by: Brian J. Geiger <[email protected]>
Co-authored-by: Brian J. Geiger <[email protected]>
Co-authored-by: Longze Chen <[email protected]>

Author: 4 people

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}}