<div>
  <div style="position: absolute; top: 0, left: 0">
    <a href="https://linkerd.io" target="_blank"><img src="https://linkerd.io/images/identity/svg/linkerd_primary_color_white.svg" style="height: 30px;"></a>
  </div>
  <div id="version" style="position: absolute; top: 0; right: 0; font-size: 15px">
  </div>
</div>
<script type="text/javascript">
var localReqURL =
  window.location.href.substring(
    0,
    window.location.href.indexOf(
    "/services/grafana:http/proxy/"
    )
  )+'/services/web:http/proxy/overview';

fetch(localReqURL, {
  credentials: 'include',
  headers: {
    "Content-Type": "text/html; charset=utf-8",
  },
})
.then(response => response.text())
.then(text => (new window.DOMParser()).parseFromString(text, "text/html"))
.then(html => {
  var main = html.getElementById('main');
  var localVersion = main.getAttribute("data-release-version");
  var uuid = main.getAttribute("data-uuid");

  var versionElem = document.getElementById('version');
  versionElem.innerHTML += 'Running Linkerd ' + localVersion + '.<br>';

  fetch('https://versioncheck.linkerd.io/version.json?version='+localVersion+'&uuid='+uuid+'&source=grafana', {
    credentials: 'include',
    headers: {
      "Content-Type": "application/json; charset=utf-8",
    },
  })
  .then(response => response.json())
  .then(json => {
    if (json.version === localVersion) {
      versionElem.innerHTML += 'Linkerd is up to date.';
    } else {
      versionElem.innerHTML += "A new version ("+json.version+") is available. <a href='https://versioncheck.linkerd.io/update' target='_blank'>Update now</a>.";
    }
  });
});
</script>