station 0.5.7 → 0.5.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3d302445e882a2c889586a235a63754c199138a61113db21b4c9e2d8c070f001
-  data.tar.gz: d6e1205be3cf686c3022f105ffa6aece5fc08fae48472b96d6e8b744a1a536a1
+  metadata.gz: 0d0709670b85a2abad49045de301cd0d369a12d07e0c3cdd2b240f9fd85db7f5
+  data.tar.gz: 2a562040355173365497c1495938e6d512fdda4a57be9068451c514163b40409
 SHA512:
-  metadata.gz: 48c51044796edb3060f271b6bceaacf3736f5dac1ceee0dc1bc841be54847944e223d69b0703a91c57ce752198f08bc12fd1f53c93dd3783063e5a31271d3a10
-  data.tar.gz: 0d38df2b7a2f4800e51ab34ecc965615fc48b31818c8c875e014a3293d682a714b947550942475857fcefbd2e8f09cfc1818311c2ff2642d7a2892da986245fc
+  metadata.gz: 9add43ace94c02b561749cf97cfdba33a3a3e92cb9232e0db12467803ee89581012547ab2680849d38fbaa9f364950746319963a9c63ba6b6f6ccdd5c8256c4c
+  data.tar.gz: 6b69b5d0902c7e07e60b3a57c8a0d3f11a8881e851e0f41f023dbec6d1d5a297dde9edf4cdd7ec14254ae0acf901a8409114e5cb099f8522e8731737542d087d

data/lib/nexmo_developer/app/views/blog/blogpost/show.html.erb

@@ -112,57 +112,58 @@
 
     </div>
 
-    <!-- Related Blogposts -->
     <div class="wrapper-cards">
-    <div id="related" class="Vlt-card Vlt-bg-white">
 
-      <h4 style="text-align:center;">Related Posts</h4>
+      <!-- Call to Action Card -->
+      <div id="card-action" class="Vlt-card Vlt-bg-black">
 
-      <div class="header-separator hr--short Vlt-text-separator Vlt-text-separator--small">
-        <span>
-          <svg class="Vlt-icon"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-pentool" /></svg>
-        </span>
-      </div>
-
-      <% @related_blogposts.each_with_index do |related, i| %>
-        <div class="Vlt-card__content">
-          <%= link_to "/#{related.link}" do %>
-            <h5><%= related.title %></h5>
-            <% if related.updated_at.present? %>
-              <span class='Vlt-grey-darker'><%= Time.parse(related.updated_at).strftime('%b %d, %Y') %></span>
-            <% end %>
-            <p class="Vlt-blue-darker">
-            [<%= t('read_more') %>]
-            </p>
-          <% end %>
+        <div class="rectangle"></div>
+          <span class="square"></span>
+        <div class="title">
+          <h3 class="title-text" >Start Building</h3>
         </div>
+        <p>Start developing in minutes with free credit on us. No credit card required!</p>
 
-        <% if i != @related_blogposts.length - 1 %>
-         <hr class="hr--short" style="opacity:.4;">
+        <%= link_to @blog_button_path, class: "Vlt-btn-blog-sm" do %>
+          <svg class="Vlt-icon Vlt-icon--smaller Vlt-grey-darker">
+            <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-rocket"></use>
+          </svg>
+            &nbsp;Sign Up
         <% end %>
+        <img src="https://s3.eu-west-1.amazonaws.com/developer.vonage.com/blog/sign_up_button/laptop.png"/>
+      </div>
 
-      <% end %>
+      <!-- Related Blogposts -->
+      <div id="related" class="Vlt-card Vlt-bg-white">
 
-    </div>
-        <!-- Call to Action Card -->
-    <div id="card-action" class="Vlt-card Vlt-bg-black">
+        <h4 style="text-align:center;">Related Posts</h4>
 
-      <div class="rectangle"> </div>
-        <span class="square"></span>
-      <div class="title">
-        <h3 class="title-text" >Start Building</h3>
-      </div>
-      <p>Start developing in minutes with free credit on us. No credit card required!</p>
+        <div class="header-separator hr--short Vlt-text-separator Vlt-text-separator--small">
+          <span>
+            <svg class="Vlt-icon"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-pentool" /></svg>
+          </span>
+        </div>
 
