Skip to content
Snippets Groups Projects
Verified Commit 3fa5f6e4 authored by Gabriel Zachmann's avatar Gabriel Zachmann
Browse files

add landing page

parent d223b402
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
internal/server/web/partials/about-web.mustache 0 → 100644
+ 72
− 0
View file @ 3fa5f6e4
<div class="row">
<div class="col">
<div class="alert border">
<h4 class="text-primary">The Mytoken Service</h4>
<p>
Mytoken is a service to obtain OpenID Connect Access Tokens in an easy but secure way
for extended periods of time and across multiple devices.
</p>
<p>
To do so, users can create mytokens with exactly the properties they need for the job.
These mytokens can easily be used (from multiple devices) to obtain OIDC access tokens.
Mytokens and access tokens can be obtained from this web interface or the command line.
For more details please refer to the <a href="https://mytoken-docs.data.kit.edu"
target="_blank" rel="noopener noreferrer">full
documentation</a>.
</p>
</div>
</div>
<div class="col">
<div class="alert border">
<h4 class="text-primary">Mytoken Web</h4>
<p>On this web interface you can:</p>
<ul>
<li>
<button role="button" class="btn btn-link" onclick="$('#mt-tab').click()">Create a mytoken</button>
</li>
<li>
<button role="button" class="btn btn-link" onclick="$('#info-tab').click()">
Get information about a mytoken
</button>
</li>
<li>
<button role="button" class="btn btn-link" onclick="$('#tc-tab').click()">
Exchange a transfer code into a mytoken
</button>
</li>
{{^logged-in}}
</ul>
<p>After sign in you additionally can:</p>
<ul>
{{/logged-in}}
<li>
{{#logged-in}}
<button role="button" class="btn btn-link" onclick="$('#at-tab').click()">
{{/logged-in}}
Obtain access tokens
{{#logged-in}}
</button>
{{/logged-in}}
</li>
<li>
{{#logged-in}}
<button role="button" class="btn btn-link" onclick="$('#list-mts-tab').click()">
{{/logged-in}}
List your mytokens and revoke them
{{#logged-in}}
</button>
{{/logged-in}}
</li>
<li>
{{#logged-in}}
<button role="button" class="btn btn-link" onclick="document.getElementById('settings-link').click()">
{{/logged-in}}
Change settings
{{#logged-in}}
</button>
{{/logged-in}}
</li>
</ul>
</div>
</div>
</div>
internal/server/web/partials/footer.mustache
+ 4
− 1
View file @ 3fa5f6e4
......@@ -2,9 +2,12 @@
<div style="text-align: center;">
<small style="color: #808080;">© 2022 KIT</small>
<small style="margin-left: 20px;"><a href="/privacy">Privacy</a></small>
<small style="margin-left: 20px;"><a href="https://mytoken-docs.data.kit.edu" target="_blank"
rel="noopener noreferrer">Documentation</a></small>
<small style="margin-left: 20px;"><a href="mailto:m-contact@lists.kit.edu"><i class="fas fa-at"></i> Developer
Contact</a></small>
<small style="margin-left: 20px;"><a href="https://github.com/oidc-mytoken/server"><i class="fab fa-github"></i>
<small style="margin-left: 20px;"><a href="https://github.com/oidc-mytoken/server" target="_blank"
rel="noopener noreferrer"><i class="fab fa-github"></i>
Source</a></small>
</div>
</div>
internal/server/web/partials/navbar.mustache
+ 1
− 1
View file @ 3fa5f6e4
......@@ -7,7 +7,7 @@
{{#logged-in}}
<ul class="navbar-nav">
<li class="nav-item bg-my_blue_dark" id="settings">
<a class="nav-link hover-item text-center" href="/settings">
<a id="settings-link" class="nav-link hover-item text-center" href="/settings">
<i class="fas fa-cog non-hover-text"></i>
<span class="hover-text" id="gear-text">Settings</span>
</a>
......
internal/server/web/sites/home.mustache
+ 12
− 19
View file @ 3fa5f6e4
<div class="card">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
<li class="nav-item">
<a class="nav-link active" id="about-tab" data-toggle="tab" href="#about" role="tab"
aria-controls="about" aria-selected="true">About Web</a>
</li>
{{#logged-in}}
<li class="nav-item">
<a class="nav-link active" id="at-tab" data-toggle="tab" href="#at" role="tab" aria-controls="at"
aria-selected="true">Access Token</a>
<a class="nav-link" id="at-tab" data-toggle="tab" href="#at" role="tab" aria-controls="at"
aria-selected="false">Access Token</a>
</li>
{{/logged-in}}
<li class="nav-item">
<a class="nav-link{{^logged-in}} active{{/logged-in}}" id="mt-tab" data-toggle="tab" href="#mt"
<a class="nav-link" id="mt-tab" data-toggle="tab" href="#mt"
role="tab" aria-controls="mt" aria-selected="false">Create Mytoken</a>
</li>
<li class="nav-item">
......@@ -28,13 +32,15 @@
</ul>
</div>
<div class="card-body tab-content">
<div class="tab-pane show active" id="about" role="tabpanel" aria-labelledby="about-tab">
{{> about-web}}
</div>
{{#logged-in}}
<div class="tab-pane show active" id="at" role="tabpanel" aria-labelledby="at-tab">
<div class="tab-pane" id="at" role="tabpanel" aria-labelledby="at-tab">
{{> create-at}}
</div>
{{/logged-in}}
<div class="tab-pane bg-secondary break-out{{^logged-in}} active{{/logged-in}}" id="mt" role="tabpanel"
aria-labelledby="mt-tab">
<div class="tab-pane bg-secondary break-out" id="mt" role="tabpanel" aria-labelledby="mt-tab">
<div class="bg-secondary ">
{{> create-mt}}
</div>
......@@ -53,19 +59,6 @@
</div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" id="error-modal">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content bg-danger">
<div class="modal-header">
<h5 class="modal-title">Error</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body" id="error-modal-msg"></div>
</div>
</div>
</div>
{{>revocation-modal}}
......
internal/server/web/static/css/mytoken.css
+ 4
− 0
View file @ 3fa5f6e4
......@@ -132,3 +132,7 @@ span.user-agent i + i {
cursor: pointer;
user-select: none;
}
.btn-link {
padding: 0;
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

A HIFIS Service | Privacy | Imprint | Support | Documentation | Changelog