nikdoof/rustical
1
1
Fork 0
mirror of https://github.com/lennart-k/rustical.git synced 2025-12-14 08:12:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

frontend: Minor work to make it a little less terrible

Browse Source
This commit is contained in:
Lennart
2025-04-13 18:42:13 +02:00
parent 8976832e6b
commit a60d8deacc
8 changed files with 92 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
crates/frontend/public/assets/style.css
View File

@@ -1,7 +1,39 @@
body {
font-family: sans-serif;
margin: 0;
}
* {
box-sizing: border-box;
}
#app {
padding: 12px;
}
header {
background: #EEE;
height: 80px;
font-weight: bold;
display: flex;
align-items: center;
padding: 12px;
font-size: 2em;
a {
text-decoration: none;
color: black;
}
.logout_form {
margin-left: auto;
}
}
.login_window {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

10
crates/frontend/public/templates/layouts/default.html
View File

@@ -10,7 +10,15 @@
</head>
<body>
<div id="app" hx-boost="true">
{% block header %}
<header>
<a href="/frontend/user">RustiCal</a>
<form method="POST" action="/frontend/logout" class="logout_form">
<button type="submit">Log out</button>
</form>
</header>
{% endblock %}
<div id="app">
{% block content %}<p>Placeholder</p>{% endblock %}
</div>
</body>

1
crates/frontend/public/templates/pages/addressbook.html
View File

@@ -10,5 +10,4 @@
<pre>{{ addressbook|json }}</pre>
<a href="/frontend/user/{{ addressbook.principal }}">Back</a>
{% endblock %}

2
crates/frontend/public/templates/pages/calendar.html
View File

@@ -9,6 +9,4 @@
{% if let Some(description) = calendar.description %}<p>{{ description }}</p>{% endif%}
<pre>{{ calendar|json }}</pre>
<a href="/frontend/user/{{ calendar.principal }}">Back</a>
{% endblock %}

29
crates/frontend/public/templates/pages/login.html
View File

@@ -1,17 +1,22 @@
{% extends "layouts/default.html" %}
{% block content %}
<h1>Login</h1>
<form action="login" method="post">
<label for="username">Username</label>
<input type="text" name="username" placeholder="username">
<label for="password">Password</label>
<input type="password" name="password" placeholder="password">
<button type="submit">Login</button>
</form>
{% if let Some(OidcProviderData {name, redirect_url}) = oidc_data %}
<a href="{{ redirect_url }}">Login with {{ name }}</a>
{% endif %}
<div class="login_window">
<h1>Login</h1>
<form action="login" method="post" id="form_login">
<label for="username">Username</label>
<input type="text" id="username" name="username" placeholder="username">
<br>
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="password">
<br>
<button type="submit">Login</button>
</form>
{% endblock %}
{% if let Some(OidcProviderData {name, redirect_url}) = oidc_data %}
<a href="{{ redirect_url }}">Login with {{ name }}</a>
{% endif %}
{% endblock %}
</div>

16
crates/frontend/public/templates/pages/user.html
View File

@@ -54,12 +54,22 @@ li.collection-list-item {
}
</style>
<h1>Welcome {{ user.id }}!</h1>
<form method="POST" action="/frontend/logout">
<button type="submit">Log out</button>
</form>
<h2>Profile</h2>
<form>
<label for="user_displayname">Displayname</label>
<input type="text" value="{{ user.displayname.clone().unwrap_or(String::new()) }}" id="user_displayname" />
</form>
<h3>Groups</h3>
<ul>
{% for group in user.memberships %}
<li>{{ group }}</li>
{% endfor %}
</ul>
<h3>App tokens</h3>
<ul>