AJAX PHP skills needed to spice up front-end of an application
$100-200 USD
货到付款
Fluent English Only Please =================== I've developed a simple flashcard application that helps me remember the stuff I study. It's close to perfect for my needs; I just need some front-end work done to finish it off. In short, the application has Flashcards within Decks within Sets all presented in a table with nested rows. I can select any of these entities and click "Study". A summary of the changes I would like to make: 1) Modal Box integration using SimpleModal 2) Make a row stick to the top of the window 3) Each row has a button. I would like to hide this button behind a drop-down. 4) Onclick selection of rows 5) Enable re-ordering of Sets, Decks within Sets, and Flashcards within Decks via drag and drop (like gmail's email). See details for details. I can send you the link to the live application in response to your bid or comment so you can check it out before committing - I'd be happy to send you the code too. In your response, please provide a one-sentence summary of this so I can filter through the spam.
## Deliverables
I’ve been working on a flashcard application ??" the application is AJAX heavy and was built on Yii with sqlite. The application allows me to add, edit, and delete Flashcards. There are many Flashcards in a Deck; there are many Decks in a Set. Sets are listed in a table; I can expand the Sets to see Decks; Decks to see Flashcards. I can select Sets, Decks, or individual Flashcards and Study them. Studying is based on the following algorithm: [url removed, login to view] This project focuses on some front-end tweaks. Task 1: Modal Box The application is laid out like this: [url removed, login to view] When I click “Add?? or “Edit?? for a Flashcard, fields are displayed here for me to fill out. When I click “Study??, the Flashcards are displayed one at a time in this area. Various confirmation dialogues are displayed here too. I would like to remove this “Action Area?? and replace it with simplemodal: [url removed, login to view] This means that all Studying and Editing will take place within a modal box. Task 2: Sticky Action Row At the top of the table there is a row with action buttons ??" Study and Delete. These act upon whatever Flashcards are selected. I would like to make this row “stick?? to the top of the screen so I don’t have to scroll all the way back up to select an action after I select Flashcards. This is similar in form to the way the gmail action bar behaves when you have a lot of email ??" the “action bar?? sticks to the top of the screen as you scroll up/down. Task 3: Row Modifications - Right now the only way for me to select a Set, Deck, or Flashcard is by clicking the “checkbox?? on the left side. I would like to be able to select the item by simple clicking on the row. - Right now there is a “button column?? ??" for Sets the button is “Add Deck??, for Decks it’s “Add Flashcard??, for Flashcards it’s “View Flashcard??. I would like to remove the button row and instead place a dropdown in each row containing these actions. My goal with this is to hide the buttons behind dropdowns to declutter the table. Task 4: Reordering the Rows I would like to add a “texture?? to the left side of each row (like each email in gmail’s email list?? so that I can reorder the Sets throughout the table, Decks throughout a Set, and Flashcards throughout a Deck.
项目ID: #3698155