station 0.4.0 → 0.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 228e421d76b1f68cd4553723077ecfe9a86c268d73f8f9493936782af055d57e
-  data.tar.gz: 664ef2f0bea4b1c54e7b778a555529a7d3732b7f6dff4c4249cd440fab936973
+  metadata.gz: 6e106d37ed7c503cf1cd95ddbd3c959a7abbda28b02492f682bc319d5ed056af
+  data.tar.gz: 3d8e74ad47ec36c750f92ce1fe2aeb110431fa045a1d0f909ad6966540acc121
 SHA512:
-  metadata.gz: 4088f12f0321a23602800303d8ac8d9cc707c02848d8079cf2da39842c3fb003c20e92ebbc6d3421e1ac6e9dcf72b8392e753fe592ba058441bcd981f46954a1
-  data.tar.gz: 905ea407d0c70a762db644d0d90f0eeec7eb5f3bc93aedbbba5c339c6b69323a7046c53f15f92743097c4d22ef5191b1e031dfa149958fe35c0ce7fd02b83fd5
+  metadata.gz: fb29af0115e5dd27ca6b41a966f8d1016f68149629113b5a3f8ea34827e194fb8ec86de288911100c7d944393c5918c19958883b34273d8aa1d500e030aba275
+  data.tar.gz: febbf29bea4e684a8b80d68ebdb66b7fdc1148f681d2dc753c0d5623dce59152b15fba4e62f89d294c779159917eff858b09b6a2a7c2e6d4a7ff6487dce7a722

data/lib/nexmo_developer/app/views/search/_result.html.erb

@@ -12,6 +12,26 @@
     </a>
   <% end %>
 
+  <% if index_name == 'prod_blogposts' %>
+    <a href="/<%= hit.link %>">
+      <div>
+        <span class="Vlt-badge Nxd-search__badge" style="background:<%= hit.category.color %>;"><%= hit.category.name %></span>
+        <span class="meta"><%= hit.tags.map(&:upcase).join(' | ') %></span>
+        <h3><%= hit.title %></h3>
+
+        <p class="search-highlighted">
+          <%= sanitize(hit.description, tags: ['em']) %>
+        </p>
+        <span class="meta">
+          <svg class="Vlt-icon Vlt-icon--smaller Vlt-aqua-dark">
+            <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-pentool" />
+          </svg>
+          <%= hit.author.name %>
+        </span>
+      </div>
+    </a>
+  <% end %>
+
 
   <% if index_name.include? 'nexmo_developer' %>
     <a href="<%= hit.path %>">

data/lib/nexmo_developer/app/views/search/results.html.erb

@@ -6,9 +6,11 @@
       <div class="Vlt-col">
         <div class="Vlt-card">
         <% if index.index.include? 'nexmo_developer' %>
-          <h2>Nexmo Developer</h2>
+          <h2>Vonage Developer</h2>
         <% elsif index.index == 'zendesk_nexmo_articles' %>
           <h2>Knowlegebase</h2>
+        <% elsif index.index == 'prod_blogposts' %>
+          <h2>Blog</h2>
         <% end %>
 
         <hr>

data/lib/nexmo_developer/app/views/static/404.html.erb

@@ -12,6 +12,8 @@
             <h2>Nexmo Developer</h2>
           <% elsif index.index == 'zendesk_nexmo_articles' %>
             <h2>Knowlegebase</h2>
+          <% elsif index.index == 'prod_blogposts' %>
+            <h2>Blog</h2>
           <% end %>
 
         <hr>

data/lib/nexmo_developer/app/webpacker/javascript/components/search/Blog.vue

