Demo UI refresh

This commit is contained in:
Éloi Rivard 2022-07-08 10:01:36 +02:00
parent 82c8ee3b7a
commit b51d9dd85f

View file

@ -20,33 +20,17 @@
</head>
<body>
<nav class="ui stackable labeled icon menu container">
<div class="header item">
<a href="/" class="logo">
<img class="ui image" src="/static/img/canaille-head.png" alt="Canaille client" />
</a>
</div>
{% if user %}
<a class="item" href="{{ url_for('logout') }}">
<i class="sign out alternate icon"></i>
Log out
</a>
{% else %}
<a class="item" href="{{ url_for('login') }}">
<i class="sign in alternate icon"></i>
Sign in
</a>
{% endif %}
<div class="labeled icon right menu">
<a class="item" href="{{ config.OAUTH_AUTH_SERVER }}" target="_blank">
<i class="id card icon big"></i>
Identity server
</a>
</div>
</nav>
<div class="ui container">
<div class="ui masthead center aligned segment">
<div class="ui text container">
<h2 class="ui header">
<img class="ui image" src="/static/img/canaille-head.png" alt="Canaille client" />
<div class="content">
{{ name }}
</div>
</h2>
</div>
{% with messages = get_flashed_messages(with_categories=true) %}
{% for category, message in messages %}
<div class="ui attached message {{ category }}">
@ -55,9 +39,21 @@
{% endfor %}
{% endwith %}
<div class="ui segment">
<h2 class="ui header">{{ name }}</h2>
<div class="ui text container">
<p>
This is a dummy OpenID Connect client.
It illustrates how to plug another service on canaille so users can log in from canaille,
consents to share data, and then are redirect to the service.
</p>
</div>
{% if user %}
<div class="ui text container">
<br>
<p>
Here are the information this service has access to:
</p>
</div>
<div class="ui centered card">
{% if user.picture %}
<div class="image">
@ -70,6 +66,13 @@
{{ user.sub }}
</div>
{% if user.address %}
<div class="extra content">
<i class="map marker alternate icon" title="address"></i>
{{ user.address }}
</div>
{% endif %}
{% if user.email %}
<div class="extra content">
<i class="envelope icon" title="mail"></i>
@ -100,8 +103,26 @@
</a>
{% endif %}
</div>
<div class="ui buttons">
<a href="{{ config.OAUTH_AUTH_SERVER }}" target="_blank" class="ui huge button">
Identity server
</a>
<a class="ui huge negative button" href="{{ url_for('logout') }}">
Log out
<i class="right arrow icon"></i>
</a>
</div>
{% else %}
<a class="ui primary button" href="{{ url_for('login') }}">Sign in</a>
<div class="ui buttons">
<a href="{{ config.OAUTH_AUTH_SERVER }}" target="_blank" class="ui huge button">
Identity server
</a>
<a class="ui huge primary button" href="{{ url_for('login') }}">
Sign in
<i class="right arrow icon"></i>
</a>
</div>
{% endif %}
</div>
</div>