finalizing html refactor

This commit is contained in:
bom 2021-09-14 15:02:13 +02:00
parent 354447037e
commit 8a4bce838a
3 changed files with 20 additions and 61 deletions

View file

@ -12,56 +12,6 @@
<body>
<div class="container jumbotron">
<form class="needs-validation" id="form">
<label for="fqdn" class="form-label">Your fqdn:</label>
<input class="form-control" type="text" name="fqdn" id="fqdn" value="jira-neu.prod.meissa-gmbh.de">
<div class="invalid-feedback">
<pre id="fqdn-validation"></pre>
</div>
<label for="jira-data-volume-path" class="form-label">(Optional) Your jira-data-volume-path:</label>
<input class="form-control" type="text" name="jira-data-volume-path" id="jira-data-volume-path" value="/var/jira">
<div class="invalid-feedback">
<pre id="jira-data-volume-path-validation"></pre>
</div>
<label for="postgres-data-volume-path" class="form-label">(Optional) Your postgres-data-volume-path:</label>
<input class="form-control" type="text" name="postgres-data-volume-path" id="postgres-data-volume-path" value="/var/postgres">
<div class="invalid-feedback">
<pre id="postgres-data-volume-path-validation"></pre>
</div>
<label for="restic-repository" class="form-label">(Optional) Your restic-repository:</label>
<input class="form-control" type="text" name="restic-repository" id="restic-repository" value="restic-repository">
<div class="invalid-feedback">
<pre id="restic-repository-validation"></pre>
</div>
<br>
<label for="issuer" class="form-label">(Optional) Your issuer prod/staging:</label>
<input class="form-control" type="text" name="issuer" id="issuer" value="">
<div class="invalid-feedback">
<pre id="issuer-validation"></pre>
</div>
<br><br>
<label for="auth" class="form-label">Your auth.edn:</label>
<textarea name="auth" id="auth" class="form-control" rows="5">
{:postgres-db-user "jira"
:postgres-db-password "jira-db-password"
:aws-access-key-id "aws-id"
:aws-secret-access-key "aws-secret"
:restic-password "restic-password"}
</textarea>
<div class="invalid-feedback">
<pre id="auth-validation"></pre>
</div>
<br><br>
<button type="button" id="generate-button" class="btn btn-primary">
Generate c4k yaml
</button>
</form><br><br>
<div id="c4k-keycloak-output">
<label for="output" class="form-label">Your c4k deployment.yaml:</label>
<textarea name="output" id="output" class="form-control" rows="25">
</textarea>
</div>
</div>
<script src="js/main.js"></script>
</body>

View file

@ -4,7 +4,7 @@
"src/test/cljc"
"src/test/cljs"
"src/test/resources"]
:dependencies [[org.domaindrivenarchitecture/c4k-common-cljs "0.2.10"]
:dependencies [[org.domaindrivenarchitecture/c4k-common-cljs "0.3.1"]
[hickory "0.7.1"]]
:builds {:frontend {:target :browser
:modules {:main {:init-fn dda.c4k-jira.browser/init}}

View file

@ -13,22 +13,30 @@
(br/generate-input-field "jira-data-volume-path" "(Optional) Your jira-data-volume-path:" "/var/jira")
(br/generate-input-field "postgres-data-volume-path" "(Optional) Your postgres-data-volume-path:" "/var/postgres")
(br/generate-input-field "restic-repository" "(Optional) Your restic-repository:" "restic-repository")
(br/generate-br)
[(br/generate-br)]
(br/generate-input-field "issuer" "(Optional) Your issuer prod/staging:" "")
(br/generate-br)
(br/generate-br)
[(br/generate-br)]
[(br/generate-br)]
(br/generate-text-area "auth" "Your auth.edn:" "{:postgres-db-user \" jira \"
:postgres-db-password \" jira-db-password \"
:aws-access-key-id \" aws-id \"
:aws-secret-access-key \" aws-secret \"
:restic-password \" restic-password \"}"
"5")
[(br/generate-br)]
[(br/generate-br)]
[(br/generate-button "generate-button" "Generate c4k yaml")])))]
[(br/generate-br)
(br/generate-br)
(br/generate-br)
(br/generate-button "generate-button" "Generate c4k yaml"))))]
(br/generate-br)
(br/generate-br)
(br/generate-output "c4k-keycloak-output" "Your c4k deployment.yaml:" "25"))))
(br/generate-output "c4k-keycloak-output" "Your c4k deployment.yaml:" "25")])))
(defn generate-final
[]
{:type :element
:attrs {:class "container jumbotron"}
:tag :div
:content
(generate-content)})
(defn config-from-document []
(let [jira-data-volume-path (br/get-content-from-element "jira-data-volume-path" :optional true)
@ -61,6 +69,7 @@
(.addEventListener "blur" #(do (validate-all!)))))
(defn init []
(br/replace-element-content "container jumbotron" (generate-final))
(-> js/document
(.getElementById "generate-button")
(.addEventListener "click"