57 lines
2.5 KiB
Clojure
57 lines
2.5 KiB
Clojure
(ns auto-ap.ssr.ui
|
|
(:require
|
|
[hiccup2.core :as hiccup]))
|
|
|
|
(defn html-page [hiccup]
|
|
{:status 200
|
|
:headers {"Content-Type" "text/html"}
|
|
:body (str
|
|
"<!DOCTYPE html>"
|
|
(hiccup/html
|
|
{}
|
|
hiccup))})
|
|
|
|
(defn base-page [request contents side-bar-contents]
|
|
(html-page
|
|
[:html.has-navbar-fixed-top
|
|
[:head
|
|
[:meta {:charset "utf-8"}]
|
|
[:meta {:http-equiv "X-UA-Compatible", :content "IE=edge"}]
|
|
[:meta {:name "viewport", :content "width=device-width, initial-scale=1"}]
|
|
[:title "Integreat"]
|
|
[:link {:href "/css/font.min.css", :rel "stylesheet"}]
|
|
[:link {:rel "stylesheet", :href "/css/react-datepicker.min.inc.css"}]
|
|
[:link {:rel "stylesheet", :href "/output.css"}]
|
|
[:script {:src "https://unpkg.com/hyperscript.org@0.9.7"}]
|
|
[:script {:src "https://unpkg.com/@popperjs/core@2"}]
|
|
#_[:script {:src "https://unpkg.com/htmx.org@1.8.4"
|
|
:integrity "sha384-wg5Y/JwF7VxGk4zLsJEcAojRtlVp1FKKdGy1qN+OMtdq72WRvX/EdRdqg/LOhYeV"
|
|
:crossorigin= "anonymous"}]
|
|
[:script {:src "https://unpkg.com/htmx.org@1.9.0/dist/htmx.js"
|
|
:crossorigin= "anonymous"}]
|
|
[:script {:type "text/javascript", :src "https://cdn.yodlee.com/fastlink/v4/initialize.js", :async "async" }]]
|
|
[:script {:type "text/javascript", :src "https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@10.2.7/dist/autoComplete.min.js"}]
|
|
[:script {:src "https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"}]
|
|
[:link {:rel "stylesheet" :href "https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" :type "text/css"}]
|
|
[:body {"_" (hiccup/raw "on closeDialog transition <#modal-holder .modal-content /> opacity to 0.0 over 300ms then add .hidden to <#modal-holder /> on openDialog remove .hidden from #modal-holder")}
|
|
contents
|
|
[:script {:src "/js/flowbite.min.js"}]
|
|
[:script {:lang "text/javascript"}
|
|
(hiccup/raw "
|
|
const $targetEl = document.getElementById('left-nav');
|
|
|
|
const $triggerEl = document.getElementById('left-nav-toggle');
|
|
|
|
const options = {
|
|
onCollapse: () => {
|
|
document.getElementById('main-content').classList.remove('lg:pl-64')
|
|
},
|
|
onExpand: () => {
|
|
document.getElementById('main-content').classList.add('lg:pl-64')
|
|
},
|
|
onToggle: () => {
|
|
}
|
|
};
|
|
|
|
const collapse = new Collapse($targetEl, $triggerEl, options); ")]]]))
|