wazuh-kibana-app/public/templates/settings.html

<md-content flex ng-controller="settingsController" layout="column">

  <md-content class="wazuhMenuNavBar" ng-init="menuNavItem = 'settings'" style="height: 70px;">
    <md-nav-bar class="wazuhMenuNav" md-selected-nav-item="menuNavItem" nav-bar-aria-label="navigation menu">
      <md-nav-item id="header_logo" md-nav-href="#/" name="logo" aria-hidden="true">
        <img aria-hidden="true" src="/plugins/wazuh/img/logo_white.png" height="44" weight="252"></img>
      </md-nav-item>
			<md-nav-item md-nav-href="#/overview" name="overview">Overview</md-nav-item>
			<md-nav-item md-nav-href="#/manager" name="manager">Manager</md-nav-item>
			<md-nav-item md-nav-href="#/agents" name="agents">Agents</md-nav-item>
			<md-nav-item md-nav-href="#/discover" name="discover">Discover</md-nav-item>
			<md-nav-item md-nav-href="#/dashboards" name="dashboards">Dashboards</md-nav-item>
			<md-nav-item class="wazuhMenuNavBar_gear" md-nav-href="#/settings" name="settings"><i class="fa fa-cog ng-scope" aria-hidden="true"></i></md-nav-item>
    </md-nav-bar>
  </md-content>

  <div layout="column" layout-align="start stretch">
  
	<md-card layout-padding layout-align="start stretch">
	
		<h1><i class="fa fa-cog ng-scope" aria-hidden="true" style="font-size: 25px;"></i> Wazuh API configuration</h1>

		<span layout="row" layout-align="start start">
			<p flex="20" style="font-weight: bold;">Manager</p>
			<p flex="20" style="font-weight: bold;">API URL</p>
			<p flex="20" style="font-weight: bold;">API Port</p>
			<p flex="20" style="font-weight: bold;">User</p>
			<p flex="20" style="font-weight: bold;">Actions</p>
			
	
		</span>
		
		<div ng-repeat="entry in apiEntries">
			<span layout="row" layout-align="space-between center">
				<p flex="20" ><i ng-show="(entry._source.active == 'true')" tooltip="Set as default Manager" class="fa fa-star" aria-hidden="true" style="color: #f39c12; font-size: 18px;"></i> {{entry._source.manager}}</p>
				<p flex="20" >{{entry._source.url}}</p>
				<p flex="20" >{{entry._source.api_port}}</p>
				<p flex="20" >{{entry._source.api_user}}</p>
				<p flex="20" >
					<i ng-click="setDefault(entry)" tooltip="Set as default Manager" class="fa fa-star" aria-hidden="true" style="font-size: 18px;"></i>
					<i ng-click="removeManager(entry)" tooltip="Remove manager" class="fa fa-trash" aria-hidden="true" style="margin-left: 7px;font-size: 18px;"></i>
				</p>
			</span>
			
			<md-divider></md-divider>
		</div>
		
		<div layout="row" layout-align="center center">
			<md-button flex="15" ng-click="addManagerContainer = !addManagerContainer" type="submit" class="buttonBlueLight md-raised md-primary"><i class="fa fa-plus-circle" aria-hidden="true" style="font-size: 15px;"></i> Add new API</md-button>
		</div>
		
		<form flex ng-submit="processForm()" layout="column" layout-align="start stretch" ng-show="addManagerContainer" style="margin-top: 30px; ">
		  <md-input-container>
			<label>Username</label>
			<input placeholder="" type="text" ng-model="formData.user" aria-label="username" required></input>
		  </md-input-container>
		  <md-input-container>
			<label>Password</label>
			<input placeholder="" type="password" ng-model="formData.password" aria-label="password" required></input>
		  </md-input-container>
		  <md-input-container>
			<label>URL</label>
			<input placeholder="https://" ng-model="formData.url" type="url" aria-label="full url" required></input>
		  </md-input-container>
		  <md-input-container>
			<label>Port</label>
			<input placeholder="" ng-model="formData.port" type="text" aria-label="port" required></input>
		  </md-input-container>
		  <div layout="row" layout-align="center center">
			<md-button flex="15" type="submit" class="buttonBlueLight md-raised md-primary"><i class="fa fa-plus-circle" aria-hidden="true" style="font-size: 13px; margin-right: 5px; "></i>SAVE</md-button>
		  </div>
		</form>
	
	</md-card>

	<md-card flex layout-padding layout-align="start stretch">
	
		<h1><i class="fa fa-cog ng-scope" aria-hidden="true" style="font-size: 25px;"></i> Wazuh App: Extensions</h1>
		
		<p flex>Enable or disable extensions according to your needs. The extension includes: Panels, discover and dashboards, for agents / overview.</p>
		
		<div>
			<span layout="row" layout-align="space-between center" style="font-weight: bold">
				OpenSCAP
			</span>
			<span>
				OVAL (Open Vulnerability Assessment Language) interpreter used to check system configuration and detect vulnerable applications. It is recognized as a standardized compliance and hardening checking solution for enterprise-level infrastructure.
			</span>
			<span>
				<md-switch flex ng-model="extensions.oscap" aria-label="extensionsOscap" ng-change="onChange(extensions.oscap)"></md-switch>
			</span>
			<md-divider></md-divider>
		</div>
		
		<div>
			<span layout="row" layout-align="space-between center" style="font-weight: bold">
				Audit
			</span>
			<span>
				The Linux Audit system provides a way to track security-relevant information on your system. Based on pre-configured rules, Audit generates log entries to record as much information about the events that are happening on your system as possible.
			</span>
			<span layout="row" layout-align="space-between center">
				<md-switch flex ng-model="extensions.audit" aria-label="extensionsAudit" ng-change="onChange(extensions.audit)"></md-switch>
			</span>
		</div>		
  
	</md-card>
	
  </div>

</md-content>