# Task Detailed View

{% hint style="info" %}
<http://localhost:8080/#/tasks/>:id
{% endhint %}

Where `:id` is to indicate the unique identifier for the Tasks artifact

### Frontend Fields (TaskForm.vue)

| Field             | Description                                                |
| ----------------- | ---------------------------------------------------------- |
| Title             | The title/name of a particular task                        |
| Description       | A short description of the task to be completed            |
| Analysts for Task | The analyst(s) that are working on the task                |
| Analyst           | The analyst(s) that are playing the role of a collaborator |
| Related Task      | A task that has a relation with the current task           |
| System For Task   | A system that has a relation with the current task         |
| Task Priority     | Describes the priority/urgency of the task                 |
| Task Progress     | Describes the task overall progress                        |
| Subtasks          | The number of subtasks that are related to that task       |
| Findings          | The number of findings that are related to that task       |
| Due Date          | The timestamp of when a task should be complete by         |

### Computed values

| Name                  | Description                                                |
| --------------------- | ---------------------------------------------------------- |
| titleStack()          | Determines the header label of the page. e.g Analyst/ Task |
| heroTitle()           | Determines the title of the page (task, subtask,etc)       |
| heroRouterLinkTo()    | Defines where to go when the header button is clicked      |
| heroRouterLinkLabel() | Defines the name of the header button                      |
| formCardTitle()       | Defines the labels above the overview table                |

### Methods

| Name              | Description                                                                                     |
| ----------------- | ----------------------------------------------------------------------------------------------- |
| getOldData()      | Stores the information of the task before it was edited                                         |
| getData()         | Sores the current information after the task has been edited                                    |
| input()           | Triggers actions when button to submit is clicked                                               |
| getSystems()      | Retrieves the list of systems from the backend                                                  |
| getRelatedTasks() | Grabs the list of tasks that were related to this current task                                  |
| getAnalysts()     | Retrieves the list of analysts from backend                                                     |
| logAction()       | Logs any changes that have been made toTask and stores it in backend and shows a change history |
| displayError()    | Displays an error message on the frontend                                                       |
