jyln / comm-time Goto Github PK
View Code? Open in Web Editor NEWA simple time/job tracking app built with SvelteKit
A simple time/job tracking app built with SvelteKit
Allow for markdown syntax within time entry notes to be then formatted using the tailwindcss/typography plugin.
This allows for easier management of internal tickets, as future plans is to allow these to formulate internal tickets and allow for savable/printable version.
Gotta see what the real UI/UX is like before testing with the co-workers. As it currently stands, I believe all forms except for the delete time entry form has a debug showing.
Would like to make these buttons a little more intuitive and add another few buttons:
In reference to the last comment in issue #1, I'd like to have an in-house markdown cheat sheet rather than opening up a tab to a new site. I'm thinking a dialog would work best for this, but may experiment with a sheet just to see.
Would like to include a row of text editor buttons with the notes field of time entries to easily format notes with Markdown syntax. Could potentially be worked in conjunction of #6. I'm also going to put this on the backlog because I don't find it absolutely necessary on first go around with this project.
As far as actual editor functions, I'm thinking of the following:
Given the use case of this project, I'm thinking these will be the most widely used editor functions rather than tables, code blocks, etc. Will address this further upon feedback from intended users.
I found and fixed this bug for the share route (see commit 02e4caa), but neglected to realize I would also need the same solution for the edit route.
Due to the rework of the notes dialog (see #16 & #28), the response from the backend now brings in an additional expanded value. The shared
route has not been updated to support this causing the dialog to not render on the page.
TimeTable
component to type and recognize the new expanded valueshared
route to support expanded fieldProvide user feedback upon successful/errored form requests.
I believe I'm now closer to releasing the product for testing within my company. However, I believe these 2 issues need to resolve before actually setting up the environment for internal testing:
I will keep this issue open to keep notes on feedback once these 2 issues are complete and the product is available for testing.
When opening the share users dialog, the dialog opens on the lower half of the screen, then zips up toward the center. I will need to debug this more to see where this is happening at. I think it could be a transition timing or weird portal issue with one of the libraries.
While showing off the project to a potential user, I noticed that filtering by date within the Time Table
was not working properly.
Looking at the code for the table column setup, I can confirm the start and end time columns are not excluded from the filter plugin. I'm thinking because I'm using moment
to obfuscate the data and present it in a more human readable form, I will need to set each column's getFilterValue
property within their column setup to recognize the moment
string.
Would like to create a separate 'site admin' route that will allow backend admin users a spot to add/edit/remove customers from the backend, rather than having to access the backend itself
Not explicitly important as really the only thing it would be used for is updating avatar images. I have also considered adding a way to add or update the list of customers within the app as currently the only way is through the backend. I will likely open a separate issue for this but unsure yet, mostly because that would make sense under a separate protected route.
I believe it would be better UX to have a 'back' button composed of a Lucide icon to take users back to the /previous
route to cancel editing a time entry. Would also like to put time details within a description paragraph as well.
DatePicker
component within shadcn-svelte, I'd like to add a way for users to edit the start and end times of their entriesInstead of navigating to a new page to update shared users for a time entry, the form will show in a dialog.
Due to potential bugs with underlying technologies for shadcn-svelte, a dialog was causing what looked to be a memory leak within the front-end resulting in a browser tab freeze. In the latest release, this has been fixed. It could be that we still have underlying issues in implementation in code in previous attempts, but would like to attempt this design again with the latest release of dependencies to see if I can make this work.
Currently, the overall time table is sorting weirdly. I can't seem to place exactly how it's sorting, maybe by ID of the time entry though there isn't a column representing that ID? That or it's the order of the response from the backend. I haven't had much time to look at it. What I do know, is that I'd like to sort by newest time entry by default.
I'd also like to add some additional sort options but haven't landed on what exactly I'm going to apply sorting to.
I believe it would be better looking UI to utilize a Sheet
component from the 'shadcn-svelte` library to display notes from time entries as well as sharing the time entries
This will be an overall error page for the site, to have a way to still navigate the site if an error occurs.
Basically I want to clean up EVERYTHING that can be cleaned up. List of ideas to start:
mock-data
is no longer being used now that there is a pool of test data within the backend)I'm sure there's more to be done, so this will be a rather large issue. Adding the help-wanted
label to this issue in-case anyone would like to provide overall feedback regarding the code base.
Would like to add original author details to notes of a time entry
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.