RubyGems - station - Versions diffs - 0.0.0 → 0.0.100 - Mend

station 0.0.0 → 0.0.100

Files changed (620) hide show

data/lib/nexmo_developer/app/views/layouts/partials/_head.html.erb ADDED

@@ -0,0 +1,139 @@
+<% head = Head.new %>
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <% if head.google_site_verification %>
+    <meta name="google-site-verification" content=<%= head.google_site_verification %> />
+  <% end %>
+  <title><%= page_title %></title>
+  <% if head.description %>
+    <meta name="description" content="<%= head.description %>">
+  <% end %>
+  <%
+    # Note: We use a different API Key for fontend since Bugsnag gives different project options
+    #       depending on the technology that was chosen for the product.
+  %>
+  <% if ENV['BUGSNAG_JS_API_KEY'] %>
+    <% if ['staging', 'production'].include? Rails.env %>
+      <script src="//d2wy8f7a9ursnm.cloudfront.net/v4/bugsnag.min.js"></script>
+      <script>
+        window.bugsnagClient = bugsnag('<%= ENV['BUGSNAG_JS_API_KEY'] %>')
+        bugsnagClient.app.releaseStage = '<%= Rails.env %>'
+      </script>
+    <% end %>
+  <% end %>
+  <% if ENV['SEGMENT_WRITE_KEY'] %>
+    <script type="text/javascript">
+      !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0";
+      analytics.load("<%= ENV['SEGMENT_WRITE_KEY'] %>");
+      analytics.page();
+      }}();
+    </script>
+  <% end %>
+  <% if ENV['GOOGLE_ANALYTICS_TRACKING_ID'] %>
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+      ga('create', '<%= ENV['GOOGLE_ANALYTICS_TRACKING_ID'] %>', 'auto');
+      ga('send', 'pageview');
+    </script>
+  <% end %>
+  <% if ENV['GOOGLE_TAG_MANAGER_ID'] %>
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+    })(window,document,'script','dataLayer','<%= ENV['GOOGLE_TAG_MANAGER_ID'] %>');</script>
+  <% end %>
+  <% if ENV['HOTJAR_ID'] %>
+    <script>
+    (function(h,o,t,j,a,r){
+        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
+        h._hjSettings={hjid:<%= ENV['HOTJAR_ID'] %>,hjsv:6};
+        a=o.getElementsByTagName('head')[0];
+        r=o.createElement('script');r.async=1;
+        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
+        a.appendChild(r);
+    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
+    </script>
+  <% end %>
+  <link rel="canonical" href="<%= canonical_url %>">
+  <%= javascript_include_tag 'application' %>
+  <%= javascript_packs_with_chunks_tag 'application', defer: true %>
+  <% if @additional_scripts %>
+    <% @additional_scripts.each do |script| %>
+      <%= javascript_include_tag script %>
+    <% end %>
+  <% end %>
+  <% if ENV['ENVIRONMENT_SCRIPTS'] %>
+    <%= ENV['ENVIRONMENT_SCRIPTS'].html_safe %>
+  <% end %>
+  <%= stylesheet_pack_tag 'application' %>
+  <%= stylesheet_link_tag 'application' %>
+  <%= javascript_include_tag 'https://www.google.com/recaptcha/api.js', async: true, defer: true %>
+  <% if ENV['ALLOW_ROBOTS'].nil? || ENV['ALLOW_ROBOTS'] != 'true' %>
+    <meta name="robots" content="noindex,nofollow">
+  <% end %>
+  <link rel="apple-touch-icon" sizes="180x180" href="<%= canonical_base %>/<%= head.apple_touch_icon %>">
+  <link rel="icon" type="image/png" sizes="any" href="<%= canonical_base %>/<%= head.favicon %>">
+  <link rel="icon" type="image/png" sizes="32x32" href="<%= canonical_base %>/<%= head.favicon_32_squared %>">
+  <link rel="manifest" href="<%= canonical_base %>/<%= head.manifest %>">
+  <link rel="mask-icon" href="<%= canonical_base %>/<%= head.safari_pinned_tab %>" color="#5bbad5">
+  <meta name="apple-mobile-web-app-title" content=<%= head.title %>>
+  <meta name="application-name" content=<%= head.application_name %>>
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="msapplication-TileImage" content="<%= canonical_base %>/<%= head.mstile_144_squared %>">
+  <meta name="theme-color" content="#ffffff">
+  <meta property="og:url" content="<%= canonical_base + request.fullpath %>" />
+  <meta property="og:type" content="article" />
+  <meta property="og:image" content="<%= canonical_base %>/<%= head.og_image %>" />
+  <meta property="og:image:width" content=<%= head.og_image_width %> />
+  <meta property="og:image:height" content=<%= head.og_image_height %> />
+  <meta property="og:description" content="<%= head.description %>"/>
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta property="og:title" content="<%= page_title %>" />
+  <meta name="basic_auth_username" content="<%= ENV['USERNAME'] %>" />
+  <meta name="basic_auth_password" content="<%= ENV['PASSWORD'] %>" />
+  <meta name="search_url" content="<%= ENV['SEARCH_URL'] %>" />
+  <meta name="environment" content="<%= Rails.env %>" />
+  <meta name="algolia_application_id" content="<%= ENV['ALGOLIA_APPLICATION_ID'] %>" />
+  <% if search_enabled? %>
+    <meta name="algolia_search_key" content="<%= ALGOLIA_SECURED_SEARCH_KEY %>" />
+    <% ALGOLIA_CONFIG.keys.each do |index| %>
+      <meta name="algolia_index" content="<%= index %>" />
+    <% end %>
+  <% end %>
+  <meta name="copyright" content="<%= Time.current.year %> <%= head.application_name %>" />
+  <%= csrf_meta_tags %>
+</head>

data/lib/nexmo_developer/app/views/layouts/partials/_header.html.erb ADDED

@@ -0,0 +1,57 @@
+<% header = Header.new %>
+<%= render partial: 'layouts/partials/post-body-tags' %>
+<div class="Nxd-header">
+  <header id="header" class="Nxd-header__main" tabindex="2">
+    <a tabindex="0" id="skip-to-navigation" href="#sidenav-first" class="Vlt-btn Vlt-btn--outline Vlt-btn--primary Vlt-btn--app">Skip to navigation</a>
+    <a tabindex="0" id="skip-to-content" href="#primary-content" class="Vlt-btn Vlt-btn--outline Vlt-btn--primary Vlt-btn--app">Skip to content</a>
+    <div class="Nxd-logo">
+      <a href="/" id="logo" class="Nxd-logo__image Vlt-M-plus">
+        <%= image_tag header.logo_path, alt: header.logo_alt %>
+        <hr class="Nxd-product__separator">
+        <div class="Nxd-product__title Vlt-black">
+          <h4><%= header.name %></h4>
+          <small><%= header.subtitle %></small>
+        </div>
+      </a>
+      <a href="/" id="logo" class="Nxd-logo__image Vlt-S-only">
+        <%= image_tag header.small_logo_path, alt: header.logo_alt %>
+      </a>
+      <% if header.hiring_link? %>
+        <a href=<%= careers_path %> class="Vlt-M-plus Vlt-badge Vlt-badge--purple Vlt-badge--transparent Vlt-badge--small Nxd-product__hiring">
+          <span id="header-hiring"><%= t('.hiring') %></span>
+        </a>
+      <% end %>
+    </div>
+    <nav class="Nxd-header__nav">
+      <a class="Nxd-main-header__link Vlt-M-plus Vlt-black" href="https://vonage.com/communications-apis">Vonage.com</a>
+      <%= render partial: 'layouts/partials/locale_switcher' %>
+      <a href=<%= header.sign_up_path %> class="Vlt-btn Vlt-btn--secondary Vlt-btn--app" data-ab="try_button_v2"><b>
+          <% ab_test(:try_button_v2, header.sign_up_text.map { |s| ["{ #{t(".#{s}")} }", "< #{t(".#{s}")} />"] }.flatten) do |s| %>
+            <%= s %>
+          <% end %>
+        </b>
+      </a>
+    </nav>
+  </header>
+  <nav id="subnav" class="Nxd-header__sub">
+    <a id="Vlt-sidenav-mobile-trigger"><svg><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-menu"></use></svg></a>
+    <div class="Nxd-header__sub__menu">
+      <% Topnav.new(@navigation).items.each do |item| %>
+        <a href=<%= item.url %> class="<%= item.css_classes %>"><%= item.title %></a>
+      <% end %>
+    </div>
+    <% if search_enabled? %>
+      <%= form_tag '/search', method: :get do %>
+        <div id="search-app">
+          <input type="text" id="searchbox" name="query" placeholder="Search" name="query" autocomplete="off" value="<%= @search_term || '' %>">
+        </div>
+      <% end %>
+    <% end %>
+  </nav>
+</div>

data/lib/nexmo_developer/app/views/layouts/partials/_improve_this_page.html.erb ADDED

@@ -0,0 +1,16 @@
+<% if @document_path %>
+  <% presenter = ImprovePagePresenter.new(@document_path) %>
+  <div class="Vlt-box Vlt-box--left Vlt-bg-grey-lighter">
+    <div class="Vlt-grid">
+      <div class="Vlt-col Vlt-col--right Vlt-col--4of4">
+        <span id="feedback__improve">
+          <svg class="Vlt-icon Vlt-black">
+            <use xlink:href="/symbol/volta-icons.svg#Vlt-icon-github" />
+          </svg>
+          <a href="<%= presenter.github_url %>" target="_blank" class="Vlt-text-link Vlt-black">Improve this page</a>
+        </span>
+      </div>
+    </div>
+  </div>
+<% end %>

data/lib/nexmo_developer/app/views/layouts/partials/_locale_switcher.html.erb ADDED

@@ -0,0 +1,28 @@
+<% presenter = LocaleSwitcherPresenter.new(request) %>
+<% if presenter.multiple_locales? %>
+  <div class="Vlt-dropdown" id="locale-switcher">
+    <div class="Vlt-dropdown__trigger Vlt-dropdown__trigger--btn">
+      <%= button_tag type: :button, class: "Vlt-btn Vlt-btn--app Vlt-btn--white", disabled: presenter.disabled? do %>
+        <span class="Vlt-dropdown__selection">
+          <svg class="Vlt-dropdown__link__icon Vlt-grey-darker"><use xlink:href="<%= asset_pack_path('media/symbol/volta-icons.svg') %>#Vlt-icon-world"/></svg>
+          <span class="Nxd-locale">
+            <%= presenter.current_locale %>
+          </span>
+        </span>
+      <% end %>
+    </div>
+    <% unless presenter.disabled? %>
+      <div class="Vlt-dropdown__panel">
+        <div class="Vlt-dropdown__panel__content">
+          <% presenter.locales.each do |locale| %>
+            <div class="Vlt-dropdown__link" data-locale="<%= locale.data %>" role="link">
+              <span class="Vlt-dropdown__label">
+                <%= locale.value %>
+              </span>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/lib/nexmo_developer/app/views/layouts/partials/_notices.html.erb ADDED

@@ -0,0 +1,29 @@
+<% if @notices && @notices.any? %>
+  <div class="Nxd-header-notices">
+    <% @notices.each do |id, config| %>
+      <% if config['path'].nil? || request.path.match(Regexp.new(config['path'])) %>
+        <div class="Vlt-callout Vlt-callout--shoutout" data-notice-dismissible="<%= config['dismissible'] || true %>" data-notice-id="<%= id %>">
+          <i></i>
+          <div class="Vlt-callout__content">
+            <%= config['content'].html_safe %>
+          </div>
+           <% unless config['dismissible'] == false %>
+              <button class="Vlt-callout__dismiss"></button>
+            <% end %>
+        </div>
+      <% end %>
+    <% end %>
+<% end %>
+<% if I18n.locale.to_s != 'en' %>
+  <div class="Vlt-callout Vlt-callout--shoutout">
+    <i></i>
+    <div class="Vlt-callout__content">
+      <% if I18n.locale.to_s == 'cn' %>
+        <p>这份文档还在翻译中，预期年底前完成。欢迎您提供宝贵的意见及建议。</p>
+      <% elsif I18n.locale.to_s == 'ja' %>
+        <p>このコンテンツはまだ翻訳中であり、年末までに完了する予定です。貴重なコメントや提案を歓迎します。</p>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/lib/nexmo_developer/app/views/layouts/partials/_post-body-tags.html.erb ADDED

@@ -0,0 +1,4 @@
+<% if ENV['GOOGLE_TAG_MANAGER_ID'] %>
+  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=<%= ENV['GOOGLE_TAG_MANAGER_ID'] %>" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<% end %>

data/lib/nexmo_developer/app/views/layouts/partials/_product_dropdown.html.erb ADDED

@@ -0,0 +1,30 @@
+<div class="Vlt-dropdown">
+  <div class="Vlt-dropdown__trigger Vlt-dropdown__trigger--btn">
+    <button class="Vlt-dropdown__btn Vlt-btn--app">
+      <% if params[:product] %>
+        <% product = Product.all.detect { |p| p['path'] == params[:product] } %>
+        <svg style="height: 20px; width: 20px;" class="Vlt-gray-darker Vlt-dropdown__link__icon"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-<%= product['icon'] %>"></use></svg>
+        <span class="Vlt-dropdown__selection"><%= product['name'] %></span>
+      <% else %>
+        <span class="Vlt-dropdown__selection"><%= t('any_product') %></span>
+      <% end %>
+    </button>
+  </div>
+  <div class="Vlt-dropdown__panel">
+    <div class="Vlt-dropdown__panel__content">
+      <a class="Vlt-dropdown__link <%= !params[:product] && 'Vlt-dropdown__link--selected' || '' %>" href="<%= url_for(controller: controller_name, action: action_name, product: nil, code_language: @language)%>">
+        <span class="Vlt-dropdown__label"><%= t('any_product') %></span>
+      </a>
+      <hr class="hr--short"></hr>
+      <% ProductDropdownPresenter.new(product_scope).options.each do |option| %>
+        <a class="Vlt-dropdown__link <%= params[:product] && params[:product] == option.path && 'Vlt-dropdown__link--selected' || ''%>"
+           href="<%= url_for(controller: controller_name, action: action_name, product: option.path, code_language: @language) %>"
+        >
+          <svg style="height: 20px; width: 20px;" class="Vlt-gray-darker Vlt-dropdown__link__icon"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-<%= option.icon %>"></use></svg>
+          <span class="Vlt-dropdown__label"><%= option.name %></span>
+        </a>
+        <hr class="hr--short"></hr>
+      <% end %>
+    </div>
+  </div>
+</div>

data/lib/nexmo_developer/app/views/layouts/partials/_programming_languages_dropdown.html.erb ADDED

@@ -0,0 +1,29 @@
+<div class="Vlt-dropdown">
+  <div class="Vlt-dropdown__trigger Vlt-dropdown__trigger--btn">
+    <button class="Vlt-dropdown__btn Vlt-btn--app">
+      <% if params[:code_language] %>
+        <%= render 'code_languages/icon', code_language: params[:code_language], css_classes: 'Vlt-dropdown__link__icon', dark: true %>
+      <% else %>
+        <span class="Vlt-dropdown__selection"><%= t('any_language') %></span>
+      <% end %>
+    </button>
+  </div>
+  <div class="Vlt-dropdown__panel">
+    <div class="Vlt-dropdown__panel__content">
+      <a class="Vlt-dropdown__link <%= !params[:code_language] && 'Vlt-dropdown__link--selected' || '' %>"
+         href="<%= url_for(controller: controller_name, action: action_name, product: params[:product], code_language: nil) %>"
+      >
+        <%= t('any_language') %>
+      </a>
+      <hr class="hr--short"></hr>
+      <% LanguagesDropdownPresenter.new.options.each do |option| %>
+        <a class="Vlt-dropdown__link <%= params[:code_language] && params[:code_language] == option.code_language && 'Vlt-dropdown__link--selected' || '' %>"
+           href="<%= url_for(controller: controller_name, action: action_name, product: params[:product], code_language: option.code_language) %>"
+        >
+          <%= render 'code_languages/icon', code_language: option.code_language, css_classes: 'Vlt-dropdown__link__icon', dark: true %>
+        </a>
+        <hr class="hr--short"></hr>
+      <% end %>
+    </div>
+  </div>
+</div>

data/lib/nexmo_developer/app/views/layouts/partials/_sidenav.html.erb ADDED

@@ -0,0 +1,3 @@
+<ul class="Vlt-sidemenu navigation js-navigation navigation--<%= @sidenav.namespace %>" aria-label="Documentation" role="menubar">
+  <%= render partial: "layouts/partials/sidenav_item", collection: @sidenav.nav_items %>
+</ul>

data/lib/nexmo_developer/app/views/layouts/partials/_sidenav_item.html.erb ADDED

@@ -0,0 +1,18 @@
+<li class='navigation-item--<%= sidenav_item.title %> navigation-item' role="none">
+  <% if sidenav_item.label? %>
+    <%= link_to(sidenav_item.label, sidenav_item.link_url, class: "#{sidenav_item.css_classes}", role: 'link') %>
+  <% end %>
+  <a href="#" class='Vlt-sidemenu__trigger' role="link" tabindex="<%= sidenav_item_counter.zero? && 0 %>" aria-haspopup="true" aria-expanded="false" <%= sidenav_item_counter.zero? && "id=sidenav-first" %>>
+    <% if sidenav_item.svg? %>
+      <svg class='<%= sidenav_item.svg_color %>'><use xlink:href='<%= sidenav_item.svg %>' /></svg>
+    <% end %>
+    <span class='Vlt-sidemenu__label'>
+      <%= sidenav_item.normalized_title %>
+    </span>
+  </a>
+  <% if sidenav_item.children.any? %>
+    <ul role="menu" aria-label="<%= sidenav_item.normalized_title %>">
+      <%= render partial: 'layouts/partials/sidenav_subitem', collection: sidenav_item.children %>
+    </ul>
+  <% end %>
+</li>

data/lib/nexmo_developer/app/views/layouts/partials/_sidenav_subitem.html.erb ADDED

@@ -0,0 +1,34 @@
+<li class="navigation-item--<%= sidenav_subitem.title.parameterize %> navigation-item">
+  <% if sidenav_subitem.show_link? %>
+    <%= link_to(sidenav_subitem.url, class: 'Vlt-sidemenu__link', role: 'link') do %>
+      <% if sidenav_subitem.label? %>
+        <span class="Vlt-sidemenu__label">
+          <%= sidenav_subitem.title %>
+          <span class="<%= sidenav_subitem.css_classes %>">
+            <%= sidenav_subitem.label %>
+          </span>
+        </span>
+      <% else %>
+        <%= sidenav_subitem.title %>
+      <% end %>
+    <% end %>
+  <% elsif sidenav_subitem.collapsible? %>
+    <li class="js--collapsible navigation-item--<%= sidenav_subitem.title.parameterize %> navigation-item">
+      <a class="Vlt-sidemenu__trigger" href="/concepts" role="link">
+        <span class="Vlt-sidemenu__label"><%= sidenav_subitem.title %></span>
+      </a>
+      <% if sidenav_subitem.children.any? %>
+        <ul>
+          <%= render partial: 'layouts/partials/sidenav_subitem', collection: sidenav_subitem.children %>
+        </ul>
+      <% end %>
+    </li>
+  <% else %>
+    <h5 class="Vlt-sidemenu__title Vlt-sidemenu__title--border"><%= sidenav_subitem.title %></h5>
+    <% if sidenav_subitem.children.any? %>
+      <ul>
+        <%= render partial: 'layouts/partials/sidenav_subitem', collection: sidenav_subitem.children %>
+      </ul>
+    <% end %>
+  <% end %>
+</li>

data/lib/nexmo_developer/app/views/layouts/partials/api/_voice.html.erb ADDED

@@ -0,0 +1,84 @@
+<div id="Vlt-sidenav" class="Vlt-sidenav js-scrollspy">
+  <div class="Vlt-sidenav__scroll navigation js-navigation">
+    <ul class="Vlt-sidemenu Vlt-sidemenu--flat">
+        <li><a class="Vlt-sidemenu__link" href="#voice-api-reference">Voice</a>
+        <ul>
+          <li>
+            <a class="Vlt-sidemenu__link" href="#calls">Calls</a>
+            <ul>
+              <li>
+                <a class="Vlt-sidemenu__link" href="#create-an-outbound-call">
+                  Create an outbound Call
+                </a>
+              </li>
+              <li>
+                <a class="Vlt-sidemenu__link" href="#retrieve-information-about-all-your-calls">
+                  Retrieve information about all your Calls
+                </a>
+              </li>
+              <li>
+                <a class="Vlt-sidemenu__link" href="#retrieve-information-about-a-single-call">
+                  Retrieve information about a single Call
+                </a>
+              </li>
+              <li>
+                <a class="Vlt-sidemenu__link" href="#modify-an-existing-call">
+                  Modify an existing Call
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <a class="Vlt-sidemenu__link" href="#stream">Stream</a>
+            <ul>
+              <li>
+                <a class="Vlt-sidemenu__link" href="#stream-an-audio-file-to-an-active-call">
+                  Stream an audio file to an active Call
+                </a>
+              </li>
+              <li>
+                <a class="Vlt-sidemenu__link" href="#stop-streaming-an-audio-file-to-an-active-call">
+                  Stop streaming an audio file to an active Call
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <a class="Vlt-sidemenu__link" href="#talk">Talk</a>
+            <ul>
+              <li>
+                <a class="Vlt-sidemenu__link" href="#send-a-synthesized-speech-message-to-an-active-call">
+                  Send a synthesized speech message to an active Call
+                </a>
+              </li>
+              <li>
+                <a class="Vlt-sidemenu__link" href="#stop-sending-a-synthesized-speech-message-to-an-active-call">
+                  Stop sending a synthesized speech message to an active Call
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <a class="Vlt-sidemenu__link" href="#dtmf">DTMF</a>
+            <ul>
+              <li>
+                <a class="Vlt-sidemenu__link" href="#send-dual-tone-multi-frequency-dtmf-tones-to-an-active-call">
+                  Send Dual-tone multi-frequency (DTMF) tones to an active Call
+                </a>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <a class="Vlt-sidemenu__link" href="#generating-a-jwt">Generating a JWT</a>
+          </li>
+          <li>
+            <a class="Vlt-sidemenu__link" href="#status-values">Status values</a>
+          </li>
+          <li>
+            <a class="Vlt-sidemenu__link" href="#errors">Errors</a>
+          </li>
+        </ul>
+        </li>
+    </ul>
+  </div>
+</div>