igorsantos07 / clockify-targets

Tracks your working time objectives for the month

clockify-targets's Issues

Fix header corner on small screens

Configure USD conversion

• Allow the user to set fixed and proportional exchange fees
  • talk to Boyan and possibly other international devs on how it works for them to do the exchange
• is it possible to grab the exchange rate from Google, or some other free API? 😂 otherwise, let the user set the rate themselves

Publish to the official add-on marketplace

https://dev-docs.marketplace.cake.com/get-started/introduction-to-add-ons/

Rename project!!!

This could be better called "Clockify Targets"!

• change logo
• rename repo
• anywhere else where "Extras" show up?

Status for per-day set the same as other statuses

Fortnight seems to be eating up a day

Including today, Oct 7th, there should be a total of 8 days, not 7.

Allow configuration of multiple cut dates

• fixed DoM
• fixed number of days from start/end of month (e.g. every 5th DoM)
• fixed DoW (e.g. every second Friday)

Release as Chrome extension

Replace BS icons with FA library

I mean... if an FA lib is even available on Svelte lol there's not even docs for the official components yet, but maybe it only depends on the svg-core package to create the lib?
Otherwise, maybe the unofficial but older one would have?

NaN when there are no worked hours

Add PWA capabilities

Show user details in header

Show weekly worked hours

API Authentication

Prepare barebones interface

Avoid spinner when hovering the "Targets" link at header

https://kit.svelte.dev/docs/link-options#data-sveltekit-preload-data

Allow setting of hourly rate for price calculations

Integrate other Firebase tools

• Crashlytics actually that's for native apps only?? lol
• Analytics - moved to #35
• performance monitoring - moved to #35
• AppCheck (reCAPTCHA) - moved to #35
• Database - #9
• Hosting - #35

Allow indicating target amount of hours for various cut dates

Allow setting amount of hours for weekly target

Review currency/exchange settings

• there should probably be an "Other" option for the currency dropdown; it would show a new field, allowing to set the currency 3-letter code (which then gets validated against Int.NumberFormat?)
• there should also be a switch that allows a custom locale to be selected (e.g. for Euro users), so it formats the currency properly. It would allow an arbitrary locale code to be inserted, with some sort of pattern validation and automatic fixes (e.g. pt_br becomes pt-BR), and some default options from a datalist
• Check with fellow foreigners how they usually calculate their exchange fees

---

This is an extension of #16

Show estimated progress bar

Split of #4 - show a smaller, static progress bar with the position we should be at the end of the current day, if all worked hours were correct.

Tooltip with DoW sums

Add a tooltip to the "days left" result which tells:

• how many weekdays in total there is
• how many saturdays
• how many sundays

Deploy to Firebase

See #9. Is this a requirement for #8?

Hosting guide: https://firebase.google.com/docs/hosting/quickstart.

npm install -g firebase-tools - why not a normal dependency? Would npx be cleaner instead?

Navigate to the root directory for your web app and firebase login, then firebase init. Build to /public (or configure another folder), then firebase deploy.
Yay! Go to clockify-targets.web.app.

• figure out deployment
• add the Firebase Performance SDK
• add Analytics
• AppCheck (reCAPTCHA)
• upgrade to Svelte v4 and SK v2 so we can do proper redirect from / lol
• fix "database" issues (probably easier to migrate to Firestore instead of trying to solve localStorage serialization) - #9
  • properly authenticate users via email, so we can use Firebase Auth with the requests instead of apiKey workarounds

Add refresh actions

• a refresh button... top-right? with a tooltip of the last update timestamp
• auto-refresh when data is older than 5min

Properly handle when the API key changes and requests start to 500

Double-check defaults for settings (specially show/hide avg)

Try opening in a incognito tab and see what gives

• show/hide avg
• default rate = $10 and not $1
• "show me the complete scale[...]"

Missing small progress bar for month

Show progress of targets

Show two progress bars (or a single one with an extra marking): the current one and the estimated one, making the estimated red/blue/green depending on the status.

Integrate the official Clockify UI Kit

• Storybook
• Figma

I guess, since I went with the new kid on the block Svelte, I'll have to create my own components from their base CSS?

Things get funky when you're over your target

Warn about amount of un-billable hours

Create schedule settings

• displayed averages (5/6/7 days)
• which of those averages to consider the default to color the boxes
• how many hours per day is too much
• when to close the day

Log in form should work with <enter>

It looks like timesheet hours get thrown in the day they were created?

This was the start of November, when I didn't have a single hour clocked, but had included some hours manually at the end of October.

Add convert on/off button to top-right corner

So we can check how much we're actually owed in the current period.

Show history of previous cut periods, allowing to set its targets and show total payment

Once the day flips and a new period arrives, the previous should be "archived", with live Clockify hours and corresponding monetary values.
In practice, it will be possible to preview the current payment and revisit past ones.

Find a way to persist information on the cloud

Use the actual Clockify user to authenticate the user with our database.

Maybe Firebase has something free? Some Mongo cloud databases?

The user will also need a special action to update its API key, so we can link both the old and new one to the same user.

Proper error handling with wrong API keys during login