andrew
/
finnow
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

Added prettier to pre-commit hook.

This commit is contained in:
Andrew Lalis 2026-03-14 22:48:34 -04:00
parent b63ebef660
commit e0b609c7eb
4 changed files with 1334 additions and 904 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web-app/.husky/pre-commit Normal file
View File

@ -0,0 +1,2 @@
npm test
npx lint-staged

2104
web-app/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

38
web-app/package.json
View File

@ -13,39 +13,43 @@
"build-only": "vite build",
"type-check": "vue-tsc --build",
"lint": "eslint . --fix",
"format": "prettier --write src/"
"lint-staged": "prettier --write --ignore-unknown",
"format": "prettier --write src/",
"prepare": "husky"
},
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^7.0.1",
"@fortawesome/free-regular-svg-icons": "^7.0.1",
"@fortawesome/free-solid-svg-icons": "^7.0.1",
"@fortawesome/vue-fontawesome": "^3.1.2",
"@fortawesome/fontawesome-svg-core": "^7.2.0",
"@fortawesome/free-regular-svg-icons": "^7.2.0",
"@fortawesome/free-solid-svg-icons": "^7.2.0",
"@fortawesome/vue-fontawesome": "^3.1.3",
"@idle-observer/vue3": "^0.2.0",
"chart.js": "^4.5.1",
"chartjs-adapter-date-fns": "^3.0.0",
"date-fns": "^4.1.0",
"date-fns-tz": "^3.2.0",
"pinia": "^3.0.3",
"pinia": "^3.0.4",
"vue": "^3.5.18",
"vue-chartjs": "^5.3.2",
"vue-router": "^4.5.1",
"vue-chartjs": "^5.3.3",
"vue-router": "^4.6.4",
"vue3-select-component": "^0.12.3"
},
"devDependencies": {
"@tsconfig/node22": "^22.0.2",
"@types/node": "^22.18.6",
"@vitejs/plugin-vue": "^6.0.1",
"@tsconfig/node22": "^22.0.5",
"@types/node": "^22.19.15",
"@vitejs/plugin-vue": "^6.0.5",
"@vue/eslint-config-prettier": "^10.2.0",
"@vue/eslint-config-typescript": "^14.6.0",
"@vue/eslint-config-typescript": "^14.7.0",
"@vue/tsconfig": "^0.7.0",
"eslint": "^9.36.0",
"eslint": "^9.39.4",
"eslint-plugin-vue": "~10.3.0",
"jiti": "^2.5.1",
"husky": "^9.1.7",
"jiti": "^2.6.1",
"lint-staged": "^16.4.0",
"npm-run-all2": "^8.0.4",
"prettier": "3.6.2",
"typescript": "~5.8.0",
"vite": "^7.1.6",
"vite-plugin-vue-devtools": "^8.0.2",
"vue-tsc": "^3.0.7"
"vite": "^7.3.1",
"vite-plugin-vue-devtools": "^8.1.0",
"vue-tsc": "^3.2.5"
}
}

92
web-app/src/pages/TransactionSearchPage.vue
View File

@ -233,83 +233,42 @@ function loadAllParamValues(key: string): string[] {
<AppPage title="Transactions">
<AppForm>
<FormGroup>
<FormControl
label="Search"
hint="Free-form text search against description, tags, vendor, category, account."
>
<input
v-model="searchQuery"
type="text"
placeholder="Search for transactions..."
/>
<FormControl label="Search" hint="Free-form text search against description, tags, vendor, category, account.">
<input v-model="searchQuery" type="text" placeholder="Search for transactions..." />
</FormControl>
</FormGroup>
<FormGroup>
<div class="vueselect-control">
<h5>Tag</h5>
<VueSelect
v-model="tagFilters"
:options="tagOptions"
placeholder="Select tags"
is-multi
/>
<VueSelect v-model="tagFilters" :options="tagOptions" placeholder="Select tags" is-multi />
</div>
<div class="vueselect-control">
<h5>Vendor</h5>
<VueSelect
v-model="vendorFilters"
:options="vendorOptions"
placeholder="Select vendors"
is-multi
/>
<VueSelect v-model="vendorFilters" :options="vendorOptions" placeholder="Select vendors" is-multi />
</div>
<div class="vueselect-control">
<h5>Category</h5>
<VueSelect
v-model="categoryFilters"
:options="categoryOptions"
placeholder="Select categories"
is-multi
/>
<VueSelect v-model="categoryFilters" :options="categoryOptions" placeholder="Select categories" is-multi />
</div>
<div class="vueselect-control">
<h5>Account</h5>
<VueSelect
v-model="accountFilters"
:options="accountOptions"
placeholder="Select accounts"
is-multi
/>
<VueSelect v-model="accountFilters" :options="accountOptions" placeholder="Select accounts" is-multi />
</div>
</FormGroup>
<FormGroup>
<FormControl label="Max Amount">
<input
v-model="maxAmountFilter"
type="number"
min="0"
step="1"
/>
<input v-model="maxAmountFilter" type="number" min="0" step="1" />
</FormControl>
<FormControl label="Min Amount">
<input
v-model="minAmountFilter"
type="number"
min="0"
step="1"
/>
<input v-model="minAmountFilter" type="number" min="0" step="1" />
</FormControl>
</FormGroup>
<FormGroup>
<FormControl label="Sort By">
<select v-model="selectedSort">
<option
v-for="sortOpt in SORT_PROPERTIES"
:key="sortOpt.property"
:value="sortOpt.property"
>
<option v-for="sortOpt in SORT_PROPERTIES" :key="sortOpt.property" :value="sortOpt.property">
{{ sortOpt.label }}
</option>
</select>
@ -322,42 +281,19 @@ function loadAllParamValues(key: string): string[] {
</FormControl>
</FormGroup>
<ButtonBar>
<AppButton
size="sm"
icon="home"
@click="goToHome()"
>Back to Homepage</AppButton
>
<AppButton
size="sm"
icon="trash"
@click="clearFilters()"
>Clear Filters</AppButton
>
<AppButton
size="sm"
icon="file-export"
@click="exportToFile()"
>Export to CSV</AppButton
>
<AppButton size="sm" icon="home" @click="goToHome()">Back to Homepage</AppButton>
<AppButton size="sm" icon="trash" @click="clearFilters()">Clear Filters</AppButton>
<AppButton size="sm" icon="file-export" @click="exportToFile()">Export to CSV</AppButton>
</ButtonBar>
</AppForm>
<PaginationControls
:page="page"
@update="(pr) => fetchPage(pr.page, pr.size)"
class="align-right"
/>
<PaginationControls :page="page" @update="(pr) => fetchPage(pr.page, pr.size)" class="align-right" />
<AppBadge size="sm">
{{ page.totalElements }} search
{{ page.totalElements == 1 ? 'result' : 'results' }}
in {{ lastFetchTime }} milliseconds
</AppBadge>
<TransactionCard
v-for="txn in page.items"
:key="txn.id"
:tx="txn"
/>
<TransactionCard v-for="txn in page.items" :key="txn.id" :tx="txn" />
</AppPage>
</template>
<style lang="css" scoped>