Need jQuery help to add features to Dance School Internal App

  • Posted:
  • Proposals: 4
  • Remote
  • #672871
  • Expired
Rohit S.Nimit D.Chetan P.Mahendra S. have already sent a proposal.
  • 1

Description

Experience Level: Intermediate
General information for the website: Internall single-page app based on GridList.js
Description of every page/module: Hi,

I have a small, client side only, single page app I'm trying to develop based on GridList.js (https://github.com/ubervu/grid). This is to be used internally at a dance school in order to develop choreography routines. Basically each column is a count (1 to 8) and each block is an action (dance move). Actions may only be 1 row high. The dance coaches can move the blocks around to create a routine. The app will allow each row to have more than 8 counts, (and the dance teacher will manually adjust this by 'splitting' actions).

I have made a few (fairly minor) changes to GridList.js to make sure that it does not 'automatically' rearrange the blocks when the window resized. Other than that, the code is very similar to that in the repository. Unfortunately, I am pretty poor at jQuery and am unable to implement the other features that I want easily. I would like someone to review my code and add 4 new features.
Description of requirements/features: The new features required are as follows:
1. Column & Row headings: I need column headings (1 to 8) and row headings (1 to 50) at the top and left of the grid. These will be 'static' (i.e. not part of the grid), but will need to resize as the window size changes so that the blocks are the same size as the grid.
2. Edit Action: When an action (block) is single clicked, I will require a jquery dialog with the following options:
a) Dialog will have a text field & Edit button in order to rename the current action.
b) Dialog will have a 'split' button, which will break the action in 2 actions. Each new action will be half the length of the original action.
c) Dialog will have a delete button (i.e. delete the current action). This should open a new dialog asking to confirm delete.
d) Dialog will have a cancel button (no change).
3. Insert button (near top of page): This will ask for an action name and insert the action (perhaps in row 1)
4. New / Load / Save: There needs to be a feature to save the grid as a file (i.e. dump the array into a file & ask to save).
a) New: A New button (near the top of the page) will ask the user if they want to save, and once saved will load up a standard new template.
b) Save: This will just start download of the array in a text file.
c) Load: Ask the user if they want to save, and then browse to load a file (read array & arrange grid).
Similar urls: http://ubervu.github.io/grid/
Extra notes: Can you provide an estimate of hours required to complete this task as well as Cost / Hr.

I am able to provide more information as well as my code if that helps.

Thanks!

Jaidev V.

New Proposal

Create an account now and send a proposal now to get this job.

Sign up

Clarification Board Ask a Question

    There are no clarification messages.