-      <%= link_to @blog_button_path, class: "Vlt-btn-blog-sm" do %>
-        <svg class="Vlt-icon Vlt-icon--smaller Vlt-grey-darker">
-          <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-rocket"></use>
-        </svg>
-          &nbsp;Sign Up
-      <% end %>
-      <img src="https://s3.eu-west-1.amazonaws.com/developer.vonage.com/blog/sign_up_button/laptop.png"/>
+        <% @related_blogposts.each_with_index do |related, i| %>
+          <div class="Vlt-card__content">
+            <%= link_to "/#{related.link}" do %>
+              <h5><%= related.title %></h5>
+              <% if related.updated_at.present? %>
+                <span class='Vlt-grey-darker'><%= Time.parse(related.updated_at).strftime('%b %d, %Y') %></span>
+              <% end %>
+              <p class="Vlt-blue-darker">
+              [<%= t('read_more') %>]
+              </p>
+            <% end %>
+          </div>
 
-    </div>
+          <% if i != @related_blogposts.length - 1 %>
+            <hr class="hr--short" style="opacity:.4;">
+          <% end %>
+
+        <% end %>
+
+      </div>
     </div>
   </div>
 

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

@@ -4,9 +4,7 @@
       <svg class="Vlt-icon Vlt-grey Nxd-search-icon">
         <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-search-full" />
       </svg>
-
-
-      <div class="Nxd-search-input">
+      <div v-show="expanded" class="Nxd-search-input">
         <div class="Vlt-composite Vlt-composite--appendedicon">
           <div class="Vlt-composite__prepend Vlt-composite__prepend--icon">
             <svg><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-search"/></svg>
