~fnux/meta.sr.ht

981f61abadcba453cd76f7c27dcd9506d99d7555 — Drew DeVault 8 months ago 6d8a5e2
Improve UI for personal access keys

More updates to conform to modern sourcehut design practices
2 files changed, 19 insertions(+), 8 deletions(-)

M metasrht/templates/are-you-sure.html
M metasrht/templates/oauth-personal-token.html
M metasrht/templates/are-you-sure.html => metasrht/templates/are-you-sure.html +9 -4
@@ 1,13 1,18 @@
{% extends "meta.html" %}
{% block content %}
<div class="row">
  <section class="col-md-6">
  <section class="col-md-12">
    <h3>Are you sure?</h3>
    <p>Are you sure you want to {{ blurb | safe }}? This cannot be undone.</p>
    <p>Do you want to {{ blurb | safe }}? This cannot be undone.</p>
    <form method="POST" action="{{ action }}">
      {{csrf_token()}}
      <button type="submit" class="btn btn-danger">Yes, do it</button>
      <a href="{{ cancel }}" class="btn btn-default">No, nevermind</a>
      <button type="submit" class="btn btn-danger">
        Yes, do it {{icon('caret-right')}}
      </button>
      <a
        href="{{ cancel }}"
        class="btn btn-default"
      >No, nevermind {{icon('caret-right')}}</a>
    </form>
  </section>
</div>

M metasrht/templates/oauth-personal-token.html => metasrht/templates/oauth-personal-token.html +10 -4
@@ 16,7 16,7 @@
      Your access token <strong>will never be shown to you again</strong>. Keep
      this secret.
    </p>
    <a href="/oauth" class="btn btn-default">Continue</a>
    <a href="/oauth" class="btn btn-primary">Continue {{icon('caret-right')}}</a>
    {% else %}
    <p>
      This will generate a valid OAuth token with complete access to your


@@ 32,15 32,21 @@
        class="form-control {{valid.cls("comment")}}"
        id="comment"
        name="comment"
        value="{{comment or ""}}" />
        value="{{comment or ""}}"
        aria-describedby="comment-help" />
      <small id="comment-help" class="text-muted">
        Arbitrary comment for personal reference only
      </small>
      {{valid.summary("comment")}}
    </div>
    <button
      type="submit"
      name="accept"
      class="btn btn-danger"
    >Proceed and generate token</button>
    <a class="btn btn-default" href="/oauth" >Nevermind</a>
    >Proceed and generate token {{icon('caret-right')}}</button>
    <a
      class="btn btn-default" href="/oauth"
    >Nevermind {{icon('caret-right')}}</a>
    {% endif %}
  </form>
</div>