# Subtask Detailed View

{% hint style="info" %}
[http://localhost:8080/subtaskform/](http://localhost:8080/#/subtasks):id
{% endhint %}

Where `:id` the unique identifier of the subtask

#### Frontend Fields

| Field           | Description                                                   |
| --------------- | ------------------------------------------------------------- |
| Title           | Text field for Title of the Subtask                           |
| Description     | Text field for Description of the Subtask                     |
| Progress        | Dropdown with progress options                                |
| Due Date        | Date Picker with full working calander                        |
| Attachments     | Way to attach artifacts to a Subtask                          |
| Analyst(s)      | Dropdown with selection of analysts assigned to event         |
| Collaborator(s) | Dropdow with a selection of analysts available to collaborate |
| Task(s)         | Dropdown with a selection of Tasks to relate the Subtask to   |
| Subtasks(s)     | Dropdown with a selection of Subtasks                         |

### SubtaskForm.vue

| Name                  | Description                                                         |
| --------------------- | ------------------------------------------------------------------- |
| titleStack()          | This is used to put the title of the Subtask at the top of the page |
| heroTitle()           | This is used to put the title of the Subtask on the hero bar        |
| heroRouterLinkTo()    | This is used to return link to Subtasks                             |
| heroRouterLinkLabel() | This is used to return to previous page                             |
| formCardTitile()      | This is used to return the Form Title                               |
| created()             | This is used to get Tasks, Subtask old and new data, and Analysts   |

#### Methods:

| Name           | Description                                                                |
| -------------- | -------------------------------------------------------------------------- |
| input()        | This is used to make a readable date                                       |
| submit()       | This is used to log and create Subtask                                     |
| getTasks()     | This is used to return Task Titles                                         |
| logAction()    | this is used to create a log of the creation of the Subtask                |
| displayError() | This is used to display any errorr message that may occur                  |
| getOldData()   | This is used to get current data on the Subtask                            |
| getData()      | This is used to get the data being generated when the user edits a Subtask |
| getSubtasks()  | This is used to grab the Subtask being editied                             |
| id()           | This is used to grab the individual ID of a Subtask from the database      |
