allyjweir / aggressive-backpack Goto Github PK

Lists should have font awesome settings icon next to the list name in the panel which opens a dropdown to delete or edit name. (think facebook chat dropdown)

Tasks should have an edit and delete button in footer of their modal which allows the user to respectively modify their task

Here is a list of decent resources for anyone looking to brush up (or like me start learning at all) some jQuery.

• https://jqueryui.com/
• https://jqueryui.com/sortable/ More a specific one but still useful
• http://www.codecademy.com/tracks/jquery
• http://jqfundamentals.com/

We need to create models for the database.

Going to look into this tonight with reference to chapter 11 (i believe) of tango with django

If we could use something to let the user use markdown in their descriptions and comments in the system we could add a lot of features and stuff without any added work. Nice formatting and tasklists, quick quoting, code quoting.

The github markdown would be good.

This might be a start. Total stretch goal though

https://github.com/jamesturk/django-markupfield

How do i assign the userprofile of currently logged in user to the project being created. It isn't something that should be in the form (the user shouldn't be able to choose who he is creating a project for). It should just happen automagically.

How do i do the magic?

If anyone can go and view your project, how do we control if the current user is the owner(or a team member) and are they allowed to edit the stuff?

dont know how to do it

Parent issue of task view and list view.

Need dialog forms for adding lists and support in JS and jQuery for all functions

Going to work on this today. See chapter 9 of Tango with Django. This will inform the design style of the rest of our project.

Look to the rango one for an example

Using jQuery we should be able to implement the lists of tasks and lists of projects as the projects' core feature.

I wanted to see some examples on how it looks, its awesome. You can check them out (not that hard to code too):

http://jqueryui.com/sortable/
http://www.dhtmlgoodies.com/scripts/drag-drop-nodes/drag-drop-nodes-demo2.html
http://johnny.github.io/jquery-sortable/

These are really nice on GitHub, Twitter and other websites. Give them a try. Things like control-enter press the comment or tweet button for you. A nicety for sure but one that is pretty awesome.

This lib would do it for us
https://github.com/DNX/django-keyboard-shorcuts

a popup for when user clicks on a task. Needs to display key information and offer delete, mark as complete, rename buttons etc.

This needs sorted. as pointed out by Leif at the presentation we hadn't thought through all the interactions. This is something worth actioning at this weeks lab (Tuesday 25th Feb)

extension of #5

We need to store user information in the database and be able to display this data from back end to front end using the Django template system.

these are a bit of a mess. Current implementation uses taggit but they don't do anything yet.

We need to have user authentication on the website to store user's preferences and projects as well as collaborative information.

Extension of #15. See that ticket

This needs to be implemented to drag and drop tasks from one list to another and when you drop it in a new list, it gets added to that in the database and removed from the old one.

jQuery has a method from draggable (i believe that's what it's called) but I don't know how to do the other stuff. Any ideas?

a script to

• run pip install from requirements.txt
• syncdb
• populate db

If we can implement markdown then that could add a lot of formatting niceties without much effort. Seems Django planned for this kind of thing

https://docs.djangoproject.com/en/1.4/ref/contrib/markup/

When on project page and user clicks on a task a dialog (card view) should appear which shows all the details and allow the user to modify them all and to delete the card if they want.

Info editable

• desc.
• title
• tags
• colour

On the dashboard & user profile we need a search (autocomplete) box for finding friends to follow. Then need to implement that add a friend functionality. Most likely a form that just takes the current user and adds the other user to their friends manytomany relationship

Need the collaborators element. List friends and their projects.

• Search box at the top of this to find new users to follow

We need to set up the web application and test the populated database.

pizza part = pizza_party

Basically makes a mosaic style collage of lists or projects that will then dynamically fit together depending on size. It looks really cool basically.

https://github.com/desandro/masonry

After thinking it through a profile view for each user will be required to support friends lists and for people to view other users and see what they are working on.

• Page will show all a users details
• A follow button
• list view of their friends
• a search box (using jQuery autocomplete or django-autocomplete-light) for finding other users to view other profiles

need to create a block that shows friends and their projects on the RHS of the dashboard. Project names should link to their projects if user is also a team member.

see prototype here https://docs.google.com/presentation/d/17wDcwCy9t_2nMox4KuVBKrv8DJ6ueVUaXi3OrerJYH4/edit#slide=id.g2a37f181b_046

The views and models support this already

How to do use JS and jQuery to make a button click show a dialog on the screen

Move it from the panel footer and place a button next to the new list button which opens the dialog which then lets you choose which list to add it to (a dropdown of the lists) and the usual, title, desc etc. Saves a lot of hassle in the development of forms and while it isn't perfect it will do the trick

This breaks down into two overall sections. I would recommend breaking it down into two more templates. One for the sidebar and one for the main lists view

How to do the redirect

Should populate each list with its tasks

• each task should be the correct colour according to what the user set.
• vertical scroll of lists
• jQuery drag and drop of tasks.
  • be able to change order within list
  • move tasks amongst lists

there should be an add task button at the bottom of the list.

Using bootstrap panels to represent lists with header for title and footer for add task button.

Basic implementation is there but non functional

See ticket #15

Gonna use this template for the welcome page and make likely modify the menu bar to use throughout the project

http://startbootstrap.com/grayscale

Pretty generic thing