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",
"devDependencies": {
"@tailwindcss/cli": "^4.1.17",
"prettier": "3.6.2",
"tailwindcss": "^4.1.17"
}
},
@@ -1083,6 +1084,22 @@
"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": {
"version": "1.2.1",
"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"
},
"devDependencies": {
"@tailwindcss/cli": "^4.1.17",
"tailwindcss": "^4.1.17"
"@tailwindcss/cli": "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",
"extends": [
"local>x/renovate-config"
]
"extends": ["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">
<head>
<meta charset="UTF-8">
<title>Projektverwaltung</title>
<link href="styles.css" rel="stylesheet">
</head>
<body class="text-gray-700 p-20">
<h1 class="text-2xl">Projektverwaltung</h1>
<h2 class="text-4xl">Laufende Projekte</h2>
<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">
<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>
<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>
<head>
<meta charset="UTF-8" />
<title>Projektverwaltung</title>
<link href="styles.css" rel="stylesheet" />
</head>
<body class="text-gray-700 p-20">
<h1 class="text-2xl">Projektverwaltung</h1>
<h2 class="text-4xl">Laufende Projekte</h2>
<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"
>
<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>
<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>