mirror of
https://github.com/valitydev/wazuh-kibana-app.git
synced 2024-11-07 18:28:55 +00:00
131 lines
8.4 KiB
HTML
131 lines
8.4 KiB
HTML
<div layout="column" layout-align="start stretch" ng-if="ctrl.tab === 'api' && !ctrl.load">
|
|
|
|
<!-- Headline -->
|
|
<div layout="column" layout-padding>
|
|
<span class="font-size-18"><i class="fa fa-fw fa-tasks" aria-hidden="true"></i> API configuration</span>
|
|
<span class="md-subheader">Use Wazuh API settings to connect the Kibana plugin to your Wazuh manager or cluster</span>
|
|
</div>
|
|
<!-- End headline -->
|
|
|
|
<!-- API configuration card section -->
|
|
<div layout="row" layout-align="start start">
|
|
<md-card flex class="wz-md-card">
|
|
<md-card-content>
|
|
<!-- API entries headings section -->
|
|
<div layout="row" class="wz-padding-bottom-14">
|
|
<p flex="15" class="wz-text-bold">Cluster</p>
|
|
<p flex="20" class="wz-text-bold">Manager</p>
|
|
<p flex="15" class="wz-text-bold">API URL</p>
|
|
<p flex="15" class="wz-text-bold">API Port</p>
|
|
<p flex="15" class="wz-text-bold">User</p>
|
|
<p flex="20" class="wz-text-bold">Actions</p>
|
|
</div>
|
|
<!-- End API entries headings section -->
|
|
|
|
<!-- API entries list section -->
|
|
<div ng-repeat="entry in ctrl.apiEntries">
|
|
<!-- API entry -->
|
|
<div layout="row" layout-align="space-between center" class="wz-padding-top-10 wz-padding-bottom-14">
|
|
<p flex="15">
|
|
<i ng-show="(entry._id === ctrl.currentDefault)" tooltip="This is the default Manager" tooltip-placement="right" class="fa fa-star wz-color-orange" aria-hidden="true"></i> {{entry._source.cluster_info.cluster}}</p>
|
|
<p flex="20">{{entry._source.cluster_info.manager}}</p>
|
|
<p flex="15">{{entry._source.url}}</p>
|
|
<p flex="15">{{entry._source.api_port}}</p>
|
|
<p flex="15">{{entry._source.api_user}}</p>
|
|
<p flex="20">
|
|
<i ng-click="ctrl.setDefault(entry)" tooltip="Set as default Manager" class="fa fa-star font-size-18 cursor-pointer" aria-hidden="true"></i>
|
|
<i ng-click="ctrl.removeManager(entry)" tooltip="Remove manager" class="fa fa-trash wz-margin-left-7 cursor-pointer" aria-hidden="true"></i>
|
|
<i ng-click="ctrl.checkManager(entry)" tooltip="Check connection" class="fa fa-refresh wz-margin-left-7 cursor-pointer" aria-hidden="true"></i>
|
|
<i ng-click="ctrl.toggleEditor(entry)" tooltip="Edit" class="fa fa-pencil wz-margin-left-7 cursor-pointer" aria-hidden="true"></i>
|
|
</p>
|
|
</div>
|
|
<!-- End API entry -->
|
|
<!-- Edit API form -->
|
|
<div layout="row" layout-align="space-between center" ng-if="ctrl.showEditForm[entry._id] && ctrl.isEditing">
|
|
<form flex ng-submit="ctrl.updateSettings(entry)" layout="column" layout-align="start stretch" class="margin-top-30">
|
|
<!-- Input section -->
|
|
<md-input-container class="wz-input-container">
|
|
<label>Username</label>
|
|
<input ng-model="ctrl.formUpdate.user" ng-init="formUpdate.user=entry._source.api_user" type="text" placeholder="" aria-label="username"
|
|
required/>
|
|
</md-input-container>
|
|
<md-input-container class="wz-input-container">
|
|
<label>Password</label>
|
|
<input ng-model="ctrl.formUpdate.password" type="password" placeholder="" aria-label="password" required/>
|
|
</md-input-container>
|
|
<md-input-container class="wz-input-container">
|
|
<label>URL</label>
|
|
<input ng-model="ctrl.formUpdate.url" ng-init="formUpdate.url=entry._source.url" type="url" placeholder="http(s)://" aria-label="full url"
|
|
required/>
|
|
</md-input-container>
|
|
<md-input-container class="wz-input-container">
|
|
<label>Port</label>
|
|
<input ng-model="ctrl.formUpdate.port" ng-init="formUpdate.port=entry._source.api_port" type="text" placeholder="" aria-label="port"
|
|
required/>
|
|
</md-input-container>
|
|
<!-- Button and errors section -->
|
|
<div layout="row" layout-align="center center" ng-if="ctrl.messageError">
|
|
<p class="color-f9">{{ctrl.messageErrorUpdate}}</p>
|
|
</div>
|
|
<div layout="row" layout-align="center center">
|
|
<md-button type="submit" class="wz-button md-raised md-primary" aria-label="Update API button">
|
|
<i class="fa fa-pencil fa-fw" aria-hidden="true"></i> Update Wazuh API entry
|
|
</md-button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- End edit API form -->
|
|
</div>
|
|
<!-- End API entries list section -->
|
|
|
|
<!-- Add API button section -->
|
|
<div ng-show="!ctrl.isUpdating()" layout="row" layout-align="center center" class="wz-padding-top-10">
|
|
<md-button ng-click="ctrl.switch()" class="wz-button md-raised md-primary"
|
|
aria-label="Add new API button">
|
|
<i class="fa fa-plus-circle fa-fw" aria-hidden="true"></i> Add new Wazuh API entry
|
|
</md-button>
|
|
</div>
|
|
<!-- End add API button section -->
|
|
|
|
<!-- Add API section-->
|
|
<div layout="row" ng-show="!currentAPI || (ctrl.addManagerContainer && !ctrl.isEditing)">
|
|
<!-- Add API form -->
|
|
<form flex ng-submit="ctrl.saveSettings()" layout="column" layout-align="start stretch"
|
|
class="margin-top-30">
|
|
<!-- Input section -->
|
|
<md-input-container class="wz-input-container">
|
|
<label>Username</label>
|
|
<input ng-model="ctrl.formData.user" type="text" placeholder="" aria-label="username" required/>
|
|
</md-input-container>
|
|
<md-input-container class="wz-input-container">
|
|
<label>Password</label>
|
|
<input ng-model="ctrl.formData.password" type="password" placeholder="" aria-label="password" required/>
|
|
</md-input-container>
|
|
<md-input-container class="wz-input-container">
|
|
<label>URL</label>
|
|
<input ng-model="ctrl.formData.url" type="url" placeholder="http(s)://" aria-label="full url" required/>
|
|
</md-input-container>
|
|
<md-input-container class="wz-input-container">
|
|
<label>Port</label>
|
|
<input ng-model="ctrl.formData.port" type="text" placeholder="" aria-label="port" required/>
|
|
</md-input-container>
|
|
<!-- Button and errors section -->
|
|
<div layout="row" layout-align="center center" ng-if="ctrl.messageError">
|
|
<p class="color-f9">{{ctrl.messageError}}</p>
|
|
</div>
|
|
<div layout="row" layout-align="center center">
|
|
<md-button type="submit" class="wz-button md-raised md-primary" aria-label="Save API button">
|
|
<i class="fa fa-floppy-o fa-fw" aria-hidden="true"></i> Save Wazuh API entry
|
|
</md-button>
|
|
</div>
|
|
</form>
|
|
<!-- End add API form -->
|
|
</div>
|
|
<!-- End add API section-->
|
|
</md-card-content>
|
|
</md-card>
|
|
</div>
|
|
<!-- End API configuration card section -->
|
|
|
|
</div>
|