Giter Club home page Giter Club logo

runnerup's People

Contributors

aaroncyoder avatar bagage avatar blaudden avatar boerde avatar callesol avatar darander avatar daverix avatar dhiltonp avatar fg1 avatar filin2009 avatar gerhardol avatar gitter-badger avatar ixeft avatar johnlepikhin avatar jonasoreland avatar markcs avatar mattbostock avatar mostlyincomplete avatar nebmo avatar netmackan avatar pace6666 avatar pandermusubi avatar rickyepoderi avatar seanrees avatar skaldarnar avatar stribb avatar wbrenna avatar

Stargazers

 avatar

Watchers

 avatar  avatar

runnerup's Issues

Make sure the tabular results are clear and colorful

  • include table headers
  • colorize lines according to activity type (e.g. rest/recovery in green, warmup/cooldown in blue, running with a target in red, etc)
  • use the same color coding (or other visual cues) everywhere, e.g.
    • when creating the json for the intervals
    • when actually running
    • when reviewing the history of the run in tabular format
    • when reviewing the history of the run in map
    • when reviewing the history of the run in the graph (chart)
    • probably somewhere else

I'm actually working on graph (chart), see a initial mockup at PhilJay/MPAndroidChart#3339 (I plan to share the code for this with you soon)

See davidedelvento#7

GUI update

This will be the base issue for all UI updates to redesign RunnerUp to match Material Design principles.

@gerhardol suggestions in jonasoreland#295:
Material Design with App Bar (Action bar), side navigation and a floating + (one click click start) should be enough.
The current tabs should be removed. The main tasks like Basic workout, Interval, feed, settings should be separate items in the side nav bar. Each individual History item should be one scrollable part, no separate tab (possibly bottom tab to jump).

RunnerUp will then look the same as most other "competitors". This is maybe not better in itself, but it is a standard interface that users are familiar with.
Other tweaks to the structure should be done after the structure is changed. (Should you be allowed to check history etc while recording)

Steps:

  • Decide what minimal version that should be supported in the new UI (older versions still have the old UI). Various workarounds are needed for devices older than Android 5.0
  • Make all Androids Activities AppCompat. I have started this on a private branch, this is done on top of unmerged jonasoreland#524.
  • Add App Bar and side nav bar. The app bar is in this step really just using space.
  • Add current main activities to the side nav bar.
  • Split the current "top" activity to separate activities so they can be added separately.
    (Use a fragment based UI.)
    (Remove tab interface for History).
  • Targetting Android 5.0 and later

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.