@@ -0,0 +1,33 @@
+<template>
+  <div class='Nxd-search__result'>
+    <a class='Nxd-search__result__link' v-bind:href='url' target='_blank'>
+      <div>
+        <h6 class='Vlt-blue-dark'>{{ title }}</h6>
+        <p class='Nxd-search__result__highlight' v-html='snippet'></p>
+        <span class='Vlt-badge Vlt-badge--grey Nxd-search__badge' :style="colorBadge">{{ badge }}</span>
+      </div>
+    </a>
+  </div>
+</template>
+<script>
+export default {
+  props: ['hit'],
+  computed: {
+    badge: function() {
+      return this.hit.category.name;
+    },
+    colorBadge: function() {
+      return this.hit.category.color ? { background: this.hit.category.color } : { background: '#757575'}
+    },
+    snippet: function() {
+      return `...${this.hit._highlightResult.description.value}...`;
+    },
+    title: function() {
+      return this.hit.title;
+    },
+    url: function() {
+      return `https://developer.vonage.com/${this.hit.link}`;
+    },
+  }
+}
+</script>

data/lib/nexmo_developer/app/webpacker/javascript/components/search/Search.vue

@@ -47,6 +47,9 @@
               <div v-else-if="isNDPArticle(result)">
                 <NDPArticle v-for="hit in result.hits" v-bind:hit="hit" v-bind:key="hitKey(result, hit)"/>
               </div>
+              <div v-else-if="isBlog(result)">
+                <Blog v-for="hit in result.hits" v-bind:hit="hit" v-bind:key="hitKey(result, hit)"/>
+              </div>
             </div>
             <div v-else>
               <p class="Nxd-search--no-results"><i>No results</i></p>
@@ -62,6 +65,7 @@ import algoliasearch from 'algoliasearch'
 import debounce from 'lodash/debounce'
 import NDPArticle from './NDPArticle.vue';
 import ZendeskArticle from './ZendeskArticle.vue';
