Wes Holland
1 year ago
parent
9124e66e28
commit
d3364af395
@ -1,5 +1,9 @@
|
|||||||
/target
|
/target
|
||||||
|
/resources
|
||||||
/.env
|
/.env
|
||||||
/*.db
|
/*.db
|
||||||
/*.db-shm
|
/*.db-shm
|
||||||
/*.db-wal
|
/*.db-wal
|
||||||
|
|
||||||
|
/node_modules
|
||||||
|
/*.lockb
|
||||||
@ -1,6 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<project version="4">
|
|
||||||
<component name="JavaScriptLibraryMappings">
|
|
||||||
<file url="file://$PROJECT_DIR$" libraries="{alpinejs}" />
|
|
||||||
</component>
|
|
||||||
</project>
|
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"plugins": ["prettier-plugin-tailwindcss"]
|
||||||
|
}
|
||||||
@ -0,0 +1,21 @@
|
|||||||
|
# inventory-app
|
||||||
|
|
||||||
|
## Prerequisites
|
||||||
|
|
||||||
|
1. Rust & Cargo
|
||||||
|
1. [bun.sh](https://bun.sh/)
|
||||||
|
|
||||||
|
## Setup
|
||||||
|
|
||||||
|
To install dependencies:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
bun install
|
||||||
|
```
|
||||||
|
|
||||||
|
To run:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
bun run index.ts
|
||||||
|
```
|
||||||
|
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,42 @@
|
|||||||
|
use std::process::Command;
|
||||||
|
|
||||||
|
fn main() {
|
||||||
|
println!("cargo:rerun-if-changed=templates");
|
||||||
|
println!("cargo:rerun-if-changed=assets");
|
||||||
|
println!("cargo:rerun-if-changed=tailwind.config.js");
|
||||||
|
|
||||||
|
std::fs::remove_dir_all("resources").unwrap_or_default();
|
||||||
|
|
||||||
|
Command::new("bun")
|
||||||
|
.args([
|
||||||
|
"run",
|
||||||
|
"tailwindcss",
|
||||||
|
"-c",
|
||||||
|
"tailwind.config.js",
|
||||||
|
"-i",
|
||||||
|
"assets/public/css/tailwind.css",
|
||||||
|
"-o",
|
||||||
|
"resources/main.css",
|
||||||
|
"--minify",
|
||||||
|
])
|
||||||
|
.status()
|
||||||
|
.expect("failed to run tailwindcss");
|
||||||
|
|
||||||
|
copy_files("assets/static");
|
||||||
|
}
|
||||||
|
|
||||||
|
fn copy_files(dir: &str) {
|
||||||
|
for entry in std::fs::read_dir(dir).expect("failed to read dir `public`") {
|
||||||
|
let entry = entry.expect("failed to read entry");
|
||||||
|
|
||||||
|
if entry.file_type().unwrap().is_dir() {
|
||||||
|
copy_files(entry.path().to_str().unwrap());
|
||||||
|
} else {
|
||||||
|
let path = entry.path();
|
||||||
|
let filename = path.file_name().unwrap().to_str().unwrap();
|
||||||
|
let dest = format!("resources/{}", filename);
|
||||||
|
|
||||||
|
std::fs::copy(path, dest).expect("failed to copy file");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
{
|
||||||
|
"name": "inventory-app",
|
||||||
|
"dependencies": {},
|
||||||
|
"devDependencies": {
|
||||||
|
"@types/bun": "latest",
|
||||||
|
"prettier": "^3.4.2",
|
||||||
|
"prettier-plugin-tailwindcss": "^0.6.11",
|
||||||
|
"tailwindcss": "^3.4.17"
|
||||||
|
},
|
||||||
|
"type": "module"
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,19 @@
|
|||||||
|
export const content = ["./templates/**/*.html"]
|
||||||
|
export const theme = {
|
||||||
|
fontFamily: {
|
||||||
|
sans: ['Graphik', 'sans-serif'],
|
||||||
|
serif: ['Merriweather', 'serif'],
|
||||||
|
},
|
||||||
|
extend: {
|
||||||
|
colors: {
|
||||||
|
'space-cadet':'#1f2041ff',
|
||||||
|
'english-violet':'#4b3f72ff',
|
||||||
|
'sunglow':'#ffc857ff',
|
||||||
|
'dark-cyan':'#119da4ff',
|
||||||
|
'paynes-gray':'#19647eff',
|
||||||
|
'cerise': '#da4167ff',
|
||||||
|
'orchid-pink': '#f0bcd4ff'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
|
}
|
||||||
@ -1,11 +1,14 @@
|
|||||||
<div class="card">
|
<div class="mx-auto ">
|
||||||
<ul class="list-group list-group-flush">
|
<div class="flex flex-col">
|
||||||
{% for item in items %}
|
{% for item in items %}
|
||||||
<li id="item-{{item.id}}-entry" class="list-group-item">
|
<div class="mb-4 mx-1 flex flex-row">
|
||||||
<div class="row">
|
<div class="basis-1/2">
|
||||||
<div class="col-6"><a href="/item/{{item.id}}/" hx-push-url="true">{{ item.name }}</a></div>
|
<a class="font-medium text-paynes-gray dark:text-paynes-gray hover:underline"
|
||||||
|
href="/item/{{item.id}}/" hx-push-url="true">
|
||||||
|
{{ item.name }}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,16 +1,22 @@
|
|||||||
|
|
||||||
{% if items.len() > 0 %}
|
{% if items.len() > 0 %}
|
||||||
<div class="card">
|
<div class="mx-auto ">
|
||||||
<ul class="list-group list-group-flush">
|
<div class="flex flex-col">
|
||||||
{% for item in items %}
|
{% for item in items %}
|
||||||
<li id="item-{{item.id}}-entry" class="list-group-item">
|
<div class="mb-4 mx-1 flex flex-row">
|
||||||
<div class="row">
|
<div class="basis-1/2">
|
||||||
<div class="col-6"><a href="/item/{{item.id}}/" hx-push-url="true">{{ item.name }}</a></div>
|
<a class="font-medium text-paynes-gray dark:text-paynes-gray hover:underline"
|
||||||
<div class="col">Count: <span id="item-{{item.id}}-count" hx-get="/item/{{item.id}}/count" hx-trigger="load">0</span></div>
|
href="/item/{{item.id}}/" hx-push-url="true">
|
||||||
<div class="col">Reorder Point: {{ item.reorder_point }}</div>
|
{{ item.name }}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="basis-1/4">
|
||||||
|
Count: <span id="item-{{item.id}}-count" hx-get="/item/{{item.id}}/count" hx-trigger="load">0</span>
|
||||||
|
</div>
|
||||||
|
<div class="basis-1/4">
|
||||||
|
Reorder Point: {{ item.reorder_point }}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@ -1,53 +1,60 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en" data-bs-theme="dark">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<meta name="color-scheme" content="light dark">
|
<meta name="color-scheme" content="light dark">
|
||||||
<!-- <link rel="stylesheet" href="/css/pico.min.css" > -->
|
<link rel="stylesheet" href="/css/main.css">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<!--TODO Vendor css-->
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
||||||
|
|
||||||
<script src="/js/htmx.min.js"></script>
|
<script src="/js/htmx.min.js"></script>
|
||||||
<!--TODO Vendor this script -->
|
<!--TODO Vendor this script -->
|
||||||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
|
||||||
<title>{% block title %}Title{% endblock %}</title>
|
<title>{% block title %}Title{% endblock %}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="bg-slate-100 text-neutral-900 dark:bg-neutral-900 dark:text-slate-100 min-h-screen">
|
||||||
<header class="container mb-4">
|
<header class="bg-space-cadet font-sans mb-4 mx-auto">
|
||||||
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
<nav class="mx-auto max-w-7xl px-2 py-4 sm:px-6 lg:px-8 flex justify-between gap-2">
|
||||||
<div class="container-fluid">
|
<div>
|
||||||
<a class="navbar-brand" href="/home">Inventory App</a>
|
<a href="/home" class="rounded-md bg-english-violet px-3 py-2 text-sm font-medium text-white">
|
||||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
Inventory App
|
||||||
<span class="navbar-toggler-icon"></span>
|
</a>
|
||||||
</button>
|
|
||||||
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
|
|
||||||
<ul class="navbar-nav ">
|
|
||||||
<li class="nav-item"><h1></h1></li>
|
|
||||||
<li class="nav-item"><a class="nav-link" href="/overview">Overview</a></li>
|
|
||||||
<li class="nav-item"><a class="nav-link" href="/catalog">Catalog</a></li>
|
|
||||||
<li class="nav-item"><a class="nav-link" href="/upload">Upload</a></li>
|
|
||||||
<li class="nav-item"><a class="nav-link" href="/reports">Reports</a></li>
|
|
||||||
<li class="nav-item"><a class="nav-link" href="/history">History</a></li>
|
|
||||||
</ul>
|
|
||||||
<div class="d-flex">
|
|
||||||
<a class="btn btn-primary" href="/auth/logout">Logout</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="/overview"
|
||||||
|
class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
|
||||||
|
Overview
|
||||||
|
</a>
|
||||||
|
<a href="/catalog"
|
||||||
|
class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
|
||||||
|
Catalog
|
||||||
|
</a>
|
||||||
|
<a href="/upload"
|
||||||
|
class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
|
||||||
|
Upload
|
||||||
|
</a>
|
||||||
|
<a href="/reports"
|
||||||
|
class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
|
||||||
|
Reports
|
||||||
|
</a>
|
||||||
|
<a href="/history"
|
||||||
|
class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
|
||||||
|
History
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<main class="container">
|
<main class="bg-slate-100 text-neutral-900 dark:bg-neutral-900 dark:text-slate-100 mx-auto px-1">
|
||||||
{% block content %}<p>Content Missing</p>{% endblock %}
|
{% block content %}<p>Content Missing</p>{% endblock %}
|
||||||
</main>
|
</main>
|
||||||
<footer class="container-fluid">
|
<footer>
|
||||||
|
<!--
|
||||||
<script>
|
<script>
|
||||||
// Needed for nice bootstrap dropdowns
|
// Needed for nice bootstrap dropdowns
|
||||||
const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="dropdown"]');
|
const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="dropdown"]');
|
||||||
const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
|
const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
|
||||||
</script>
|
</script>
|
||||||
|
-->
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in new issue