From b23544d248600cc4c9f9dd1d5c1c76a10e8aef2a Mon Sep 17 00:00:00 2001
From: Leo Germani <leogermani@hacklab.com.br>
Date: Sat, 28 Jul 2018 21:14:48 -0300
Subject: [PATCH 1/5] Integration with ElasticPress #90

---
 src/classes/class-tainacan-elastic-press.php  | 87 +++++++++++++++++++
 .../class-tainacan-collections.php            |  2 +
 .../repositories/class-tainacan-filters.php   |  2 +
 .../repositories/class-tainacan-items.php     |  2 +
 .../repositories/class-tainacan-logs.php      |  2 +
 .../repositories/class-tainacan-metadata.php  | 20 +++++
 .../class-tainacan-repository.php             |  8 ++
 .../class-tainacan-taxonomies.php             |  4 +-
 src/classes/tainacan-creator.php              |  1 +
 9 files changed, 127 insertions(+), 1 deletion(-)
 create mode 100644 src/classes/class-tainacan-elastic-press.php

diff --git a/src/classes/class-tainacan-elastic-press.php b/src/classes/class-tainacan-elastic-press.php
new file mode 100644
index 000000000..880148473
--- /dev/null
+++ b/src/classes/class-tainacan-elastic-press.php
@@ -0,0 +1,87 @@
+<?php
+/**
+ * This class implements the integration of Tainacan with ElasticPress, a WordPress plugin that connects your WordPress installation with Elastic Search
+ *
+ * https://github.com/10up/ElasticPress
+ * https://www.elasticpress.io/
+ * 
+ * 
+ */
+
+namespace Tainacan;
+
+class Elastic_Press {
+
+	function __construct($ajax_query=false) {
+		add_action('init', [&$this, 'init']);
+		
+	}
+	
+	function init() {
+		if (!class_exists('EP_API')) {
+			return; // ElasticPress not active
+		}
+		add_filter('tainacan_fetch_args', [&$this, 'filter_args'], 10, 2);
+	}
+	
+	function filter_args($args, $type) {
+
+		if ($type == 'items') {
+			$args['ep_integrate'] = true;
+			$args = $this->add_items_args($args);
+		}
+		
+		return $args;
+	}
+	
+	private function add_items_args($args) {
+		
+		$Tainacan_Collections = \Tainacan\Repositories\Collections::get_instance();
+        $Tainacan_Metadata = \Tainacan\Repositories\Metadata::get_instance();
+		
+		if (is_array($args['post_type']) && isset($args['s']) && !empty($args['s'])) {
+		
+			$meta_ids = [];
+			$taxonomies = [];
+		
+			foreach ( $args['post_type'] as $cpt ) {
+			
+				$col = $Tainacan_Collections->fetch_by_db_identifier($cpt);
+				
+				$taxonomies = array_merge( $taxonomies, get_object_taxonomies($cpt) );
+				
+				if ($col) {
+					
+					$metadata = $Tainacan_Metadata->fetch_by_collection($col, ['posts_per_page' => -1], 'OBJECT');
+
+					foreach ($metadata as $meta) {
+						$meta_ids[] = $meta->get_id();
+					}
+				}
+
+			}
+			
+			$search_fields = [
+				'post_title',
+				'post_content',
+				'post_excerpt'
+			];
+			
+			if (!empty($meta_ids)) {
+				$search_fields['meta'] = array_unique($meta_ids);
+			}
+			if (!empty($taxonomies)) {
+				$search_fields['taxonomies'] = array_unique($taxonomies);
+			}
+			
+			$args['search_fields'] = $search_fields;
+		
+		}
+		
+		return $args;
+		
+	}
+
+
+
+} // END
diff --git a/src/classes/repositories/class-tainacan-collections.php b/src/classes/repositories/class-tainacan-collections.php
index dccbe88fe..79d7dbb43 100644
--- a/src/classes/repositories/class-tainacan-collections.php
+++ b/src/classes/repositories/class-tainacan-collections.php
@@ -336,6 +336,8 @@ class Collections extends Repository {
 
 			// TODO: Pegar coleções registradas via código
 
+			$args = apply_filters('tainacan_fetch_args', $args, 'collections');
+
 			$wp_query = new \WP_Query( $args );
 
 			return $this->fetch_output( $wp_query, $output );
diff --git a/src/classes/repositories/class-tainacan-filters.php b/src/classes/repositories/class-tainacan-filters.php
index c59ee13ea..4f2bd20fe 100644
--- a/src/classes/repositories/class-tainacan-filters.php
+++ b/src/classes/repositories/class-tainacan-filters.php
@@ -248,6 +248,8 @@ class Filters extends Repository {
             $args = $this->parse_fetch_args($args);
             
             $args['post_type'] = Entities\Filter::get_post_type();
+	
+			$args = apply_filters('tainacan_fetch_args', $args, 'filters');
 
             $wp_query = new \WP_Query($args);
             return $this->fetch_output($wp_query, $output);
diff --git a/src/classes/repositories/class-tainacan-items.php b/src/classes/repositories/class-tainacan-items.php
index 65387ff9c..47b5ad855 100644
--- a/src/classes/repositories/class-tainacan-items.php
+++ b/src/classes/repositories/class-tainacan-items.php
@@ -252,6 +252,8 @@ class Items extends Repository {
 
 		$args['post_type'] = $cpt;
 
+		$args = apply_filters('tainacan_fetch_args', $args, 'items');
+
 		$wp_query = new \WP_Query( $args );
 
 		return $this->fetch_output( $wp_query, $output );
diff --git a/src/classes/repositories/class-tainacan-logs.php b/src/classes/repositories/class-tainacan-logs.php
index 6a9e0e402..c58740dc8 100644
--- a/src/classes/repositories/class-tainacan-logs.php
+++ b/src/classes/repositories/class-tainacan-logs.php
@@ -200,6 +200,8 @@ class Logs extends Repository {
 
 			$args['post_type'] = Entities\Log::get_post_type();
 
+			$args = apply_filters('tainacan_fetch_args', $args, 'logs');
+
 			$wp_query = new \WP_Query( $args );
 
 			return $this->fetch_output( $wp_query, $output );
diff --git a/src/classes/repositories/class-tainacan-metadata.php b/src/classes/repositories/class-tainacan-metadata.php
index bdeb61da0..90a2b4335 100644
--- a/src/classes/repositories/class-tainacan-metadata.php
+++ b/src/classes/repositories/class-tainacan-metadata.php
@@ -324,11 +324,31 @@ class Metadata extends Repository {
 			$args = $this->parse_fetch_args($args);
 			
             $args['post_type'] = Entities\Metadatum::get_post_type();
+			
+			$args = apply_filters('tainacan_fetch_args', $args, 'metadata');
 
             $wp_query = new \WP_Query($args);
             return $this->fetch_output($wp_query, $output);
         }
     }
+	
+	/**
+	 * fetch metadata IDs based on WP_Query args
+	 *
+	 * to learn all args accepted in the $args parameter (@see https://developer.wordpress.org/reference/classes/wp_query/)
+	 * You can also use a mapped property, such as name and description, as an argument and it will be mapped to the
+	 * appropriate WP_Query argument
+	 *
+	 * @param array $args WP_Query args || int $args the item id
+	 *
+	 * @return Array array of IDs;
+	 */
+	public function fetch_ids( $args = [] ) {
+		
+		$args['fields'] = 'ids';
+		
+		return $this->fetch( $args )->get_posts();
+	}
 
 	/**
 	 * fetch metadatum by collection, considering inheritance
diff --git a/src/classes/repositories/class-tainacan-repository.php b/src/classes/repositories/class-tainacan-repository.php
index 74dbeb70c..34d784210 100644
--- a/src/classes/repositories/class-tainacan-repository.php
+++ b/src/classes/repositories/class-tainacan-repository.php
@@ -333,6 +333,14 @@ abstract class Repository {
 		}
 
 		$args['meta_query'] = $meta_query;
+		
+		// Map orderby parameter
+		if ( isset($args['orderby']) ) {
+			if ( array_key_exists($args['orderby'], $map) ) {
+				$args['orderby'] = $map[ $args['orderby'] ]['map'];
+			}
+		}
+		
 
 		return $args;
 
diff --git a/src/classes/repositories/class-tainacan-taxonomies.php b/src/classes/repositories/class-tainacan-taxonomies.php
index 1e00e2446..7d6c43faf 100644
--- a/src/classes/repositories/class-tainacan-taxonomies.php
+++ b/src/classes/repositories/class-tainacan-taxonomies.php
@@ -172,7 +172,9 @@ class Taxonomies extends Repository {
 
             $args['post_type'] = Entities\Taxonomy::get_post_type();
 
-            $wp_query = new \WP_Query($args);
+			$args = apply_filters('tainacan_fetch_args', $args, 'taxonomies');
+			
+			$wp_query = new \WP_Query($args);
             return $this->fetch_output($wp_query, $output);
         }
     }
diff --git a/src/classes/tainacan-creator.php b/src/classes/tainacan-creator.php
index 2de0d255d..527e1fdea 100644
--- a/src/classes/tainacan-creator.php
+++ b/src/classes/tainacan-creator.php
@@ -136,5 +136,6 @@ require_once(__DIR__ . '/../theme-helper/template-tags.php');
 $Tainacan_Theme_Helper = \Tainacan\Theme_Helper::get_instance();
 
 $Tainacan_Search_Engine = new \Tainacan\Search_Engine();
+$Tainacan_Elastic_press = new \Tainacan\Elastic_Press();
 
 ?>

From 78497d66ba62c2e9ad251480fb17a91678dbcc1c Mon Sep 17 00:00:00 2001
From: eduardohumberto <eduardo.humberto1992@gmail.com>
Date: Sun, 29 Jul 2018 22:05:38 -0300
Subject: [PATCH 2/5] csv importer - create option for file path in server

---
 src/importer/class-tainacan-csv.php | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/importer/class-tainacan-csv.php b/src/importer/class-tainacan-csv.php
index dc4b83027..8668b1aff 100644
--- a/src/importer/class-tainacan-csv.php
+++ b/src/importer/class-tainacan-csv.php
@@ -172,7 +172,7 @@ class CSV extends Importer {
         $form .= '</div>';
         $form .= '</div>';
 
-        $form = '<div class="field">';
+        $form .= '<div class="field">';
         $form .= '<label class="label">' . __('Multivalued metadata delimiter', 'tainacan') . '</label>';
         $form .= '<div class="control">';
         $form .= '<input type="text" class="input" name="multivalued_delimiter" value="' . $this->get_option('multivalued_delimiter') . '" />';
@@ -210,6 +210,13 @@ class CSV extends Importer {
         $form .= '</div>';
         $form .= '</div>';
 
+        $form .= '<div class="field">';
+        $form .= '<label class="label">' . __('Server path', 'tainacan') . '</label>';
+        $form .= '<div class="control">';
+        $form .= '<input type="text" class="input" size="1" name="server_path" value="' . $this->get_option('server_path') . '" />';
+        $form .= '</div>';
+        $form .= '</div>';
+
         return $form;
 
     }

From 7fd2138485536bda7b51bc257b5bcc874b0d8b4b Mon Sep 17 00:00:00 2001
From: eduardohumberto <eduardo.humberto1992@gmail.com>
Date: Mon, 30 Jul 2018 21:57:01 -0300
Subject: [PATCH 3/5] csv importer - create tests for different document types
 and fix index error on process item

---
 src/importer/class-tainacan-csv.php | 14 ++++++++++----
 tests/test-importer.php             | 12 +++++++++++-
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/importer/class-tainacan-csv.php b/src/importer/class-tainacan-csv.php
index 8668b1aff..5decabd0d 100644
--- a/src/importer/class-tainacan-csv.php
+++ b/src/importer/class-tainacan-csv.php
@@ -106,14 +106,14 @@ class CSV extends Importer {
 
             foreach ( $headers as $indexRaw => $headerRaw ) {
                if( $headerRaw === $header ){
-                    $index = $indexRaw;
+                    $column = $indexRaw;
                }
             }
             
-            if(!isset($index))
+            if(!isset($column))
                 continue;
 
-            $valueToInsert = $this->handle_encoding( $values[ $index ] );
+            $valueToInsert = $this->handle_encoding( $values[ $column ] );
 
             $processedItem[ $header ] = ( $metadatum->is_multiple() ) ? 
                 explode( $this->get_option('multivalued_delimiter'), $valueToInsert) : $valueToInsert;
@@ -137,8 +137,14 @@ class CSV extends Importer {
             $file =  new \SplFileObject( $this->tmp_file, 'r' );
             $file->setFlags(\SplFileObject::SKIP_EMPTY);
             $file->seek( $index );
-            $values = str_getcsv( rtrim($file->fgets()), $this->get_option('delimiter'), $this->get_option('enclosure')  );
 
+            if( $index === 0 ){
+                $file->current();
+                $file->next();
+            }
+
+            $values = str_getcsv( rtrim($file->fgets()), $this->get_option('delimiter'), $this->get_option('enclosure')  );
+            
             if( is_array($values) && !empty($column_document) ){
                 $this->handle_document( $values[$column_document], $inserted_item);
             }
diff --git a/tests/test-importer.php b/tests/test-importer.php
index 498c9504a..9632c0577 100644
--- a/tests/test-importer.php
+++ b/tests/test-importer.php
@@ -483,6 +483,16 @@ class ImporterTests extends TAINACAN_UnitTestCase {
         $_SESSION['tainacan_importer'][$id]->add_collection( $collection_definition );
         $_SESSION['tainacan_importer'][$id]->set_option('encode','iso88591');
 
-        $this->assertEquals(1, $_SESSION['tainacan_importer'][$id]->run(), 'first step should import 1 item');
+        while($_SESSION['tainacan_importer'][$id]->run()){
+            continue;
+        }
+
+        $items = $Tainacan_Items->fetch( [], $collection, 'OBJECT' );
+
+        $this->assertEquals( $_SESSION['tainacan_importer'][$id]->get_source_number_of_items(), count( $items ) );
+
+        // test row 5
+        $document_id = $items[0]->get_document();
+        $this->assertFalse( is_numeric($document_id) );
     }
 }

From 0b3ca743fcd7bfad7091f6d4331a62fdda3fa77e Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Tue, 31 Jul 2018 09:12:32 -0300
Subject: [PATCH 4/5] Bettter spacing for filter and metadata edition forms.

---
 .../edition/filter-edition-form.vue           |  8 ++---
 .../edition/metadatum-edition-form.vue        | 18 +++++-----
 src/admin/scss/_tainacan-form.scss            |  6 ++++
 src/admin/tainacan-admin-i18n.php             |  1 +
 src/admin/theme-items-list.vue                | 34 +++++++++++++++++++
 .../relationship/FormRelationship.vue         |  5 ++-
 6 files changed, 56 insertions(+), 16 deletions(-)

diff --git a/src/admin/components/edition/filter-edition-form.vue b/src/admin/components/edition/filter-edition-form.vue
index 8b7da97db..6bde1a048 100644
--- a/src/admin/components/edition/filter-edition-form.vue
+++ b/src/admin/components/edition/filter-edition-form.vue
@@ -7,7 +7,7 @@
                 :addons="false"
                 :type="formErrors['name'] != undefined ? 'is-danger' : ''" 
                 :message="formErrors['name'] != undefined ? formErrors['name'] : ''">
-            <label class="label is-inline">
+            <label class="label is-inline-block">
                 {{ $i18n.get('label_name') }} 
                 <span 
                         class="required-metadatum-asterisk"
@@ -26,7 +26,7 @@
                 :addons="false" 
                 :type="formErrors['description'] != undefined ? 'is-danger' : ''" 
                 :message="formErrors['description'] != undefined ? formErrors['description'] : ''">
-            <label class="label is-inline">
+            <label class="label is-inline-block">
                 {{ $i18n.get('label_description') }} 
                 <help-button 
                         :title="$i18n.getHelperTitle('filters', 'description')" 
@@ -43,7 +43,7 @@
                 :addons="false"
                 :type="formErrors['status'] != undefined ? 'is-danger' : ''" 
                 :message="formErrors['status'] != undefined ? formErrors['status'] : ''">
-            <label class="label is-inline">
+            <label class="label is-inline-block">
                 {{ $i18n.get('label_status') }} 
                 <help-button 
                         :title="$i18n.getHelperTitle('filters', 'status')" 
@@ -75,7 +75,7 @@
         <b-field
                 :addons="false"
                 v-if="editForm.filter_type_object && editForm.filter_type_object.component.includes('checkbox')">
-            <label class="label is-inline">
+            <label class="label is-inline-block">
                 {{ $i18n.get('label_max_options_to_show') }}
                 <help-button
                         :title="$i18n.getHelperTitle('filters', 'max_options')"
diff --git a/src/admin/components/edition/metadatum-edition-form.vue b/src/admin/components/edition/metadatum-edition-form.vue
index 13af50a97..4c988066a 100644
--- a/src/admin/components/edition/metadatum-edition-form.vue
+++ b/src/admin/components/edition/metadatum-edition-form.vue
@@ -9,7 +9,7 @@
                 :addons="false"
                 :type="formErrors['name'] != undefined ? 'is-danger' : ''"
                 :message="formErrors['name'] != undefined ? formErrors['name'] : ''">
-            <label class="label is-inline">
+            <label class="label is-inline-block">
                 {{ $i18n.get('label_name') }}
                 <span
                         class="required-metadatum-asterisk"
@@ -28,7 +28,7 @@
                 :addons="false"
                 :type="formErrors['description'] != undefined ? 'is-danger' : ''"
                 :message="formErrors['description'] != undefined ? formErrors['description'] : ''">
-            <label class="label is-inline">
+            <label class="label is-inline-block">
                 {{ $i18n.get('label_description') }}
                 <help-button
                         :title="$i18n.getHelperTitle('metadata', 'description')"
@@ -43,7 +43,7 @@
             
         <b-field
                 :addons="false">
-            <label class="label is-inline">
+            <label class="label is-inline-block">
                 {{ $i18n.get('label_semantic_uri') }}
                 <help-button
                         :title="$i18n.getHelperTitle('metadata', 'semantic_uri')"
@@ -60,7 +60,7 @@
                 :addons="false"
                 :type="formErrors['status'] != undefined ? 'is-danger' : ''"
                 :message="formErrors['status'] != undefined ? formErrors['status'] : ''">
-            <label class="label is-inline">
+            <label class="label is-inline-block">
                 {{ $i18n.get('label_status') }}
                 <help-button
                         :title="$i18n.getHelperTitle('metadata', 'status')"
@@ -95,7 +95,7 @@
                 :type="formErrors['display'] != undefined ? 'is-danger' : ''"
                 :message="formErrors['display'] != undefined ? formErrors['display'] : ''" 
                 :addons="false">
-            <label class="label is-inline">
+            <label class="label is-inline-block">
                 {{ $i18n.get('label_display') }}
                 <help-button
                         :title="$i18n.getHelperTitle('metadata', 'display')"
@@ -139,7 +139,7 @@
         </b-field>
 
         <b-field :addons="false">
-            <label class="label is-inline">{{ $i18n.get('label_options') }}</label>
+            <label class="label is-inline-block">{{ $i18n.get('label_options') }}</label>
             <b-field
                     :type="formErrors['required'] != undefined ? 'is-danger' : ''"
                     :message="formErrors['required'] != undefined ? formErrors['required'] : ''">
@@ -149,7 +149,7 @@
                         v-model="editForm.required"
                         true-value="yes"
                         false-value="no"
-                        class="is-inline"
+                        class="is-inline-block"
                         name="required">
                     {{ $i18n.get('label_required') }}
                     <help-button
@@ -168,7 +168,7 @@
                         v-model="editForm.multiple"
                         true-value="yes"
                         false-value="no"
-                        class="is-inline"
+                        class="is-inline-block"
                         name="multiple">
                     {{ $i18n.get('label_allow_multiple') }}
                     <help-button
@@ -186,7 +186,7 @@
                         v-model="editForm.unique"
                         true-value="yes"
                         false-value="no"
-                        class="is-inline"
+                        class="is-inline-block"
                         name="collecion_key">
                     {{ $i18n.get('label_unique_value') }}
                     <help-button
diff --git a/src/admin/scss/_tainacan-form.scss b/src/admin/scss/_tainacan-form.scss
index 53bc5d4bb..5a3e21936 100644
--- a/src/admin/scss/_tainacan-form.scss
+++ b/src/admin/scss/_tainacan-form.scss
@@ -16,6 +16,12 @@
             justify-content: end !important;
         }
     }
+    .field:not(:last-child) {
+        margin-bottom: 1.125rem;
+    }
+    .field>.field:not(:last-child) {
+        margin-bottom: 0.5rem;
+    }
     .label { 
         font-weight: bold;
         font-size: 14px; 
diff --git a/src/admin/tainacan-admin-i18n.php b/src/admin/tainacan-admin-i18n.php
index 4dd246e2b..2fae20596 100644
--- a/src/admin/tainacan-admin-i18n.php
+++ b/src/admin/tainacan-admin-i18n.php
@@ -303,6 +303,7 @@ return apply_filters( 'tainacan-admin-i18n', [
 	'instruction_configure_new_metadatum'            => __( 'Configure new metadatum.', 'tainacan' ),
 	'instruction_insert_mapper_metadatum_info'       => __( 'Insert the new mapper\'s metadatum info', 'tainacan' ),
 	'instruction_select_max_options_to_show'         => __( 'Select max options to show', 'tainacan' ),
+	'instruction_select_collection_fetch_items'      => __( 'Select a collection to fecth items', 'tainacan' ),
 
 	// Info. Other feedback to user.
 	'info_search_results'                            => __( 'Search Results', 'tainacan' ),
diff --git a/src/admin/theme-items-list.vue b/src/admin/theme-items-list.vue
index ec967a562..8607277b9 100644
--- a/src/admin/theme-items-list.vue
+++ b/src/admin/theme-items-list.vue
@@ -42,6 +42,7 @@ export default {
     @import "../admin/scss/_tooltips.scss";
     @import "../admin/scss/_tainacan-form.scss";
     
+
     .theme-items-list {
         position: relative;
         display: flex;
@@ -272,6 +273,39 @@ export default {
 
         .filters-mobile-modal {
             // top: 95px;
+            @keyframes slide-menu {
+                from {
+                    -ms-transform: translate(-100%, 0); /* IE 9 */
+                    -webkit-transform: translate(-100%, 0); /* Safari */
+                    transform: translate(-100%, 0);
+                }
+                to {
+                    -ms-transform: translate(0, 0); /* IE 9 */
+                    -webkit-transform: translate(0, 0); /* Safari */
+                    transform: translate(0, 0);
+                }
+            }
+
+            animation-name: slide-menu;
+            animation-duration: 0.3s;
+            animation-timing-function: ease-out;
+
+            @keyframes appear {
+                from {
+                    opacity: 0.0;
+                    visibility: hidden;
+                }
+                to {
+                    opacity: 1.0;
+                    visibility: visible;
+                }
+            }
+
+            .modal-background {
+                animation-name: appear;
+                animation-duration: 0.6s;
+                animation-timing-function: ease-in;
+            }
 
             .modal-close {
                 right: calc(8.3333333% + 20px);
diff --git a/src/classes/metadata-types/relationship/FormRelationship.vue b/src/classes/metadata-types/relationship/FormRelationship.vue
index 33341eea2..9523685e8 100644
--- a/src/classes/metadata-types/relationship/FormRelationship.vue
+++ b/src/classes/metadata-types/relationship/FormRelationship.vue
@@ -6,19 +6,18 @@
                 :type="collectionType"
                 :message="collectionMessage">
             <label class="label is-inline">
-                {{ $i18n.get('label_related_collection') }}<span :class="collectionType" >&nbsp;*&nbsp;</span>
+                {{ $i18n.get('label_collection_related') }}<span :class="collectionType" >&nbsp;*&nbsp;</span>
                 <help-button
                         :title="$i18n.getHelperTitle('tainacan-relationship', 'collection_id')"
                         :message="$i18n.getHelperMessage('tainacan-relationship', 'collection_id')"/>
             </label>
             <b-select
                     name="metadata_type_relationship[collection_id]"
-                    placeholder="Select the collection to fetch items"
+                    :placeholder="$i18n.get('instruction_select_collection_fetch_items' )"
                     v-model="collection"
                     @change.native="emitValues()"
                     @focus="clear()"
                     :loading="loading">
-                <option value="">Select...</option>
                 <option
                         v-for="option in collections"
                         :value="option.id"

From 0aa807885ba6c01f6e9641204e4edd8bcf9e26af Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Tue, 31 Jul 2018 09:26:09 -0300
Subject: [PATCH 5/5] Improvments on filter menu responsiviness.

---
 src/admin/pages/lists/items-page.vue    |  3 +-
 src/admin/scss/_filters-menu-modal.scss | 61 +++++++++++++++++++++++++
 src/admin/scss/tainacan-admin.scss      |  4 +-
 src/admin/theme-items-list.vue          |  4 +-
 4 files changed, 68 insertions(+), 4 deletions(-)
 create mode 100644 src/admin/scss/_filters-menu-modal.scss

diff --git a/src/admin/pages/lists/items-page.vue b/src/admin/pages/lists/items-page.vue
index e5f32b108..d76153513 100644
--- a/src/admin/pages/lists/items-page.vue
+++ b/src/admin/pages/lists/items-page.vue
@@ -579,7 +579,8 @@
             </div>
         </div>
         <b-modal
-                class="tainacan-form filters-mobile-modal is-hidden-tablet"                
+                id="filters-mobile-modal"
+                class="tainacan-form is-hidden-tablet"                
                 :active.sync="isFilterModalActive"
                 :width="736">
             <div class="modal-inner-content">
diff --git a/src/admin/scss/_filters-menu-modal.scss b/src/admin/scss/_filters-menu-modal.scss
new file mode 100644
index 000000000..cdcad5540
--- /dev/null
+++ b/src/admin/scss/_filters-menu-modal.scss
@@ -0,0 +1,61 @@
+#filters-mobile-modal {
+    // top: 95px;
+    @keyframes slide-menu {
+        from {
+            -ms-transform: translate(-100%, 0); /* IE 9 */
+            -webkit-transform: translate(-100%, 0); /* Safari */
+            transform: translate(-100%, 0);
+        }
+        to {
+            -ms-transform: translate(0, 0); /* IE 9 */
+            -webkit-transform: translate(0, 0); /* Safari */
+            transform: translate(0, 0);
+        }
+    }
+
+    animation-name: slide-menu;
+    animation-duration: 0.3s;
+    animation-timing-function: ease-out;
+
+    @keyframes appear {
+        from {
+            opacity: 0.0;
+            visibility: hidden;
+        }
+        to {
+            opacity: 1.0;
+            visibility: visible;
+        }
+    }
+
+    .modal-background {
+        animation-name: appear;
+        animation-duration: 0.6s;
+        animation-timing-function: ease-in;
+    }
+
+    .modal-close {
+        right: calc(8.3333333% + 20px);
+        background-color: $gray1;
+
+        &:hover {
+            background-color: $gray1;   
+        }
+        &::before, &::after {
+            background-color: $secondary;
+        }
+    }
+    .modal-content {
+        background-color: white;
+        margin: 0 8.3333333% 0 0;
+        padding: 24px $page-side-padding;
+        border-radius: 0;
+        height: 100%;
+        max-height: 100%;
+        overflow-y: auto;
+
+        h3 {
+            font-size: 100%;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/admin/scss/tainacan-admin.scss b/src/admin/scss/tainacan-admin.scss
index fb3fc7cf9..49f250d87 100644
--- a/src/admin/scss/tainacan-admin.scss
+++ b/src/admin/scss/tainacan-admin.scss
@@ -22,6 +22,7 @@
 @import "../scss/_modals.scss";
 @import "../scss/_tags.scss";
 @import "../scss/_notices.scss";
+@import "../scss/_filters-menu-modal.scss";
 
 // Clears wordpress content
 body.tainacan-admin-page #adminmenumain, body.tainacan-admin-page #wpfooter, body.tainacan-admin-page #wp-auth-check-wrap {
@@ -161,4 +162,5 @@ a:hover {
 // Buefy notices (toast, snackbar...)
 .notices {
     z-index: 99999999999999 !important;
-}
\ No newline at end of file
+}
+
diff --git a/src/admin/theme-items-list.vue b/src/admin/theme-items-list.vue
index 8607277b9..cf68f33ad 100644
--- a/src/admin/theme-items-list.vue
+++ b/src/admin/theme-items-list.vue
@@ -41,8 +41,8 @@ export default {
     @import "../admin/scss/_dropdown-and-autocomplete.scss";
     @import "../admin/scss/_tooltips.scss";
     @import "../admin/scss/_tainacan-form.scss";
+    @import "../admin/scss/_filters-menu-modal.scss";
     
-
     .theme-items-list {
         position: relative;
         display: flex;
@@ -271,7 +271,7 @@ export default {
             }
         }
 
-        .filters-mobile-modal {
+        #filters-mobile-modal {
             // top: 95px;
             @keyframes slide-menu {
                 from {