+import Blog from './Blog.vue';
 
 export default {
   data: function() {
@@ -107,7 +111,9 @@ export default {
       if (name == 'zendesk_nexmo_articles') {
         return 'Knowledgebase';
       } else if (name.includes('nexmo_developer')) {
-        return 'Nexmo Developer';
+        return 'Vonage Developer';
+      } else if (name == 'prod_blogposts') {
+        return 'Blog';
       }
     },
     isZendeskArticle: function(result) {
@@ -116,6 +122,9 @@ export default {
     isNDPArticle: function(result) {
       return result.index.includes('nexmo_developer');
     },
+    isBlog: function(result) {
+      return result.index == 'prod_blogposts';
+    },
     hitKey: function(result, hit) {
       return result.index + hit.objectID;
     },
@@ -204,7 +213,7 @@ export default {
     }
   },
   components: {
-    ZendeskArticle, NDPArticle
+    ZendeskArticle, NDPArticle, Blog
   }
 }
 </script>

data/lib/nexmo_developer/app/webpacker/stylesheets/custom/_landing.scss

@@ -36,7 +36,7 @@
     -webkit-transform-style: preserve-3d;
     -webkit-backface-visibility: hidden;
 
-    margin-top: 100px;
+    margin-top: 30px;
 
     @media #{$S-only} {
       margin-top: 300px;

data/lib/nexmo_developer/app/webpacker/stylesheets/layout/_search.scss

@@ -25,10 +25,11 @@ $quick-search-width: 800px;
   padding-left: $spacing;
 }
 
-.Nxd-search__wrapper { 
+.Nxd-search__wrapper {
   display: flex;
   flex-wrap: wrap;
   margin-right: -1px;
+  min-width: 65vw;
 }
 
 .Nxd-search__result {

data/lib/nexmo_developer/config/initializers/algolia.rb

@@ -21,7 +21,7 @@ if defined?(ALGOLIA_CONFIG) && ENV['ALGOLIA_SEARCH_KEY']
 
   algolia_search_parameters = {
     filters: filters.compact.join(' AND NOT ').prepend('NOT '),
-    attributesToSnippet: ['body', 'body_safe'],
+    attributesToSnippet: ['body', 'body_safe', 'description', 'title'],
   }
 
   ALGOLIA_SECURED_SEARCH_KEY = Algolia.generate_secured_api_key(ENV['ALGOLIA_SEARCH_KEY'], algolia_search_parameters)

data/lib/nexmo_developer/public/assets/{.sprockets-manifest-2b6c83fa005ae805e754c658cb1b5450.json → .sprockets-manifest-98eaecd2f374601eb005037c380d0468.json}

@@ -1 +1 @@
-{"files":{"manifest-b4bf6e57a53c2bdb55b8998cc94cd00883793c1c37c5e5aea3ef6749b4f6d92b.js":{"logical_path":"manifest.js","mtime":"2022-06-20T13:18:45+00:00","size":2,"digest":"75a11da44c802486bc6f65640aa48a730f0f684c5c07a42ba3cd1735eb3fb070","integrity":"sha256-daEdpEyAJIa8b2VkCqSKcw8PaExcB6Qro80XNes/sHA="},"application-aa88b3c7bd34ec529f43849541752fda7c9c202aa9fff905be578ef88d103b46.js":{"logical_path":"application.js","mtime":"2022-06-20T13:18:45+00:00","size":3172,"digest":"67f1fd16f949c2794341a44cf839e5436bbef74436e043ead39890d1c3b2e583","integrity":"sha256-Z/H9FvlJwnlDQaRM+DnlQ2u+90Q24EPq05iQ0cOy5YM="},"application-45229aaf351c0063887eda1627f8cc1b24b805884626aaffca4f8a4c11fc2807.css":{"logical_path":"application.css","mtime":"2022-06-20T13:18:45+00:00","size":17606,"digest":"927e9615d567db6c972d9875248337b3f05127031bf5e42c133e2aff64947fa6","integrity":"sha256-kn6WFdVn22yXLZh1JIM3s/BRJwMb9eQsEz4q/2SUf6Y="}},"assets":{"manifest.js":"manifest-b4bf6e57a53c2bdb55b8998cc94cd00883793c1c37c5e5aea3ef6749b4f6d92b.js","application.js":"application-aa88b3c7bd34ec529f43849541752fda7c9c202aa9fff905be578ef88d103b46.js","application.css":"application-45229aaf351c0063887eda1627f8cc1b24b805884626aaffca4f8a4c11fc2807.css"}}
+{"files":{"manifest-b4bf6e57a53c2bdb55b8998cc94cd00883793c1c37c5e5aea3ef6749b4f6d92b.js":{"logical_path":"manifest.js","mtime":"2022-06-21T10:48:50+00:00","size":2,"digest":"75a11da44c802486bc6f65640aa48a730f0f684c5c07a42ba3cd1735eb3fb070","integrity":"sha256-daEdpEyAJIa8b2VkCqSKcw8PaExcB6Qro80XNes/sHA="},"application-aa88b3c7bd34ec529f43849541752fda7c9c202aa9fff905be578ef88d103b46.js":{"logical_path":"application.js","mtime":"2022-06-21T10:48:50+00:00","size":3172,"digest":"67f1fd16f949c2794341a44cf839e5436bbef74436e043ead39890d1c3b2e583","integrity":"sha256-Z/H9FvlJwnlDQaRM+DnlQ2u+90Q24EPq05iQ0cOy5YM="},"application-45229aaf351c0063887eda1627f8cc1b24b805884626aaffca4f8a4c11fc2807.css":{"logical_path":"application.css","mtime":"2022-06-21T10:48:50+00:00","size":17606,"digest":"927e9615d567db6c972d9875248337b3f05127031bf5e42c133e2aff64947fa6","integrity":"sha256-kn6WFdVn22yXLZh1JIM3s/BRJwMb9eQsEz4q/2SUf6Y="}},"assets":{"manifest.js":"manifest-b4bf6e57a53c2bdb55b8998cc94cd00883793c1c37c5e5aea3ef6749b4f6d92b.js","application.js":"application-aa88b3c7bd34ec529f43849541752fda7c9c202aa9fff905be578ef88d103b46.js","application.css":"application-45229aaf351c0063887eda1627f8cc1b24b805884626aaffca4f8a4c11fc2807.css"}}