diff options
Diffstat (limited to 'src/main/resources')
| -rw-r--r-- | src/main/resources/static/style.css | 23 | ||||
| -rw-r--r-- | src/main/resources/templates/fragments.html | 1 | ||||
| -rw-r--r-- | src/main/resources/templates/transformations.html | 47 |
3 files changed, 71 insertions, 0 deletions
diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css index 5a70c2d..203ac56 100644 --- a/src/main/resources/static/style.css +++ b/src/main/resources/static/style.css @@ -86,6 +86,10 @@ nav > ul > li:first-of-type { text-decoration: none; } +.centered { + text-align: center; +} + main { margin: 0 auto; max-width: 1140px; @@ -209,6 +213,25 @@ td.bg-gray, th.bg-gray { color: white; } +.bg-path { + background: var(--bg-gray-op); +} + +.bg-from { + background: var(--bg-red-op); +} + +.bg-to { + background: var(--bg-green-op); +} + +.bg-path, .bg-from, .bg-to { + padding: 0.25rem 0.5rem; + border-radius: 3px; + + font-family: monospace; +} + td.bg-shaded, th.bg-shaded { background: repeating-linear-gradient(140deg, white, #e5e5f5 4px, white 8px); } diff --git a/src/main/resources/templates/fragments.html b/src/main/resources/templates/fragments.html index 369add3..ea0fe1d 100644 --- a/src/main/resources/templates/fragments.html +++ b/src/main/resources/templates/fragments.html @@ -10,6 +10,7 @@ <ul> <li><a th:href="@{/}">Übersicht</a></li> <li><a th:href="@{/statistics}">Statistiken</a></li> + <li><a th:href="@{/transformations}">Transformationen</a></li> </ul> </nav> </div> diff --git a/src/main/resources/templates/transformations.html b/src/main/resources/templates/transformations.html new file mode 100644 index 0000000..b8e2f37 --- /dev/null +++ b/src/main/resources/templates/transformations.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html lang="de" xmlns:th="http://www.thymeleaf.org"> +<head> + <meta charset="UTF-8"> + <title>ETL-Prozessor</title> + <link rel="stylesheet" th:href="@{/style.css}" /> +</head> +<body> + <div th:replace="~{fragments.html :: nav}"></div> + <main> + <h1>Transformationen</h1> + + <h2>Syntax</h2> + Hier einige Beispiele zum Syntax des JSON-Path + <ul> + <li style="padding: 0.6rem 0;"><span class="bg-path">diagnoses[*].icdO3T.version</span>: Ersetze die ICD-O3T-Version in allen Diagnosen, z.B. zur Version der deutschen Übersetzung</li> + <li style="padding: 0.6rem 0;"><span class="bg-path">patient.gender</span>: Ersetze das Geschlecht des Patienten, z.B. in das von bwHC verlangte Format</li> + </ul> + + <h2>Konfigurierte Transformationen</h2> + <p> + Hier sehen Sie eine Übersicht der konfigurierten Transformationen. + </p> + + <table> + <thead> + <tr> + <th>JSON-Path</th> + <th>Transformation von ⇒ nach</th> + </tr> + </thead> + <tbody> + <tr th:each="transformation : ${transformations}"> + <td> + <span class="bg-path" title="Ersetze Wert(e) an dieser Stelle im MTB-File">[[ ${transformation.path} ]]</span> + </td> + <td> + <span class="bg-from" title="Ersetze immer dann, wenn dieser Wert enthalten ist">[[ ${transformation.existingValue} ]]</span> + <strong>⇒</strong> + <span class="bg-to" title="Ersetze durch diesen Wert">[[ ${transformation.newValue} ]]</span> + </td> + </tr> + </tbody> + </table> + </main> +</body> +</html>
\ No newline at end of file |