Merge pull request #48 from source-data/EEB17/better-item-layout

EEB 17: Better item layout

frontend/src/components/filtering/by-reviewing-service.vue

@@ -4,7 +4,7 @@ v-card(flat)
   v-card-text
     v-chip-group(v-model="selectedReviewers" mandatory column multiple)
       span(v-for="service in this.reviewing_services" :key="`${service.id}-chip`")
-        v-chip(:value="service.id" :disabled="loadingRecords" filter filter-icon="mdi-check" 
+        v-chip(:value="service.id" :disabled="loadingRecords" filter filter-icon="mdi-check" outlined
                active-class="active-chip" text-color="black")
           img(v-if="imageFileName(service.id)" :src="require(`@/assets/partner-logos/` + imageFileName(service.id))" height="24px" :alt="serviceId2Name(service.id)").pa-1
           | {{ serviceId2Name(service.id) }}

frontend/src/components/filtering/by-simple-search-query.vue

@@ -4,7 +4,6 @@ v-card(flat).flex-grow-1
   v-card-text.d-flex.d-flex-row.align-center
     v-text-field(
       :value="currentQuery" v-on:keyup.enter="currentQuery = $event.target.value"
-      :loading="loadingRecords"
       placeholder="keywords, authors, doi"
       prepend-icon="mdi-magnify"
       hide-details

frontend/src/components/highlights/article.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
   v-container(fluid)
     v-row(v-if="article")
-      v-col
-        HighlightedListItem(:article="article" :expandedReview="expandedReview")
+      v-col.d-flex.align-center
+        HighlightedListItem(:article="article" :expandedReview="expandedReview" :open-preprint-boxes=[0, 1, 2] :open-reviewed-boxes=[0, 1, 2]).ml-auto.mr-auto
     v-row(v-else)
       v-col
         v-card
@@ -95,25 +95,18 @@ export default {
       let url = null;
       if (params.slug) {
         this.article_slug = params.slug
-        url = `/api/v1/slug/${params.slug}`
+        url = `/api/v2/paper/?slug=${params.slug}`
       } else if (params.doi) {
         this.article_doi = params.doi
-        url = `/api/v1/doi/${params.doi}`
+        url = `/api/v2/paper/?doi=${params.doi}`
       }
       httpClient.get(url).then((response) => {
-        let article = response.data[0]
+        let article = response.data
         if (article.doi) {  // if the backend doesn't find the article it
                             // returns an article with all its properties set to null
           this.article = article
-          // return httpClient.get(`/api/v1/review/${doi}`)
         }
       })
-      // .then((response) => {
-      //   if (response.data[0]) {
-      //     let review_process = response.data[0].review_process
-      //     this.article.review_process = review_process
-      //   }
-      // })
     },
     generateMyUrl () {
       if (this.article_slug) {

frontend/src/components/highlights/index.vue

@@ -1,9 +1,9 @@
 <template lang="pug">
-div.d-flex.mr-auto.ml-auto
+div(style="max-width: 100%;").d-flex.mr-auto.ml-auto
   v-container(v-if="loadingRecords").mt-6
     v-progress-circular(:size="70" :width="7" color="primary" indeterminate).ml-auto
 
-  span(v-else).mt-3
+  span(v-else style="max-width:100%;").mt-3
     v-container(fluid v-if="paging.totalItems > 0" :class="{'highlights-loading': loadingRecords}")
       h2 {{ paging.totalItems }} reviewed preprints found {{ query != '' ? `for search term "${query}" ` : '' }} in the selected sources
     v-container(fluid v-if="paging.totalItems == 0")
@@ -20,7 +20,7 @@ div.d-flex.mr-auto.ml-auto
           )
       v-row(v-if="paging.totalItems > 0")
         v-col.d-flex
-          v-btn-toggle(v-model="sortBy")
+          v-btn-toggle(v-model="sortBy" mandatory)
             v-tooltip(bottom transition="fade-transition")
               template(v-slot:activator="{ on, hover, attrs }")
                 v-btn(x-small v-bind="attrs" v-on="on" outlined value="preprint-date")
@@ -45,8 +45,8 @@ div.d-flex.mr-auto.ml-auto
               span Sort earliest first
 
       v-row(v-for="article in records" :key="article.id")
-        v-col
-          HighlightedListItem(:article="article")
+        v-col(cols=12)
+          HighlightedListItem(:article="article" :open-preprint-boxes="[]" :open-reviewed-boxes="[0]")
       v-row(v-if="paging.totalItems > 0" justify="start")
         v-col(cols=6).px-0.d-flex
           v-pagination(