Git Product home page Git Product logo

tournament-bracket's People

Contributors

xdwightsbeetsx avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

tournament-bracket's Issues

add remove buttons to the entry list

Currently:

The entry list just displays the entry names

Desired:

Add an 'X' remove button to remove the entry from the Entries list

Probably using the button below in img/:

button-x

revert advance button

Currently:

Once an entry is advanced, there is no way to go back if the user accidentally chooses the wrong team to advance

Desired:

Make a button, like the advance button, to revert the advance
Button should be between entry name and the advance button

Use the same img as "advance", just flip:
button-arrow-right

Dynamic Data + Advance Dynamically

Hi, First of all I want to say that this is very well done piece of code. But I need tips of how to make it fit my needs.

Lets say that the Data comes from the DB. Meaning that instead of
let prettyEntries = this.deepcopy(entries)
I have
let prettyEntries = this.deepcopy(DBARRAY)

Assuming that the DB has column "Round". If the ROUND would change from 1 -> 2. How would you display it in the table? Obviously it would need to proceed from 2 -> 3 and so on (to the final).
The data is predefined meaning that the info going TO the DB is correct. Example

if there is 16 drivers in round 1 then round 2 has 8 drivers, round 3 has 4 drivers etc.
How to make it reflect in the brackets?

I am currently trying to change your solution to dynamic data but my limited knowledge of JS is stepping in my way :D

'save to file' option

Currently:

the bracket and entries are only show in html on the page

Desired:

it might be useful to be able to download a file of the bracket, likely .xlsx

Probably using the button below in img/:

button-arrow-down

Bracket Refactor - minor

Changes to Bracket

  • make Bracket use simply a list of entry names instead of the full Entry objects from the EntriesList

bracket seeding

Currently:

'BYE's are given in priority of input, with the first entry essentially having the first seed and so forth.
This 'seeding' is not visible or apparent, and happens automatically when the bracket is made.

Desired:

Make the seeding (optionally?) visible and allow the user to change seeding.
I have two ideas on how to do this:

  1. Drag-and-drop seeding set on left pane
    • nice bc avoids out-of-range/negative/general-input issues
  2. Seed is set for each entry
    • can be auto-set when entering name, maybe displayed by input
    • add 'edit' button on left pane to change seed
      • have to check seed is within prettyBracketSize
      • if seed set to occupied seed, swap

additional information in right pane

Currently:

nothing is displayed in the right pane

Desired:

show some useful information such as:

  • score differential
  • money spread at given entry fee
  • other ideas?

add advance button to bracket

Currently:

the bracket just displays names as well as "TBD" and "BYE"

Desired:

each legit entry should have an arrow to move onto the next round

Probably using the button below in img/:

button-arrow-right

load entries from file

Currently:

Entries are entered one-by-one in the add entry bar

Desired:

Ability in left pane to "load entries from file"
I think one or both file types should be accepted:

  • .txt
  • .xlsx

prevent eager-advancing

Currently:

An entry can be advanced ahead of the state of the bracket

Desired:

Prevent advancing ahead of the state of the bracket by:

  • Running a check in the FilledBracketEntries column to make sure all entries are not "TBD" / "BYE"

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.