- tethys favicon also in oai: oai2_style.xslt

- zenodo search: adapted search_style.css, App.vue, dataservice.ts, vs-results.vue

resources/js/search/App.vue

@@ -40,7 +40,7 @@
               <span v-if="value && value.length > 0">{{ value.join(', ') }}</span>
             </a>
           </div> -->
-            <div class="twelve columns">
+            <div class="twelve columns resultheader">
               <span class="active-filter-items" v-for="(values, key, index) in activeFilterCategories" :key="index">    
                   <active-facet-category :data="values" :categoryName="key" @clearFacetCategory="onClearFacetCategory"></active-facet-category>              
               </span>
@@ -84,6 +84,9 @@ export default App;
 </script>
 
 <style lang="scss">
+.resultheader {
+  padding-left: 4%;
+}
 #app {
   color: #56b983;
 }

resources/js/search/app-class.ts

@@ -184,7 +184,7 @@ export default class App extends Vue {
     this.loaded = true;
   }
 
-  getParameterByName(name: string, url?: string) {
+  private getParameterByName(name: string, url?: string) {
     if (!url) url = window.location.href;
     name = name.replace(/[\[\]]/g, "\\$&");
     var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),

resources/js/search/search-results/dataservice.ts

@@ -3,7 +3,7 @@ import axios from "axios";
 var SOLR_CONFIG = {
   "server": "https://arcticdata.io/metacat/d1/mn/v2/query/solr?",  // Solr server
   "filter": "knb-lter-bnz",  // Filter results for an organization or user
-  "limit": 4,  // Max number of results to retrieve per page
+  "limit": 10,  // Max number of results to retrieve per page
   "resultsElementId": "searchResults",  // Element to contain results
   "urlElementId": "searchUrl",  // Element to display search URL
   "countElementId": "resultCount",  // Element showing number of results
@@ -28,7 +28,7 @@ export default {
       "title_output",
       "title_additional",
       "author",
-      "subject"].toString();
+      "subject", "doctype"].toString();
     var limit = "&rows=" + SOLR_CONFIG["limit"];  
     // var limit = solrConfig.limit;
 
@@ -86,7 +86,7 @@ export default {
       "title_output",
       "title_additional",
       "author",
-      "subject"].toString();
+      "subject", "doctype"].toString();
    
 
     //var dismaxFields = "title^3 abstract^2 subject^1";

resources/js/search/search-results/vs-results.vue

@@ -17,25 +17,34 @@
       </div>
     </div> -->
 
-    <section class="result-list-container">
-      <div class="row">
-        <ul class="search-items isotope js-isotope u-cf">
-          <li v-for="document in results" :key="document.id" class="six columns post">
-            <div class="search-detail">
-              <div>
-                <a
-                  v-bind:href="'dataset/' + document.id"
-                >{{ document.title_output }}</a>
-              </div>
+    <section class="normal result-list-container">
+      
+      <div v-for="document in results" :key="document.id" class="row record-elem">
+        <div  class="twelve columns post">
+         
+            <span class="label label-info" data-container="div" data-title="Publication date">
               {{ convert(document.server_date_published) }}
+            </span>
+            <span class="label label-default ng-binding">{{ document.doctype }}</span>
+            <span class="label label-success titlecase">Open Access</span>
 
-              <p v-if="document.title_additional && document.title_additional.length > 0">
-                <em>Additional Title:{{ document.title_additional.join(', ') }}</em>
-              </p>
 
-              <div v-if="document.author && document.author.length > 0">
-                <em>Author: {{ document.author.join(', ') }}</em>
-              </div>
+            <h4>
+              <a target="_self" v-bind:href="'dataset/' + document.id" class="ng-binding">
+                {{ document.title_output }}
+              </a>
+            </h4>
+
+            <p>
+              <span v-if="document.author && document.author.length > 0" v-for="author in document.author">
+                <!-- <span>Author: {{ document.author.join(', ') }}</span> -->
+                <span>{{ author }}; </span>
+              </span>
+
+
+              <!-- <p v-if="document.title_additional && document.title_additional.length > 0">
+                <span>Additional Title:{{ document.title_additional.join(', ') }}</span>
+              </p> -->
 
               <p class="clamped clamped-2">
                 <span class="text">
@@ -44,20 +53,24 @@
                   <span class="fill"></span>
                 </span>
               </p>
-              <div class="css-subject" v-if="document.subject && document.subject.length > 0">
-                <div v-for="(item, index) in document.subject" :key="index" class="css-keyword">#{{ item }}</div>
-                <!-- <div class="css-keyword">#graphql</div> -->
-              </div>
-            </div>
-          </li>
-        </ul>
+
+              <!-- <div class="css-subject" v-if="document.subject && document.subject.length > 0"> -->
+              <span class="label label-success titlecase" v-for="(item, index) in document.subject" :key="index">
+                #{{ item }}
+              </span>
+              <!-- <p>
+                <small class="text-muted hidden-xs ng-binding">
+                  Uploaded on March 15, 2019
+                </small>
+              </p>           -->
+
+        </div>
       </div>
     </section>
   </div>
 </template>
 
 <script lang="ts">
-import VgResults from "./vs-results-class";
-export default VgResults;
-</script>
-
+  import VgResults from "./vs-results-class";
+  export default VgResults;
+</script>