valitydev/wazuh-kibana-app
14
0
Fork 0
mirror of https://github.com/valitydev/wazuh-kibana-app.git synced 2024-11-07 02:15:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

More Settings UI adjustments

Browse Source
This commit is contained in:
Juanjo Jiménez 2018-07-02 11:54:05 +02:00 committed by Javier Castro
parent 60bedb5995
commit 4f09ee132a
6 changed files with 13 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/templates/settings/settings-about.html
View File

@ -1,6 +1,5 @@
<div flex layout="column" layout-align="start stretch" ng-if="tab === 'about' && !load">
<!-- About app section -->
<!-- Headline -->
<div layout="column" layout-padding>
<span class="font-size-18"><i class="fa fa-fw fa-info-circle" aria-hidden="true"></i> Wazuh app description</span>

1
public/templates/settings/settings-api.html
View File

@ -1,6 +1,5 @@
<div flex layout="column" layout-align="start stretch" ng-if="tab === 'api' && !load">
<!-- Configure API section -->
<!-- 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>

1
public/templates/settings/settings-extensions.html
View File

@ -1,6 +1,5 @@
<div flex layout="column" layout-align="start stretch" ng-if="tab === 'extensions' && !load">
<!-- Configure extensions section -->
<!-- Headline -->
<div layout="column" layout-padding>
<span class="font-size-18"><i class="fa fa-fw fa-check-square-o" aria-hidden="true"></i> App extensions</span>

1
public/templates/settings/settings-pattern.html
View File

@ -1,6 +1,5 @@
<div flex layout="column" layout-align="start stretch" ng-if="tab === 'pattern' && !load">
<!-- Configure pattern section -->
<!-- Headline -->
<div layout="column" layout-padding>
<span class="font-size-18"><i class="fa fa-fw fa-filter" aria-hidden="true"></i> Pattern selection</span>

82
public/templates/settings/settings-welcome.html
View File

