services/identity/internal/templates/list_blessings.go

// Copyright 2015 The Vanadium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.

package templates

import "html/template"

var ListBlessings = template.Must(listWithHeader.Parse(sidebarPartial))
var listWithHead = template.Must(listBlessings.Parse(headPartial))
var listWithHeader = template.Must(listWithHead.Parse(headerPartial))

var listBlessings = template.Must(template.New("auditor").Parse(`<!doctype html>
<html>
<head>
  <title>Blessings for {{.Email}} - Vanadium Identity Provider</title>
  {{template "head" .}}
  <link rel="stylesheet" href="{{.AssetsPrefix}}/identity/toastr.css">
</head>

<body class="identityprovider-layout">
  {{template "header" .}}
  <main>
    <h1 class="page-head">Authorize Vanadium apps with Google</h1>
    <p>
      The Vanadium Identity Provider authorizes Vanadium blessings based on your Google Account.<br>
      <a href="https://vanadium.github.io/glossary.html#identity-provider">Learn more</a>
    </p>

    <div class="blessings-list">
      <div class="blessings-header">
          <h1>Your blessings</h1>
          <h5>Issued</h5>
          <h5>Revoked</h5>
        </div>
    {{range .Log}}
      {{if .Error}}
        <h1>Error</h1>
        <p>
          Failed to read audit log.<br>
          {{.Error}}
        </p>
      {{else}} {{/* if .Error */}}
        <div class="blessings-item">
          <div class="blessing-details">
            <h3>{{.Blessed}}</h3>
            <p>
              <b>Public Key</b><br>
              {{.Blessed.PublicKey}}
            </p>
            <p class="blessing-caveats">
              <b>Caveats</b><br>
              {{range .Caveats}}
                {{.}}<br>
              {{end}}
            </p>
          </div>

          <div class="blessing-issued unixtime" data-unixtime={{.Timestamp.Unix}}>{{.Timestamp.String}}</div>

          <div class="blessing-revoked">
            {{if .Token}}
              <button class="revoke button-passive" value="{{.Token}}">Revoke</button>
            {{else if not .RevocationTime.IsZero}}
              <p class="unixtime" data-unixtime={{.RevocationTime.Unix}}>{{.RevocationTime.String}}</p>
            {{end}}
          </div>
        </div>
      {{end}} {{/* if .Error */}}
    {{else}} {{/* range .Log */}}
      <p>
        <a href="https://vanadium.github.io/installation/">Install Vanadium</a> to set up your first blessing.
      </p>
    {{end}} {{/* range .Log */}}
    </div>
  {{template "sidebar" .}}
  </main>

  <script src="{{.AssetsPrefix}}/identity/toastr.js"></script>
  <script src="{{.AssetsPrefix}}/identity/moment.js"></script>
  <script src="{{.AssetsPrefix}}/identity/jquery.js"></script>
  <script>
  function setTimeText(elem) {
    var timestamp = elem.data("unixtime");
    var m = moment(timestamp*1000.0);
    var style = elem.data("style");
    if (style === "absolute") {
      elem.html("<a href='#'>" + m.format("MMM DD, YYYY h:mm:ss a") + "</a>");
      elem.data("style", "fromNow");
    } else {
      elem.html("<a href='#'>" + m.fromNow() + "</a>");
      elem.data("style", "absolute");
    }
  }

  $(document).ready(function() {
    $(".unixtime").each(function() {
      // clicking the timestamp should toggle the display format.
      $(this).click(function() { setTimeText($(this)); });
      setTimeText($(this));
    });

    // Setup the revoke buttons click events.
    $(".revoke").click(function() {
      var revokeButton = $(this);
      $.ajax({
        url: "/auth/google/{{.RevokeRoute}}",
        type: "POST",
        data: JSON.stringify({
          "Token": revokeButton.val()
        })
      }).done(function(data) {
        if (data.success == "false") {
          failMessage(revokeButton);
          return;
        }
        revokeButton.replaceWith("<div>Revoked just now</div>");
      }).fail(function(xhr, textStatus){
        failMessage(revokeButton);
        console.error('Bad request: %s', status, xhr)
      });
    });
  });

  function failMessage(revokeButton) {
    revokeButton.parent().parent().fadeIn(function(){
      $(this).addClass("bg-danger");
    });
    toastr.options.closeButton = true;
    toastr.error('Unable to revoke identity', 'Error')
  }
  </script>

</body>
</html>`))