provide oauth2 urls in app detail page, improve UI

This commit is contained in:
Son NK 2019-07-30 12:38:40 +02:00 committed by Son NK
parent d5a2932a97
commit 4e67275071
2 changed files with 95 additions and 19 deletions

View file

@ -13,14 +13,15 @@
<h3>App Info</h3> <h3>App Info</h3>
<div class="form-group"> <div class="form-group">
<label class="form-label">App Name</label> <label class="form-label">Display Name</label>
{{ form.name(class="form-control", value=client.name) }} {{ form.name(class="form-control", value=client.name) }}
{{ render_field_errors(form.name) }} {{ render_field_errors(form.name) }}
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-label">Website Url</label> <label class="form-label">Website URL</label>
{{ form.home_url(class="form-control", type="url", value=client.home_url or "") }} {{ form.home_url(class="form-control", type="url", value=client.home_url or "",
placeholder="https://mywebsite.com") }}
{{ render_field_errors(form.home_url) }} {{ render_field_errors(form.home_url) }}
</div> </div>
@ -68,6 +69,52 @@
</div> </div>
</div> </div>
<div class="form-group">
<label class="form-label">Authorization endpoint</label>
<div class="input-group mt-2">
<input type="text" disabled value="https://app.simplelogin.io/oauth2/authorize" class="form-control">
<span class="input-group-append">
<button
data-clipboard-text="https://app.simplelogin.io/oauth2/authorize"
class="clipboard btn btn-primary" type="button">
<i class="fe fe-clipboard"></i>
</button>
</span>
</div>
</div>
<div class="form-group">
<label class="form-label">Token endpoint</label>
<div class="input-group mt-2">
<input type="text" disabled value="https://app.simplelogin.io/oauth2/token" class="form-control">
<span class="input-group-append">
<button
data-clipboard-text="https://app.simplelogin.io/oauth2/token"
class="clipboard btn btn-primary" type="button">
<i class="fe fe-clipboard"></i>
</button>
</span>
</div>
</div>
<div class="form-group">
<label class="form-label">UserInfo endpoint</label>
<div class="input-group mt-2">
<input type="text" disabled value="https://app.simplelogin.io/oauth2/userinfo" class="form-control">
<span class="input-group-append">
<button
data-clipboard-text="https://app.simplelogin.io/oauth2/userinfo"
class="clipboard btn btn-primary" type="button">
<i class="fe fe-clipboard"></i>
</button>
</span>
</div>
</div>
<div class="form-group"> <div class="form-group">
<label class="form-label">Authorized URIs</label> <label class="form-label">Authorized URIs</label>
@ -89,7 +136,7 @@
</div> </div>
<button type="button" id="create-new-uri" class="mt-2 btn btn-outline-secondary">Add new uri</button> <button type="button" id="create-new-uri" class="mt-2 btn btn-secondary">Add new uri</button>
</div> </div>
<hr> <hr>
<button type="submit" class="btn btn-primary btn-lg">Update</button> <button type="submit" class="btn btn-primary btn-lg">Update</button>

View file

@ -27,24 +27,53 @@
<p>And if you already know this flow, here are the OAuth2 endpoints:</p> <p>And if you already know this flow, here are the OAuth2 endpoints:</p>
<p> <div class="form-group">
Authorization endpoint: <label class="form-label">Authorization endpoint</label>
<b>https://app.simplelogin.io/oauth2/authorize</b>
<i class="fe fe-clipboard clipboard" data-clipboard-text="https://app.simplelogin.io/oauth2/authorize"></i>
</p>
<p> <div class="input-group mt-2">
Token endpoint: <input type="text" disabled value="https://app.simplelogin.io/oauth2/authorize" class="form-control">
<b>https://app.simplelogin.io/oauth2/token</b> <span class="input-group-append">
<i class="fe fe-clipboard clipboard" data-clipboard-text="https://app.simplelogin.io/oauth2/token"></i> <button
</p> data-clipboard-text="https://app.simplelogin.io/oauth2/authorize"
class="clipboard btn btn-primary" type="button">
<i class="fe fe-clipboard"></i>
</button>
</span>
</div>
</div>
<p> <div class="form-group">
UserInfo endpoint: <label class="form-label">Token endpoint</label>
<b>https://app.simplelogin.io/oauth2/userinfo</b>
<i class="fe fe-clipboard clipboard" data-clipboard-text="https://app.simplelogin.io/oauth2/userinfo"></i>
</p>
<div class="input-group mt-2">
<input type="text" disabled value="https://app.simplelogin.io/oauth2/token" class="form-control">
<span class="input-group-append">
<button
data-clipboard-text="https://app.simplelogin.io/oauth2/token"
class="clipboard btn btn-primary" type="button">
<i class="fe fe-clipboard"></i>
</button>
</span>
</div>
</div>
<div class="form-group">
<label class="form-label">UserInfo endpoint</label>
<div class="input-group mt-2">
<input type="text" disabled value="https://app.simplelogin.io/oauth2/userinfo" class="form-control">
<span class="input-group-append">
<button
data-clipboard-text="https://app.simplelogin.io/oauth2/userinfo"
class="clipboard btn btn-primary" type="button">
<i class="fe fe-clipboard"></i>
</button>
</span>
</div>
</div>
<hr>
Please find below your OAuth Client-Id and Client-Secret that are needed for the <em>Authorization Code Flow</em>: Please find below your OAuth Client-Id and Client-Secret that are needed for the <em>Authorization Code Flow</em>:
<br> <br>