[[chapter_gui]]
= GUI

{app-name} is simple. There is no need to install a separate management
tool, and everything can be done through your web browser (Latest
Firefox or Google Chrome is preferred).

You can use the web-based administration interface with any modern
browser.

== Login

The web interface can be reached via https://youripaddress:5000
(default login is: *admin@local*, and the password is *Password123!*)

[.thumb]
image:screenshot/login/loginadm.png[]

== Overview

The {app-name} user interface consists of three regions.

[horizontal]

Header:: On top. Shows status information and contains buttons for
most important actions.

Modules tree:: At the left side. A navigation tree where you can select
specific module.

Content Panel:: Center region. Selected module display content.

[.thumb]
image:screenshot/modules/home/homepage.png[]

NOTE: You can reduce and expand the size of the tree. This can be useful when you work on small screens and want more space to view other content.

=== Header

At the top left, the button to expand and reduce the tree or view modules if listed. Next to the module name.

The rightmost part of the header contains four buttons:

[horizontal]

Cluster Selector::  Cluster selector.

[.thumb]
image:screenshot/multicluster/multicluster-management.png[]

Notify::  Notify service activity.

Help:: Opens a new browser window showing the reference documentation.

User menu:: actions for user.

=== Modules tree

This is the main navigation tree. It is divided into contexts and contains all the available modules.

=== Content Panels

When you select a module in the tree, the corresponding shows status information in the content. Refer to the individual chapters of the modules within the reference documentation for more detailed information.

== Settings/Options

When you select a module in the tree, the corresponding shows status information in the content. Refer to the individual chapters of the modules within the reference documentation for more detailed information.

[.thumb]
image:screenshot/modules/settings/options.png[]

=== cv4pve-admin

Manage your cluster: insert Description, IP and Credentials.

[width="100%"]
|=======
| image:screenshot/modules/settings/service-general-cv4pve-admin.png[] | image:screenshot/modules/settings/service-general-cv4pve-admin-add-cluster1.png[]
|=======

[width="100%"]
|=======
| image:screenshot/modules/settings/service-general-cv4pve-admin-add-cluster2.png[]
|=======

=== Localization

Manage app language

[.thumb]
image:screenshot/modules/settings/service-general-localization.png[]

=== Mailing SMTP

Mailing SMTP

[.thumb]
image:screenshot/modules/settings/service-general-smtp.png[]

[.thumb]
image:screenshot/modules/settings/service-general-smtp-config.png[]

=== MudBlazor UI

Change the default app theme color and switch to dark mode

=== Security

Manage all the security app settings

=== Notification

For notification email or other type, is posable to configure it in section **NOTIFICATION**

=== Apps

Configure all application settings in the app: cron, alert limits, notification channels, and retention

== How to Setup a cluster

cv4pve-admin supports multiple clusters configurations. For identify cluster is possible add a description.

===  Api Login or Api Token

[.thumb]
image:screenshot/modules/settings/cluster-settings1.png[]

===  SSH Login

[.thumb]
image:screenshot/modules/settings/cluster-settings2.png[]

===  IP and Port

[.thumb]
image:screenshot/modules/settings/cluster-settings3.png[]