# Create System

{% hint style="info" %}
<http://localhost:8080/#/createsystem-form>
{% endhint %}

### Editable Fields (CreateSystem.vue)

| Name               | Description                                       |
| ------------------ | ------------------------------------------------- |
| ID                 | A unique identifier for the System                |
| System Name        | Name of a system                                  |
| System Description | Description of a system                           |
| System Location    | The location where a system is physically located |
| System Router      | The router that are accessed                      |
| System Switch      | Switches that are accessed                        |
| System Room        | Rooms that are accessed                           |
| Test Plan          | Name of the test plan                             |
| Confidentiality    | Confidentiality level of a system                 |
| Integrity          | Integrity level of a system                       |
| Availability       | Availability level of a system                    |

### 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           | Parameters | Description                                                                                                        |
| -------------- | ---------- | ------------------------------------------------------------------------------------------------------------------ |
| submit()       |            | Submits the changes of the system if any of the fields have been changed.                                          |
| logAction()    |            | Shows the changes from the old system form to the new one, to display on the home page                             |
| displayError() | e          | Used to displaying the error with its proper message. Where 'e' is an object that contains the message (e.message) |
| createSystem() |            | Its responsible for submitting the form to the database                                                            |
| addSystem()    |            | Its responsible for associating itself with the current event.                                                     |
| getEvent()     |            | Loads the current event and stores the current id of the event                                                     |
