Giter Site home page Giter Site logo

Hourly folks! about wespent HOT 4 OPEN

akiraheid avatar akiraheid commented on August 14, 2024
Hourly folks!

from wespent.

Comments (4)

kfriede avatar kfriede commented on August 14, 2024

What would be the best way to go about this? I think an hourly/salary combo box would make the participant row get too large. It's already pretty big as it is. Thoughts?

Maybe a "hourly to salary" converter link that opens up a popup where it will give you the conversion?

from wespent.

akiraheid avatar akiraheid commented on August 14, 2024

I think we would want to avoid opening windows and the like, if possible. I feel like that breaks the fluidity/simplicity of the UI.

A combo box would definitely take up space. What if we did something like below where we multipurpose the box you have next to the salary field? Clicking it would alternate between the two types (hourly/annual)
hourly
annual

Obviously, we'd have to change the symbology to make it obvious it's a button and what its function is.

from wespent.

kfriede avatar kfriede commented on August 14, 2024

What if instead of a window, we make it a modal? It would flow with the UI better then.

from wespent.

akiraheid avatar akiraheid commented on August 14, 2024

Windows and modals are equally annoying and experience-breaking for me. The way I see it, the technical "focus" is still in the tab for a modal, but, like a window, it forces the user to change their focus completely to the new modal/window and they're prevented from doing anything until they remove that modal (one extra step we don't want to make the user do).

Also, how would the user activate the modal? Would they have to click a button?

We have that space under the participant list, so maybe we can use that space for a small-medium button for displaying instructions on how to use WeSpent (or a converter, but ewe)? Maybe a list of FAQs (how do I put in hourly wages, what do the buttons do, etc.)?

from wespent.

Related Issues (9)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.