@ -1,88 +1,26 @@
<div flex layout="column" layout-align="start stretch" ng-if="tab === 'welcome' && !load">
<!-- Configure app section -->
<!-- Headline -->
<div layout="row" layout-padding>
<span class="font-size-18"><i class="fa fa-fw fa-sliders" aria-hidden="true"></i> Configure the Wazuh app</span>
<div layout="column" layout-padding>
<span class="font-size-18"><i class="fa fa-fw fa-cog" aria-hidden="true"></i> Settings</span>
<span class="md-subheader">Customize your app: API credentials, Extensions and Index pattern</span>
</div>
<!-- End headline -->
<!-- Section cards -->
<!-- Settings sections -->
<div layout="row" layout-align="start stretch" layout-wrap>
<!-- API -->
<md-card flex class="wz-md-card">
<md-card-content flex layout="column">
<span><i class="fa fa-fw fa-tasks" aria-hidden="true"></i> <span ng-click="switchTab('api')" class="wz-headline-title wz-text-link cursor-pointer">API configuration</span></span>
<span class="wz-headline-title"><i class="fa fa-fw fa-sliders" aria-hidden="true"></i> Configure the Wazuh app</span>
<md-divider class="wz-margin-top-10"></md-divider>
<div layout="row" class="wz-padding-top-10">
<p>Administer your Wazuh API credentials</p>
<md-button ng-click="switchTab('api')" class="small wz-text-link">API Configuration</md-button>
<md-button ng-click="switchTab('extensions')" class="small wz-text-link">Extensions</md-button>
<md-button ng-click="switchTab('pattern')" class="small wz-text-link">Index pattern</md-button>
<md-button ng-click="switchTab('about')" class="small wz-text-link">About</md-button>
</div>
<span flex></span>
</md-card-content>
<md-card-actions layout="row" layout-align="end center" class="wz-card-actions">
<md-button target="_blank" href="https://documentation.wazuh.com/current/installation-guide/installing-elastic-stack/connect_wazuh_app.html" class="wz-text-link cursor-pointer small" aria-label="Open connect app to API documentation">
<i class="fa fa-fw fa-info" aria-hidden="true"></i> More info
</md-button>
</md-card-actions>
</md-card>
<!-- Extensions -->
<md-card flex class="wz-md-card">
<md-card-content flex layout="column">
<span><i class="fa fa-fw fa-check-square-o" aria-hidden="true"></i> <span ng-click="switchTab('extensions')" class="wz-headline-title wz-text-link cursor-pointer">Extensions</span></span>
<md-divider class="wz-margin-top-10"></md-divider>
<div layout="row" class="wz-padding-top-10">
<p>Enable or disable extensions on the app</p>
</div>
<span flex></span>
</md-card-content>
<md-card-actions layout="row" layout-align="end center" class="wz-card-actions">
<md-button target="_blank" href="https://documentation.wazuh.com/current/user-manual/capabilities/index.html" class="wz-text-link cursor-pointer small" aria-label="Open Wazuh capabilities documentation">
<i class="fa fa-fw fa-info" aria-hidden="true"></i> More info
</md-button>
</md-card-actions>
</md-card>
</div>
<!-- End section cards -->
<!-- Section cards -->
<div layout="row" layout-align="start stretch" layout-wrap>
<!-- Pattern -->
<md-card flex class="wz-md-card">
<md-card-content flex layout="column">
<span><i class="fa fa-fw fa-filter" aria-hidden="true"></i> <span ng-click="switchTab('pattern')" class="wz-headline-title wz-text-link cursor-pointer">Index pattern</span></span>
<md-divider class="wz-margin-top-10"></md-divider>
<div layout="row" class="wz-padding-top-10">
<p>Select a pattern for exploring alerts</p>
</div>
<span flex></span>
</md-card-content>
<md-card-actions layout="row" layout-align="end center" class="wz-card-actions">
<md-button target="_blank" href="https://www.elastic.co/guide/en/kibana/current/tutorial-define-index.html" class="wz-text-link cursor-pointer small" aria-label="Open Kibana index patterns documentation">
<i class="fa fa-fw fa-info" aria-hidden="true"></i> More info
</md-button>
</md-card-actions>
</md-card>
<!-- About -->
<md-card flex class="wz-md-card">
<md-card-content flex layout="column">
<span><i class="fa fa-fw fa-info-circle" aria-hidden="true"></i> <span ng-click="switchTab('about')" class="wz-headline-title wz-text-link cursor-pointer">About</span></span>
<md-divider class="wz-margin-top-10"></md-divider>
<div layout="row" class="wz-padding-top-10">
<p>Learn more about this app</p>
</div>
<span flex></span>
</md-card-content>
<md-card-actions layout="row" layout-align="end center" class="wz-card-actions">
<md-button target="_blank" href="https://github.com/wazuh/wazuh-kibana-app/blob/master/CHANGELOG.md" class="wz-text-link cursor-pointer small" aria-label="Open Wazuh Kibana app changelog file">
<i class="fa fa-fw fa-info" aria-hidden="true"></i> More info
</md-button>
</md-card-actions>
</md-card>
</div>
<!-- End section cards -->
<!-- End configure app section -->
</div>
<!-- End settings sections -->

7
public/templates/settings/settings.head
View File

@ -8,6 +8,7 @@
<div class='uil-ring-css' ng-show="load">
<div></div>
</div>
<!-- End loading ring -->
<!-- Navigation section (Breadcrumbs, etc) -->
<div layout="row" layout-align="start center" ng-if="!load">
@ -15,13 +16,11 @@
<div layout="row" layout-padding>
<!-- If you're not on the Welcome tab, show a functional breadcrumb -->
<div ng-if="tab !== 'welcome'">
<i class="fa fa-fw fa-cog" aria-hidden="true"></i>
<span class="wz-text-link cursor-pointer" ng-click="switchTab('welcome')">Settings</span>
<span> / {{ tabNames[tab] }}</span>
</div>
<!-- If you're on the Welcome tab, show a blank, simple breadcrumb -->
<div ng-if="tab === 'welcome'">
<i class="fa fa-fw fa-cog" aria-hidden="true"></i>
<span>Settings / Welcome</span>
</div>
</div>
@ -29,7 +28,7 @@
</div>
<!-- End navigation section -->
<!-- Navigation tabs -->
<!-- Navigation bar -->
<md-nav-bar
ng-if="!load"
class="wz-nav-bar"
@ -41,4 +40,4 @@
<md-nav-item class="wz-nav-item" md-nav-click="switchTab('pattern')" name="pattern">Pattern</md-nav-item>
<md-nav-item class="wz-nav-item" md-nav-click="switchTab('about')" name="about">About</md-nav-item>
</md-nav-bar>
<!-- End navigation tabs -->
<!-- End navigation bar -->