Skip to content

Latest commit

 

History

History
60 lines (50 loc) · 2.6 KB

createTasks-v1_pullRequest.md

File metadata and controls

60 lines (50 loc) · 2.6 KB

Description

When a user is logged in & wants to create a task, they will click "Add New Task"
    - A modal will show alllowing them to enter new task details. 
    - Once saved, the task will render on the webpage containing entire list of tasks. 
    - If task is marked "private" no other users will see that task. 
    - Public Tasks show for everyone

When user checks off a task, it is marked as completed in the database. 

When user wants to remove a task, they will click the "edit task" button & select "delete task" 
    - An alert window will show to confirm deletion
    - If confirmed, the task is removed from the database. 

When user wants to view tasks with filters, they will use the dropdown menu provided. 
    - When viewing other users tasks, only public tasks will show.

Type of change

Please delete options that are not relevant.

  • [] Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • [] Breaking change (fix or feature that would cause existing functionality to not work as expected)

Testing Instructions

Will need to update TASKS database to include: • userID: int • name: string • taskStatus: boolean • private: boolean • date: int • id: int

Will need to import the following items into main.js:

import { TaskForm } from './tasks/TaskForm.js
TaskForm();

For functionality to only show login/register on page load if no user is saved in session storage & then show dashboard once user is "logged in", place the following code into main.js:

const webpageLoadAction = () => {
    if (currentUser) {
        document.querySelector(".dashboard").style.display = "block"
        document.querySelector(".auth--login").style.display = "none"
        document.querySelector(".auth--register").style.display = "none"
    } else {
        document.querySelector(".dashboard").style.display = "none"
        document.querySelector(".auth--login").style.display = "block"
        document.querySelector(".auth--register").style.display = "block"
    }
}
window.onload = webpageLoadAction()

For styling, import tasks.css into main.css file

Checklist:

  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas
  • My changes generate no new warnings or errors
  • I have added test instructions that prove my fix is effective or that my feature works