# Event Detailed View

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

:id is to indicate the unique identifier for the Event artifact

### Frontend Fields

| Event Name                          | Name of the Event that is being written text box          |
| ----------------------------------- | --------------------------------------------------------- |
| Event Description                   | Description of the Event text box                         |
| Event Lead Analyst                  | Initials of the Lead Analyst for the Event drop down menu |
| Event Type                          | Event type (CVPA, CVI, VOF) drop down menu                |
| Event Version                       | The version of the Event text box                         |
| Assessment Date                     | Assessment Datepicker menu                                |
| Organization Name                   | Organization Name text box                                |
| Security Classification Title Guide | Title Guide text box                                      |
| Event Classification                | Event Classification drop down menu                       |
| Declassification Date               | Declassification Datepicker menu                          |
| Customer Name                       | Customer name text box                                    |
| Derived From                        | Derived From text box                                     |

### EventForm.vue

#### Computed:&#x20;

| titleStack()        | Defines the path of the page                                                      |
| ------------------- | --------------------------------------------------------------------------------- |
| heroTitle()         | Determines the title of the page, in this case it will show the name of the Event |
| heroRouterLinkTo    | Defines where to do when clicking the header button                               |
| heroRouterLinkLabel | Defines the name of the header button                                             |
| formCardTitle       | Defines the name of the card                                                      |
| created             |                                                                                   |

#### Methods:&#x20;

| add()          | Method is to add Lead Analysts and Analysts to the Event |
| -------------- | -------------------------------------------------------- |
| getOldData()   | Method is used to get current data on the Event          |
| getData()      | Method is get data from user when editing an Event       |
| submit()       | Method is log and save changes to the Event              |
| logAction()    | Method is to create a log of the change in Event         |
| displayError() | Method is to display an error                            |
