x/dashboard
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add prettier for formatting html and json

Browse Source
This commit is contained in:
Tim Wundenberg
2025-11-11 21:42:30 +01:00
parent d2570339a3
commit 69928655e0
5 changed files with 124 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.prettierrc Normal file
View File

@@ -0,0 +1 @@
{}

17
package-lock.json generated
View File

@@ -10,6 +10,7 @@
"license": "ISC", "license": "ISC",
"devDependencies": { "devDependencies": {
"@tailwindcss/cli": "^4.1.17", "@tailwindcss/cli": "^4.1.17",
"prettier": "3.6.2",
"tailwindcss": "^4.1.17" "tailwindcss": "^4.1.17"
} }
}, },
@@ -1083,6 +1084,22 @@
"url": "https://github.com/sponsors/jonschlinkert" "url": "https://github.com/sponsors/jonschlinkert"
} }
}, },
"node_modules/prettier": {
"version": "3.6.2",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz",
"integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
"dev": true,
"license": "MIT",
"bin": {
"prettier": "bin/prettier.cjs"
},
"engines": {
"node": ">=14"
},
"funding": {
"url": "https://github.com/prettier/prettier?sponsor=1"
}
},
"node_modules/source-map-js": { "node_modules/source-map-js": {
"version": "1.2.1", "version": "1.2.1",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",

5
package.json
View File

@@ -9,7 +9,8 @@
"watch": "npx @tailwindcss/cli -i ./input.css -o ./src/main/resources/static/styles.css --watch" "watch": "npx @tailwindcss/cli -i ./input.css -o ./src/main/resources/static/styles.css --watch"
}, },
"devDependencies": { "devDependencies": {
"@tailwindcss/cli": "^4.1.17", "@tailwindcss/cli": "4.1.17",
"tailwindcss": "^4.1.17" "tailwindcss": "4.1.17",
"prettier": "3.6.2"
} }
} }

4
renovate.json
View File

@@ -1,6 +1,4 @@
{ {
"$schema": "https://docs.renovatebot.com/renovate-schema.json", "$schema": "https://docs.renovatebot.com/renovate-schema.json",
"extends": [ "extends": ["local>x/renovate-config"]
"local>x/renovate-config"
]
} }

154
src/main/resources/templates/index.html
View File

@@ -1,54 +1,104 @@
<!DOCTYPE html> <!doctype html>
<html xmlns:th="http://www.thymeleaf.org"> <html xmlns:th="http://www.thymeleaf.org">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<title>Projektverwaltung</title> <title>Projektverwaltung</title>
<link href="styles.css" rel="stylesheet"> <link href="styles.css" rel="stylesheet" />
</head> </head>
<body class="text-gray-700 p-20"> <body class="text-gray-700 p-20">
<h1 class="text-2xl">Projektverwaltung</h1> <h1 class="text-2xl">Projektverwaltung</h1>
<h2 class="text-4xl">Laufende Projekte</h2> <h2 class="text-4xl">Laufende Projekte</h2>
<div class="flex flex-wrap gap-10"> <div class="flex flex-wrap gap-10">
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"> <section
<h3 class="text-lg">GoLive ERP</h3> class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p> >
</section> <h3 class="text-lg">GoLive ERP</h3>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"> <p class="text-gray-500">
<h3 class="text-lg">GoLive ERP</h3> Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p> alles Komponenten der Wertschöpfungskette bündelt
</section> </p>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"> </section>
<h3 class="text-lg">GoLive ERP</h3> <section
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p> class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"
</section> >
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"> <h3 class="text-lg">GoLive ERP</h3>
<h3 class="text-lg">GoLive ERP</h3> <p class="text-gray-500">
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p> Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das
</section> alles Komponenten der Wertschöpfungskette bündelt
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"> </p>
<h3 class="text-lg">GoLive ERP</h3> </section>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p> <section
</section> class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"> >
<h3 class="text-lg">GoLive ERP</h3> <h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p> <p class="text-gray-500">
</section> Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"> alles Komponenten der Wertschöpfungskette bündelt
<h3 class="text-lg">GoLive ERP</h3> </p>
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p> </section>
</section> <section
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"> class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"
<h3 class="text-lg">GoLive ERP</h3> >
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p> <h3 class="text-lg">GoLive ERP</h3>
</section> <p class="text-gray-500">
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"> Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das
<h3 class="text-lg">GoLive ERP</h3> alles Komponenten der Wertschöpfungskette bündelt
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p> </p>
</section> </section>
<section class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"> <section
<h3 class="text-lg">GoLive ERP</h3> class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"
<p class="text-gray-500">Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das alles Komponenten der Wertschöpfungskette bündelt</p> >
</section> <h3 class="text-lg">GoLive ERP</h3>
</div> <p class="text-gray-500">
</body> Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das
alles Komponenten der Wertschöpfungskette bündelt
</p>
</section>
<section
class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"
>
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">
Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das
alles Komponenten der Wertschöpfungskette bündelt
</p>
</section>
<section
class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"
>
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">
Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das
alles Komponenten der Wertschöpfungskette bündelt
</p>
</section>
<section
class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"
>
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">
Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das
alles Komponenten der Wertschöpfungskette bündelt
</p>
</section>
<section
class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"
>
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">
Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das
alles Komponenten der Wertschöpfungskette bündelt
</p>
</section>
<section
class="select-none bg-blue-100 p-5 rounded-2xl max-w-64 flex flex-col gap-2 cursor-pointer transition-all hover:bg-blue-200 active:bg-blue-300"
>
<h3 class="text-lg">GoLive ERP</h3>
<p class="text-gray-500">
Wir möchten unsere aktuellen Insellösungen durch ein ERP ablösen, das
alles Komponenten der Wertschöpfungskette bündelt
</p>
</section>
</div>
</body>
</html> </html>