@@ -86,20 +84,12 @@ export default {
     );
   },
   mounted: function() {
-    if (document.querySelector('.Nxd-template')) {
-      document.querySelector('.Nxd-template').addEventListener('click', this.onClickOutside.bind(this));
-    } else if (document.querySelector('.Adp-landing')) {
-      document.querySelector('.Adp-landing .wrapper').addEventListener('click', this.onClickOutside.bind(this));
-    }
-    this.$el.querySelector('.Nxd-search-icon').addEventListener('click', this.handleSearchToggle.bind(this));
-    this.$el.querySelector('.Nxd-search-close').addEventListener('click', this.handleSearchToggle.bind(this));
+    document.addEventListener('click', this.onClickOutside.bind(this));
+    this.$el.querySelector('.Nxd-search-icon').addEventListener('click', this.openSearch.bind(this));
+    this.$el.querySelector('.Nxd-search-close').addEventListener('click', this.closeSearch.bind(this));
   },
   onDestroy: function() {
-    if (document.querySelector('.Nxd-template')) {
-      document.querySelector('.Nxd-template').removeEventListener('click', this.onClickOutside.bind(this));
-    } else if (document.querySelector('.Adp-landing')) {
-      document.querySelector('.Adp-landing .wrapper').removeEventListener('click', this.onClickOutside.bind(this));
-    }
+    document.removeEventListener('click', this.onClickOutside.bind(this));
   },
   computed: {
     showResults: function() {
@@ -128,30 +118,22 @@ export default {
     hitKey: function(result, hit) {
       return result.index + hit.objectID;
     },
-    onClickOutside: function(event) {
-      if (this.showResults) {
-        this.reset();
-      }
-      if (this.expanded) {
-        this.expanded = false;
-      }
-
-      this.toggleSearch(true);
+    openSearch: function(event) {
+      event.stopPropagation();
+      this.expanded = true;
     },
-
-    handleSearchToggle: function(event) {
-      event.preventDefault();
+    closeSearch: function(event) {
       event.stopPropagation();
-
-      this.toggleSearch();
+      this.expanded = false;
+      this.query = '';
     },
-
-    toggleSearch: function(hide) {
+    onClickOutside: function(event) {
       let search = this.$el.querySelector('.Nxd-search-input');
-      if (hide === true || search.style.display == 'flex') {
-        search.style.display = 'none';
-      } else {
-        search.style.display = 'flex';
+      const { clientX, clientY } = event;
+      const { x, y, width, height } = search.getBoundingClientRect();
+
+      if (clientX < x || clientX > x + width || clientY < y || clientY > y + height) {
+        this.closeSearch(event);
       }
     },
     onEscDownHandler: function(event) {
@@ -232,7 +214,7 @@ export default {
   align-items: flex-end;
 }
 .Nxd-search-input {
-  display: none;
+  display: flex;
   width: 756px;
   padding: 20px 30px;
   background: white;

data/lib/nexmo_developer/public/assets/{.sprockets-manifest-6fd77c48d2ed58425c82f10182b58f37.json → .sprockets-manifest-e06d999fcff329bbc661b696a8fb65d9.json}

@@ -1 +1 @@
-{"files":{"manifest-b4bf6e57a53c2bdb55b8998cc94cd00883793c1c37c5e5aea3ef6749b4f6d92b.js":{"logical_path":"manifest.js","mtime":"2022-08-31T15:53:40+00:00","size":2,"digest":"75a11da44c802486bc6f65640aa48a730f0f684c5c07a42ba3cd1735eb3fb070","integrity":"sha256-daEdpEyAJIa8b2VkCqSKcw8PaExcB6Qro80XNes/sHA="},"application-aa88b3c7bd34ec529f43849541752fda7c9c202aa9fff905be578ef88d103b46.js":{"logical_path":"application.js","mtime":"2022-08-31T15:53:40+00:00","size":3172,"digest":"67f1fd16f949c2794341a44cf839e5436bbef74436e043ead39890d1c3b2e583","integrity":"sha256-Z/H9FvlJwnlDQaRM+DnlQ2u+90Q24EPq05iQ0cOy5YM="},"application-da9e52b43be65940dbcbec74f4a92cfd0325b5f595d9385805625c64b4e73c31.css":{"logical_path":"application.css","mtime":"2022-08-31T15:53:40+00:00","size":22537,"digest":"0c8a44dd0d09ae549cd27b653e2ecd764408661503f56a4f0e581f3d74da07fb","integrity":"sha256-DIpE3Q0JrlSc0ntlPi7NdkQIZhUD9WpPDlgfPXTaB/s="}},"assets":{"manifest.js":"manifest-b4bf6e57a53c2bdb55b8998cc94cd00883793c1c37c5e5aea3ef6749b4f6d92b.js","application.js":"application-aa88b3c7bd34ec529f43849541752fda7c9c202aa9fff905be578ef88d103b46.js","application.css":"application-da9e52b43be65940dbcbec74f4a92cfd0325b5f595d9385805625c64b4e73c31.css"}}
+{"files":{"manifest-b4bf6e57a53c2bdb55b8998cc94cd00883793c1c37c5e5aea3ef6749b4f6d92b.js":{"logical_path":"manifest.js","mtime":"2022-09-05T15:12:01+00:00","size":2,"digest":"75a11da44c802486bc6f65640aa48a730f0f684c5c07a42ba3cd1735eb3fb070","integrity":"sha256-daEdpEyAJIa8b2VkCqSKcw8PaExcB6Qro80XNes/sHA="},"application-aa88b3c7bd34ec529f43849541752fda7c9c202aa9fff905be578ef88d103b46.js":{"logical_path":"application.js","mtime":"2022-09-05T15:12:01+00:00","size":3172,"digest":"67f1fd16f949c2794341a44cf839e5436bbef74436e043ead39890d1c3b2e583","integrity":"sha256-Z/H9FvlJwnlDQaRM+DnlQ2u+90Q24EPq05iQ0cOy5YM="},"application-da9e52b43be65940dbcbec74f4a92cfd0325b5f595d9385805625c64b4e73c31.css":{"logical_path":"application.css","mtime":"2022-09-05T15:12:01+00:00","size":22537,"digest":"0c8a44dd0d09ae549cd27b653e2ecd764408661503f56a4f0e581f3d74da07fb","integrity":"sha256-DIpE3Q0JrlSc0ntlPi7NdkQIZhUD9WpPDlgfPXTaB/s="}},"assets":{"manifest.js":"manifest-b4bf6e57a53c2bdb55b8998cc94cd00883793c1c37c5e5aea3ef6749b4f6d92b.js","application.js":"application-aa88b3c7bd34ec529f43849541752fda7c9c202aa9fff905be578ef88d103b46.js","application.css":"application-da9e52b43be65940dbcbec74f4a92cfd0325b5f595d9385805625c64b4e73c31.css"}}