Added search button #1070

app/javascript/vue/tasks/observation_matrices/dashboard/app.vue

@@ -31,7 +31,8 @@
         @rankSelected="ranks = $event"
         @onTaxon="taxon = $event"
         @onValidity="validity = $event"
-        @reset="resetTask"/>
+        @reset="resetTask"
+        @onSearch="loadRankTable"/>
       <div class="full_width">
         <div
           v-show="Object.keys(rankTable).length"
@@ -99,7 +100,7 @@ export default {
     ranks: {
       handler (newVal) {
         if (newVal.length) {
-          this.loadRankTable()
+          //this.loadRankTable()
         }
       },
       deep: true
@@ -114,7 +115,7 @@ export default {
     },
     combination (newVal) {
       if (this.taxon) {
-        this.loadRankTable()
+        //this.loadRankTable()
       }
     }
   },

app/javascript/vue/tasks/observation_matrices/dashboard/components/filter.vue

@@ -10,6 +10,12 @@
       v-if="searching"
     />
     <div class="content">
+      <button 
+        class="button normal-input button-default full_width"
+        type="button"
+        @click="$emit('onSearch')">
+        Search
+      </button>
       <taxon-name v-model="taxonName"/>
       <otu-filter v-model="validity"/>
       <combinations-filter/>

app/javascript/vue/tasks/observation_matrices/dashboard/components/filters/combinations.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h3>Combinations</h3>
+    <h2>Combinations</h2>
     <label>
       <input
         type="checkbox"

app/javascript/vue/tasks/observation_matrices/dashboard/components/filters/otus.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h3>Otu</h3>
+    <h2>Otu</h2>
     <label>
       <input
         type="checkbox"

app/javascript/vue/tasks/observation_matrices/dashboard/components/filters/ranks.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="taxonName">
-    <h3>Select ranks</h3>
+    <h2>Select ranks</h2>
     <template
       v-for="(group, key, index) in ranks[taxonName.nomenclatural_code]">
       <div

app/javascript/vue/tasks/observation_matrices/dashboard/components/filters/taxonName.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h3>Taxon name</h3>
+    <h2>Taxon name</h2>
     <div class="field">
       <autocomplete
         class="fill_width"