Skip to content

Commit b3febc8

Browse files
derkoederkoe
committedMar 2, 2024·
run Prettier
1 parent 992f288 commit b3febc8

File tree

7 files changed

+67
-65
lines changed

7 files changed

+67
-65
lines changed
 

‎.devcontainer/devcontainer.json

+3-8
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,11 @@
44
"java.configuration.updateBuildConfiguration": "automatic"
55
},
66
"dockerComposeFile": "docker-compose.yml",
7-
"forwardPorts": [
8-
8080
9-
],
7+
"forwardPorts": [8080],
108
"service": "app",
119
"workspaceFolder": "/workspace",
1210
"remoteUser": "vscode",
1311
"updateRemoteUserUID": true,
14-
"extensions": [
15-
"vscjava.vscode-java-pack",
16-
"esbenp.prettier-vscode"
17-
],
12+
"extensions": ["vscjava.vscode-java-pack", "esbenp.prettier-vscode"],
1813
"postStartCommand": "mvn -B compile quarkus:dev"
19-
}
14+
}

‎docker-compose.yml

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
version: "3"
22
services:
3-
43
app:
54
image: ghcr.io/derkoe/quarkus-htmx-todos:main
65
environment:

‎src/main/java/todos/Todo.java

+3-3
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@
22

33
import io.quarkus.hibernate.orm.panache.PanacheEntityBase;
44
import io.quarkus.panache.common.Sort;
5-
import java.sql.Timestamp;
6-
import java.util.List;
7-
import java.util.UUID;
85
import jakarta.persistence.Column;
96
import jakarta.persistence.Entity;
107
import jakarta.persistence.GeneratedValue;
118
import jakarta.persistence.Id;
129
import jakarta.persistence.Table;
10+
import java.sql.Timestamp;
11+
import java.util.List;
12+
import java.util.UUID;
1313
import org.hibernate.annotations.CreationTimestamp;
1414
import org.jboss.resteasy.annotations.jaxrs.FormParam;
1515

‎src/main/java/todos/TodoResource.java

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@
22

33
import io.quarkus.qute.CheckedTemplate;
44
import io.quarkus.qute.TemplateInstance;
5-
import java.util.List;
6-
import java.util.UUID;
75
import jakarta.transaction.Transactional;
86
import jakarta.ws.rs.GET;
97
import jakarta.ws.rs.HeaderParam;
@@ -12,6 +10,8 @@
1210
import jakarta.ws.rs.PathParam;
1311
import jakarta.ws.rs.core.Response;
1412
import jakarta.ws.rs.core.Response.Status;
13+
import java.util.List;
14+
import java.util.UUID;
1515
import org.jboss.resteasy.annotations.Form;
1616

1717
@Path("/todos")

‎src/main/resources/templates/TodoResource/item.html

