station 0.3.2 → 0.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 37f24d0bd36c81b26acc820f72bed14f401bb9cc202064267a8a026bad2437c2
-  data.tar.gz: d20d6e6d797765b63eef55768c21d80c6ebb2a9332aa987db44b7ee23ee8ce0a
+  metadata.gz: 45b39905efb2414d902d105f9d436fde5f7cbee787924af27a6b7f050a8da218
+  data.tar.gz: a857083e2c465f7eaf80b31e1ecb6fe2b0a788d9375fcff58fcbf97504334b4b
 SHA512:
-  metadata.gz: 8085e0b8f977c69c8a853a0ea5a1f56d22775687c90cefb19345d93df927322ea92561468db550f19089894689c114457f65a901bd1e867e64c2b3051aad3c89
-  data.tar.gz: 138165ff74256013e2d614c82d0319808c1393265e73395a935e15622e5efd6b5706688e6243075e342f4dfc776dbb2656869951696999113c3e8dda506632eb
+  metadata.gz: c3aa7263bd725ed1b26fce2a09cd7a6bd7a890850d8e729b96e0bc96138f04b5f02c628fdbe6462e876a340fe21fd0f0b1a8a2876207212a5a0858805094676e
+  data.tar.gz: 17744360af04ea9dd8d30286cbb390b062bcf87b7a731bfea882c179b4e9041129b06436109c02f1f1148095b38f52d6e9e30d4e5b2b924c5d1aa0d599dfd6b9

data/lib/nexmo_developer/app/presenters/sidenav.rb

@@ -16,8 +16,10 @@ class Sidenav
 
   def nav_items
     @nav_items ||= items.map do |item|
-      SidenavItem.new(folder: item, sidenav: self)
-    end
+      if @product && @product.split('/').first.include?(item[:title])
+        SidenavItem.new(folder: item, sidenav: self)
+      end
+    end.compact
   end
 
   def namespace

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/views/static/_career.html.erb

@@ -1,6 +1,6 @@
 <div class="Vlt-col Vlt-col--1of2">
   <div class="Vlt-card Vlt-card--center Nxd-career">
-    <svg class="Vlt-icon Vlt-icon--larger Vlt-blue-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code"/></svg>
+    <svg class="Vlt-icon Vlt-icon--larger Vlt-purple-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-code"/></svg>
     <hr>
     <h2>
       <%= career.title %>

data/lib/nexmo_developer/app/views/static/landing_page_documentation/partials/_small_product_card.html.erb

@@ -1,13 +1,15 @@
 <div class="Vlt-card" style="padding: 35px;">
   <div class="d-flex-column h-100">
 
-    <div>
-      <svg class="Vlt-icon Vlt-icon--larger Vlt-purple"><use xlink:href="/symbol/volta-icons.svg#<%= product['icon'] %>" /></svg>
-    </div>
+    <a href=<%= product['product_name_link'] %>>
+      <div>
+        <svg class="Vlt-icon Vlt-icon--larger Vlt-purple"><use xlink:href="/symbol/volta-icons.svg#<%= product['icon'] %>" /></svg>
+      </div>
 
-    <h3 class="Vlt-purple">
-      <a href=<%= product['product_name_link'] %>><%= product['product_name'] %></a>
-    </h3>
+      <h3 class="Vlt-purple">
+        <%= product['product_name'] %>
+      </h3>
+    </a>
 
     <div style="flex-grow: 1; padding: 25px 0;">
       <p><%= raw product['product_description'].html_safe %></p>

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;
@@ -66,11 +66,11 @@
     }
 
     &__all {
-      margin: 20px auto 0;
+      margin: 40px auto 0;
 
       svg, a {
-        color: #B77EF9 !important;
-        fill: #B77EF9 !important;
+        color: #888 !important;
+        fill: #888 !important;
       }
     }
 
@@ -222,7 +222,7 @@
   }
 
   .Adp-brand-listing {
-    background: linear-gradient(90deg, #7FC6F4 4.86%, #8728FB 96.11%);
+    background: #666666;
 
     .container {
 
@@ -231,14 +231,15 @@
       }
     }
 
-    @media #{$M-plus} {
-      height: 88px;
-    }
-
     .Vlt-grid {
       justify-content: space-between;
       align-items: center;
 
+      img.Adp-brand-listing__brand,
+      svg.Adp-brand-listing__brand {
+        width: 120px;
+      }
+
       // overrides volta's style, they don't work
       @media #{$S-only} {
         .Vlt-col--S-1of2 {

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

@@ -2,6 +2,8 @@ $atom: #282c34;
 $gray: #A1A1A1;
 $gray-light: lighten($gray, 25%);
 $gray-dark: #252A2D;
+$purple-dark: #871fff;
+$purple: #b779ff;
 
 $mint: #E4EEF3;
 $pink: #E6547B;

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

@@ -14,11 +14,11 @@
   width: 100%;
 
   h3 {
-    color: $blue-dark;
+    color: $purple;
     margin-bottom: $unit1;
 
     &:hover {
-      color: $blue-darker;
+      color: $purple-dark;
     }
   }
 

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-fd8233b388fd05028148c3a82d5e9409.json → .sprockets-manifest-99c23924b9f87815ec6ae3c16642e874.json}

@@ -1 +1 @@
-{"files":{"manifest-b4bf6e57a53c2bdb55b8998cc94cd00883793c1c37c5e5aea3ef6749b4f6d92b.js":{"logical_path":"manifest.js","mtime":"2022-06-15T16:50:44+00:00","size":2,"digest":"75a11da44c802486bc6f65640aa48a730f0f684c5c07a42ba3cd1735eb3fb070","integrity":"sha256-daEdpEyAJIa8b2VkCqSKcw8PaExcB6Qro80XNes/sHA="},"application-aa88b3c7bd34ec529f43849541752fda7c9c202aa9fff905be578ef88d103b46.js":{"logical_path":"application.js","mtime":"2022-06-15T16:50:44+00:00","size":3172,"digest":"67f1fd16f949c2794341a44cf839e5436bbef74436e043ead39890d1c3b2e583","integrity":"sha256-Z/H9FvlJwnlDQaRM+DnlQ2u+90Q24EPq05iQ0cOy5YM="},"application-45229aaf351c0063887eda1627f8cc1b24b805884626aaffca4f8a4c11fc2807.css":{"logical_path":"application.css","mtime":"2022-06-15T16:50:44+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-23T10:12:09+00:00","size":2,"digest":"75a11da44c802486bc6f65640aa48a730f0f684c5c07a42ba3cd1735eb3fb070","integrity":"sha256-daEdpEyAJIa8b2VkCqSKcw8PaExcB6Qro80XNes/sHA="},"application-aa88b3c7bd34ec529f43849541752fda7c9c202aa9fff905be578ef88d103b46.js":{"logical_path":"application.js","mtime":"2022-06-23T10:12:09+00:00","size":3172,"digest":"67f1fd16f949c2794341a44cf839e5436bbef74436e043ead39890d1c3b2e583","integrity":"sha256-Z/H9FvlJwnlDQaRM+DnlQ2u+90Q24EPq05iQ0cOy5YM="},"application-45229aaf351c0063887eda1627f8cc1b24b805884626aaffca4f8a4c11fc2807.css":{"logical_path":"application.css","mtime":"2022-06-23T10:12:09+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"}}