innocuous-symmetry/go-htmx-tailwind-example
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

couple of styling fixes

Browse Source
This commit is contained in:
Mikayla Dobson
2024-03-24 19:41:31 +00:00
parent 994389b8ef
commit e616b588a7
7 changed files with 35 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
Makefile
View File

@@ -31,7 +31,16 @@ test:
## build: build a binary
.PHONY: build
build: test
go build -o ./app -v
sudo rm -f mikayla-moving
go build -o ./mikayla-moving -v
sudo cp mikayla-moving /usr/bin/mikayla-moving
# restart: rebuild and restart the systemd service running the project
.PHONY: restart
restart:
sudo systemctl stop mikayla-moving
make build
sudo systemctl restart mikayla-moving
## docker-build: build project into a docker container image
.PHONY: docker-build

2
main.go
View File

@@ -47,7 +47,7 @@ func main() {
boxActions := routes.Boxes(html)
boxItemActions := routes.BoxItems(html)
router.Handle("/items/edit", web.Action(itemActions.Edit))
router.Handle("/items/delete", web.Action(itemActions.Delete))

2
templates/components/parsed-packing-stage.html
View File

@@ -1,6 +1,6 @@
<td class="whitespace-nowrap px-6 py-4">
{{ if eq . 0 }}
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800 bg-">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
Essentials
</span>
{{ else if eq . 1 }}

2
templates/index.html
View File

@@ -10,7 +10,7 @@
</head>
<body>
<main>
<div class="md:container md:mx-auto">
<div class="md:container md:mx-auto w-full max-w-screen">
<h1 class="text-3xl">Mikayla's Move Manager</h1>
<nav>

18
templates/items/entity-edit.html
View File

@@ -1,9 +1,9 @@
<tr id="datarow-{{.ID}}" class="datarow border-b dark:border-neutral-500">
<td class="whitespace-nowrap px-6 py-4">
<tr id="datarow-{{.ID}}" class="datarow w-full border-b dark:border-neutral-500">
<td id="datarow-{{.ID}}-id" class="hidden md:flex whitespace-nowrap px-6 py-4 w-1/12">
<input class="data-input-{{.ID}}" hidden disabled type="text" name="id" value="{{.ID}}" data-include-edit="{{.ID}}" />
<span>{{.ID}}</span>
</td>
<td class="whitespace-nowrap px-6 py-4">
<td id="datarow-{{.ID}}-name" class="whitespace-nowrap px-6 py-4 w-1/4 md:w-1/6">
<input
type="text"
class="data-input-{{.ID}} shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
@@ -12,13 +12,13 @@
value="{{.Name}}"
/>
</td>
<td class="whitespace-nowrap px-6 py-4">
<td id="datarow-{{.ID}}-stage" class="whitespace-nowrap px-6 py-4 w-1/4 md:w-1/6">
{{ template "components/edit-packing-stage.html" . }}
</td>
<td class="whitespace-nowrap px-6 py-4">
<td id="datarow-{{.ID}}-category" class="whitespace-nowrap px-6 py-4 w-1/4 md:w-1/6">
{{ template "components/edit-category.html" . }}
</td>
<td class="whitespace-nowrap px-6 py-4">
<td id="datarow-{{.ID}}-description" class="hidden md:flex px-6 py-4 w-1/6">
<input
type="text"
class="data-input-{{.ID}} shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
@@ -27,7 +27,7 @@
value="{{.Description}}"
/>
</td>
<td class="whitespace-nowrap px-6 py-4">
<td id="datarow-{{.ID}}-notes" class="hidden md:flex px-6 py-4 w-1/6">
<input
type="text"
class="data-input-{{.ID}} shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
@@ -36,7 +36,7 @@
value="{{.Notes}}"
/>
<td class="whitespace-nowrap px-1 py-1">
<td id="datarow-{{.ID}}-actions" class="whitespace-nowrap flex items-end px-1 py-1 w-1/4 md:w-1/12">
<a
id="datarow-{{.ID}}-save"
hx-put="/items/save/{{.ID}}"
@@ -48,8 +48,6 @@
href=""
>Save</a
>
</td>
<td class="whitespace-nowrap px-1 py-1">
<a
hx-get="/items/{{.ID}}"
hx-target="#datarow-{{.ID}}"

12
templates/items/entity-list.html
View File

@@ -4,18 +4,6 @@
<div class="overflow-x-auto sm:-mx-6 lg:-mx-8">
<div class="inline-block min-w-full py-2 sm:px-6 lg:px-8">
<div class="overflow-hidden">
<!-- <div class="flex justify-end">
<button
hx-get="/items/add"
hx-target="#table-body"
hx-swap="beforeend"
hx-indicator="#processing"
class="inline-flex items-center h-8 px-4 m-2 text-sm text-blue-100 transition-colors duration-150 bg-blue-700 rounded-lg focus:shadow-outline hover:bg-blue-800"
href=""
>
Add
</button>
</div> -->
<table class="min-w-full text-left text-sm font-light">
<thead class="border-b font-medium dark:border-neutral-500">
<tr>

23
templates/items/entity-row.html
View File

@@ -1,24 +1,29 @@
<tr id="datarow-{{.ID}}" class="border-b dark:border-neutral-500 hover:bg-slate-300 hover:bg-opacity-20">
<td class="whitespace-nowrap px-6 py-4">{{.ID}}</td>
<td class="whitespace-nowrap px-6 py-4">{{.Name}}</td>
<td class="whitespace-nowrap items-center justify-center w-1/12">{{.ID}}</td>
{{ template "components/parsed-packing-stage.html" .Stage }}
<td class="whitespace-nowrap px-6 py-4 w-1/6">{{.Name}}</td>
{{ template "components/parsed-category.html" .Category }}
<td class="whitespace-nowrap px-6 py-4 w-1/6">
{{ template "components/parsed-packing-stage.html" .Stage }}
</td>
<td class="whitespace-nowrap px-6 py-4 w-1/6">
{{ template "components/parsed-category.html" .Category }}
</td>
{{ if .Description }}
<td class="whitespace-nowrap px-6 py-4">{{.Description}}</td>
<td class="w-1/6 px-6 py-4 ">{{.Description}}</td>
{{ else }}
<td class="whitespace-nowrap px-6 py-4">...</td>
<td class="w-1/6 px-6 py-4 ">...</td>
{{ end }}
{{ if .Notes }}
<td class="whitespace-nowrap px-6 py-4">{{.Notes}}</td>
<td class="w-1/6 px-6 py-4 ">{{.Notes}}</td>
{{ else }}
<td class="whitespace-nowrap px-6 py-4">...</td>
<td class="w-1/6 px-6 py-4 ">...</td>
{{ end }}
<td class="flex whitespace-nowrap px-6 py-4">
<td class="whitespace-nowrap px-6 py-4 w-1/12">
<button
hx-get="/items/edit/{{ .ID }}"
hx-target="#datarow-{{ .ID }}"