+16-5
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,26 @@
11
{@todos.Todo todo}
2-
<li {#if todo.getCompleted()}class="completed"{/if} id="item-{todo.id}">
2+
<li class="{todo.getCompleted() ? 'completed' : ''}" id="item-{todo.id}">
33
<div class="view">
4-
<form action="/todos/{todo.id}/toggle" method="POST" id="toggle-{todo.id}" hx-target="#item-{todo.id}" hx-swap="outerhtml">
5-
</form>
6-
<input class="toggle" type="checkbox" {#if todo.getCompleted()}checked{/if} onclick="document.getElementById('toggle-{todo.id}').requestSubmit()">
4+
<form
5+
action="/todos/{todo.id}/toggle"
6+
method="POST"
7+
id="toggle-{todo.id}"
8+
hx-post="/todos/{todo.id}/toggle"
9+
hx-target="#item-{todo.id}"
10+
hx-swap="outerhtml"
11+
></form>
12+
<input
13+
class="toggle"
14+
type="checkbox"
15+
{todo.getCompleted() ? 'checked' : ''}
16+
onclick="document.getElementById('toggle-{todo.id}').requestSubmit()"
17+
/>
718
<label>{todo.title}</label>
819
<form action="/todos/{todo.id}/delete" method="POST">
920
<button type="submit" class="destroy"></button>
1021
</form>
1122
</div>
1223
<form action="/todos/{todo.id}" method="POST">
13-
<input class="edit" name="title" value="{todo.title}">
24+
<input class="edit" name="title" value="{todo.title}" />
1425
</form>
1526
</li>

‎src/main/resources/templates/TodoResource/list.html

+42-45
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,42 @@
1-
{@java.lang.Integer itemsLeft}
2-
{@java.lang.Boolean all}
3-
{@java.lang.Boolean active}
4-
{@java.lang.Boolean completed}
5-
{#include base}
6-
{#title}Quarkus/htmx • TodoMVC{/title}
7-
{#body}
8-
<header class="header">
9-
<h1>todos</h1>
10-
<form action="/todos" method="POST" hx-target="#todo-list" hx-swap="beforeend">
11-
<input class="new-todo" name="title" placeholder="What needs to be done?" autofocus>
12-
</form>
13-
</header>
14-
<section class="main">
15-
<form action="/todos/toggle-all" method="POST" hx-post="/todos/toggle-all" hx-select="#todo-list" hx-target="#todo-list" hx-swap="outerHTML">
16-
<button type="submit" id="toggle-all" class="toggle-all"></button>
17-
<label for="toggle-all">Mark all as complete</label>
18-
</form>
19-
<ul class="todo-list" id="todo-list">
20-
{#for todo in todos}
21-
{#include TodoResource/item.html todo=todo /}
22-
{/for}
23-
</ul>
24-
</section>
25-
<footer class="footer">
26-
<span class="todo-count">
27-
<strong>{itemsLeft}</strong> {#if itemsLeft == 1}item{#else}items{/if} left
28-
</span>
29-
<ul class="filters">
30-
<li>
31-
<a class="{all ? 'selected' : ''}" href="/todos">All</a>
32-
</li>
33-
<li>
34-
<a class="{active ? 'selected' : ''}" href="/todos/active">Active</a>
35-
</li>
36-
<li>
37-
<a class="{completed ? 'selected' : ''}" href="/todos/completed">Completed</a>
38-
</li>
39-
</ul>
40-
<form action="/todos/clear-completed" method="POST">
41-
<button class="clear-completed">Clear completed</button>
42-
</form>
43-
</footer>
44-
{/body}
45-
{/include}
1+
{@java.lang.Integer itemsLeft} {@java.lang.Boolean all} {@java.lang.Boolean active} {@java.lang.Boolean completed}
2+
{#include base} {#title}Quarkus/htmx • TodoMVC{/title} {#body}
3+
<header class="header">
4+
<h1>todos</h1>
5+
<form action="/todos" method="POST" hx-target="#todo-list" hx-swap="beforeend">
6+
<input class="new-todo" name="title" placeholder="What needs to be done?" autofocus />
7+
</form>
8+
</header>
9+
<section class="main">
10+
<form
11+
action="/todos/toggle-all"
12+
method="POST"
13+
hx-post="/todos/toggle-all"
14+
hx-select="#todo-list"
15+
hx-target="#todo-list"
16+
hx-swap="outerHTML"
17+
>
18+
<button type="submit" id="toggle-all" class="toggle-all"></button>
19+
<label for="toggle-all">Mark all as complete</label>
20+
</form>
21+
<ul class="todo-list" id="todo-list">
22+
{#for todo in todos} {#include TodoResource/item.html todo=todo /} {/for}
23+
</ul>
24+
</section>
25+
<footer class="footer">
26+
<span class="todo-count"> <strong>{itemsLeft}</strong> {#if itemsLeft == 1}item{#else}items{/if} left </span>
27+
<ul class="filters">
28+
<li>
29+
<a class="{all ? 'selected' : ''}" href="/todos">All</a>
30+
</li>
31+
<li>
32+
<a class="{active ? 'selected' : ''}" href="/todos/active">Active</a>
33+
</li>
34+
<li>
35+
<a class="{completed ? 'selected' : ''}" href="/todos/completed">Completed</a>
36+
</li>
37+
</ul>
38+
<form action="/todos/clear-completed" method="POST">
39+
<button class="clear-completed">Clear completed</button>
40+
</form>
41+
</footer>
42+
{/body} {/include}

‎src/main/resources/templates/base.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />

0 commit comments

Comments
 (0)
Please sign in to comment.