- better search page

- white header on starting page else green

resources/js/scripts.js

@@ -45,14 +45,17 @@ $(document).ready(function () {
     $navigationLink = $('.menu a');
 
   if (location.pathname == "/") {
+    $navigation.addClass('transparent');
     $(window).scroll(function () {
-      if (window.scrollY > window.outerHeight) {
+      if (window.scrollY >= (window.innerHeight + $navigation.height())) {
         $menuIcon.addClass('active');
+        $navigation.removeClass('transparent');
       } else {
         $menuIcon.removeClass('active');
+        $navigation.addClass('transparent');
       }
     });
-  }
+  } 
 
   $menuIcon.click(function (e) {
     e.preventDefault();

resources/js/search/App.vue

@@ -2,7 +2,7 @@
   <div class="search-container row">
     <div class="four columns left-bar">
       <div id="left-bar" class="sidebar left-bar">
-        <div class="sidebar-image"></div>
+        <!-- <div class="sidebar-image"></div> -->
         <!-- <h2 class="indexheader">DataXplore</h2> -->
 
         <!-- <div class="card" v-for="item in facets.language" :key="item.id">
@@ -21,7 +21,7 @@
       <div id="right-bar" class="sidebar right-bar">
         <!-- Search input section -->
         <div class="row">
-          <div class="twelve columns">
+          <div class="ten columns">
             <vs-input @search="onSearch"  title="searching solr datasets"    placeholder="Enter your search term..."></vs-input>
           </div>
         </div>
@@ -84,9 +84,6 @@ export default App;
 </script>
 
 <style lang="scss">
-.resultheader {
-  padding-left: 4%;
-}
 #app {
   color: #56b983;
 }

resources/js/search/search-results/facet-category.vue

@@ -1,13 +1,18 @@
 <template>
-  <!-- <span>property: {{ filterName }}</span>
-  <span>value: {{ myLanguageFilters }}</span>-->
+  <!-- <span>property: {{ filterName }}</span>-->
 
-  <div class="panel panel-primary">
-    <h3 class="panel-title filterViewModelName">{{ filterName }}</h3>
-    <!-- e.g.language -->
-    <ul class="filter-items" v-bind:class="{'limited':filterItems.length > 1 && collapsed }">
-      <li v-for="(item, index) in filterItems" :key="index" class="list-group-item">
-        <!-- <input
+  <div class="panel panel-default">
+    <!-- <h3 class="panel-title filterViewModelName">{{ filterName }}</h3> -->
+    <div class="panel-heading">
+      <h3 class="panel-title titlecase filterViewModelName">{{ filterName }}</h3>
+    </div>
+    <div class="panel-body">
+
+
+      <!-- e.g.language -->
+      <ul class="filter-items list-unstyled" v-bind:class="{'limited':filterItems.length > 1 && collapsed }">
+        <li v-for="(item, index) in filterItems" :key="index" class="list-group-item titlecase">
+          <!-- <input
           class="css-w1gpbi"
           name="language"
           v-bind:id="item.value"
@@ -17,28 +22,32 @@
         <label :for="item.value">
           <span click: @click="activateItem(item)">{{ item.value }} ({{ item.count }})</span>
         </label>-->
-        <a :class="item.Active ? 'disabled' : ''" @click.prevent="activateItem(item)">{{ item.value }} ({{ item.count }})</a>
-      </li>
-    </ul>
-    <ul class="overflowing" v-if="overflowing == true">
-      <li>
-        <span @click="toggle()">{{ uncollapseLabelText }}</span>
-      </li>
-    </ul>
+          <span :class="item.Active ? 'disabled' : ''" @click.prevent="activateItem(item)">{{ item.value }}
+            ({{ item.count }})
+          </span>
+        </li>
+      </ul>
+      <ul class="overflowing" v-if="overflowing == true">
+        <li>
+          <span @click="toggle()">{{ uncollapseLabelText }}</span>
+        </li>
+      </ul>
+    </div>
+
   </div>
 </template>
 
 <script lang="ts">
-import FacetCategory from "./facet-category-class";
-export default FacetCategory;
+  import FacetCategory from "./facet-category-class";
+  export default FacetCategory;
 </script>
 
 <style scoped>
-/* local styles */
-.disabled {
-  /* color: #EBEBE4; */
-  color:lightgray;
-  pointer-events: none;
-  text-decoration:line-through;
-}
+  /* local styles */
+  .disabled {
+    /* color: #EBEBE4; */
+    color: lightgray;
+    pointer-events: none;
+    text-decoration: line-through;
+  }
 </style>

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

@@ -35,11 +35,11 @@
               </a>
             </h4>
 
-            <p>
-              <span v-if="document.author && document.author.length > 0" v-for="author in document.author">
+            
+              <p v-if="document.author && document.author.length > 0">
                 <!-- <span>Author: {{ document.author.join(', ') }}</span> -->
-                <span>{{ author }}; </span>
-              </span>
+                <span v-for="(author,index) in document.author" :key="index">{{ author }}; </span>
+              </p>
 
 
               <!-- <p v-if="document.title_additional && document.title_additional.length > 0">

resources/js/search/text-search/vs-input.vue

@@ -16,7 +16,7 @@
       />
 
       <!-- <button @click="search()" class="css-1gklxk5 ekqohx90"> -->
-      <button class="css-1gklxk5 ekqohx90">
+      <button class="search-button ekqohx90">
         <svg
           alt="Search"
           @click="search()"