From a190bdcc801453a23c43ec6c6d8a555118e9f421 Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Mon, 4 Jun 2018 14:50:25 -0300
Subject: [PATCH] Adds new activities SVG icon propsed by design team.

---
 .../components/navigation/primary-menu.vue    | 31 ++++++++++++------
 .../navigation/tainacan-subheader.vue         |  8 +++--
 .../components/other/activities-icon.vue      | 32 +++++++++++++++++++
 src/admin/pages/lists/items-page.vue          |  8 ++---
 4 files changed, 62 insertions(+), 17 deletions(-)
 create mode 100644 src/admin/components/other/activities-icon.vue

diff --git a/src/admin/components/navigation/primary-menu.vue b/src/admin/components/navigation/primary-menu.vue
index a46d94b12..fad8d3548 100644
--- a/src/admin/components/navigation/primary-menu.vue
+++ b/src/admin/components/navigation/primary-menu.vue
@@ -69,9 +69,7 @@
                             tag="a"
                             to="/events"
                             :class="activeRoute == 'EventsPage' ? 'is-active':''">
-                        <b-icon
-                                size="is-small"
-                                icon="flash"/>
+                        <activities-icon />
                         <span class="menu-text">{{ $i18n.get('events') }}</span>
                     </router-link>
                 </li>
@@ -81,13 +79,17 @@
 </template>
 
 <script>
-    export default {
-        name: 'PrimaryMenu',
-        props: {
-            isMenuCompressed: false,
-            activeRoute: '/collections'
-        }
-    }
+import ActivitiesIcon from '../other/activities-icon.vue';
+export default {
+    name: 'PrimaryMenu',
+    props: {
+        isMenuCompressed: false,
+        activeRoute: '/collections'
+    },
+    components: {
+        ActivitiesIcon
+    },
+}
 </script>
 
 <style lang="scss" scoped>
@@ -121,10 +123,19 @@
                 border-radius: 0px;
                 -webkit-transition: padding 0.2s linear; /* Safari */
                 transition: padding 0.2s linear;
+
+                .activities-icon {
+                    fill: white;
+                }
             }
+
             a:hover, a.is-active {
                 background-color: $primary;
                 color: $tertiary;
+
+                .activities-icon {
+                    fill: $tertiary;
+                }
             }
             a:focus {
                 box-shadow: none;
diff --git a/src/admin/components/navigation/tainacan-subheader.vue b/src/admin/components/navigation/tainacan-subheader.vue
index 84125ddff..8e25134ed 100644
--- a/src/admin/components/navigation/tainacan-subheader.vue
+++ b/src/admin/components/navigation/tainacan-subheader.vue
@@ -83,9 +83,7 @@
                         :to="{ path: $routerHelper.getCollectionEventsPath(id) }" 
                         :class="activeRoute == 'CollectionEventsPage' ? 'is-active':''"
                         :aria-label="$i18n.get('label_collection_events')">
-                    <b-icon 
-                            size="is-small" 
-                            icon="flash"/>
+                    <activities-icon />
                     <br>
                     <span class="menu-text">{{ $i18n.get('events') }}</span>
                 </router-link>
@@ -97,6 +95,7 @@
 
 <script>
 import { mapActions, mapGetters } from 'vuex';
+import ActivitiesIcon from '../other/activities-icon.vue';
 
 export default {
     name: 'TainacanSubheader',
@@ -109,6 +108,9 @@ export default {
             activeRouteName: '',
         }
     },
+    components: {
+        ActivitiesIcon
+    },
     props: {
         id: Number,
     },
diff --git a/src/admin/components/other/activities-icon.vue b/src/admin/components/other/activities-icon.vue
new file mode 100644
index 000000000..1f3574067
--- /dev/null
+++ b/src/admin/components/other/activities-icon.vue
@@ -0,0 +1,32 @@
+<template>
+
+<svg 
+xmlns="http://www.w3.org/2000/svg" 
+x="0px" 
+y="0px"
+width="20" 
+height="20" 
+viewBox="0 0 24 24" 
+class="activities-icon" 
+xml:space="preserve">
+<path 
+d="M20,11c0,1-0.2,2.1-0.5,3h-2.2c0.4-0.9,0.7-1.9,0.7-3c0-3.9-3.1-7-7-7s-7,3.1-7,7c0,3.5,2.6,6.5,6,6.9v2
+	c-4.5-0.5-8-4.3-8-8.9c0-5,4-9,9-9S20,6,20,11z M14,22h-2v-2h2V22z M14,18h-2v-2h2V18z M22,22h-6v-2h6V22z M22,18h-6v-2h6V18z M12,6
+	h-2l0,6l2.7,2H16l-4-3V6z"/>
+</svg>
+</template>
+
+<script>
+export default {
+    name: 'ActivitiesIcon'
+}
+</script>
+
+<style type="text/scss">
+
+	svg.activities-icon {
+        margin-bottom: -5px;
+        fill:#1E2F56;
+    }
+    
+</style>
diff --git a/src/admin/pages/lists/items-page.vue b/src/admin/pages/lists/items-page.vue
index 07bde8c91..9c40cf2c3 100644
--- a/src/admin/pages/lists/items-page.vue
+++ b/src/admin/pages/lists/items-page.vue
@@ -241,8 +241,8 @@
             </div>
 
 
-            <!-- ADVANCED SEARCH -->
-            <advanced-search />
+            <!-- ADVANCED SEARCH 
+            <advanced-search /> -->
 
             <!-- --------------- -->
 
@@ -332,7 +332,7 @@
     import ItemsList from '../../components/lists/items-list.vue';
     import FiltersItemsList from '../../components/search/filters-items-list.vue';
     import Pagination from '../../components/search/pagination.vue'
-    import AdvancedSearch from '../../components/advanced-search/advanced-search.vue';
+    // import AdvancedSearch from '../../components/advanced-search/advanced-search.vue';
     import { mapActions, mapGetters } from 'vuex';
 
     export default {
@@ -396,7 +396,7 @@
             ItemsList,
             FiltersItemsList,
             Pagination,
-            AdvancedSearch,
+            // AdvancedSearch,
         },
         watch: {
             tableFields() {