notid/integreat
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Makes a clean demo of using tailwind for the company 1099 page.

Browse Source
This commit is contained in:
Bryce Covert
2023-05-10 22:03:21 -07:00
parent 4b5227e8cb
commit 6220ae1f6d
14 changed files with 753 additions and 739 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/clj/auto_ap/ssr/ui.clj
View File

@@ -45,48 +45,25 @@
[: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")}
[:div {:id "app"}
[:div
#_[:nav {:class "navbar has-shadow is-fixed-top is-grey"}
[:div {:class "container"}
[:div {:class "navbar-brand"}
[:a {:class "navbar-item", :href "../"}
[:img {:src "/img/logo.png"}]]]
[:div.navbar-menu {:id "navMenu"}
[:div.navbar-start
[:a.navbar-item {:href "/"}
"Home" ]
[:a.navbar-item {:href (bidi/path-for client-routes/routes :unpaid-invoices)}
"Invoices" ]
[:a.navbar-item {:href (bidi/path-for client-routes/routes :payments)}
"Payments" ]
[:a.navbar-item {:href (bidi/path-for client-routes/routes :sales-orders)}
"POS" ]
[:a.navbar-item {:href (bidi/path-for client-routes/routes :transactions)}
"Transactions" ]
[:a.navbar-item {:href (bidi/path-for client-routes/routes :ledger)}
"Ledger" ]]
[:div.navbar-end
(company-dropdown/dropdown request)
(login-dropdown/dropdown request)]]]]
#_[:div {:class "columns has-shadow", :id "mail-app", :style "margin-bottom: 0px; height: calc(100vh - 46px);"}
[:aside {:class "column aside menu is-2 "}
[:div {:class "main left-nav"}
side-bar-contents]]
[:div {:class "column messages hero ", :id "message-feed", :style "overflow: auto;"}
[:div {:class "inbox-messages"}
contents]]]]
[:div
contents]]
[:div#modal-holder.hidden
[:div { :tabindex "-1", :class "fixed top-0 left-0 right-0 z-50 w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] max-h-full flex justify-center "}
[:div {:class "relative w-full max-w-2xl max-h-full"}
[:div#modal-content ]]]
[:div {:class "bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-40"}]]
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); ")]]]))