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

Finished breadcrumbs navigation

Browse Source
This commit is contained in:
Juanjo Jiménez 2018-06-04 16:29:12 +02:00
parent c8c0bf1849
commit 71f4ae7bb0
4 changed files with 63 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
public/less/common.less
View File

@ -207,6 +207,29 @@ div.uil-ring-css {
.wazuh-button.active,
.wazuh-button:not([disabled]):hover {
background-color: rgb(0, 121, 165) !important;
color: white !important;
}
.wz-button-flat {
transition: none !important;
}
.wz-button-flat:not([disabled]):hover {
background-color: rgb(0, 121, 165) !important;
color: white !important;
}
/* Custom reporting button styles */
.wz-report-button:hover {
background-color: #0079a5 !important;
color: #F5F5F5;
border-radius: 0;
}
.wz-report-refresh-btn {
position: absolute !important;
right: 0px;
}
/* Custom input filter box styles */
@ -422,19 +445,3 @@ kbn-vis .vis-container {
#monitoring_dis .kuiLocalDropdown {
z-index: 10;
}
.wz-left {
text-align: left
}
.wz-report-button:hover {
background-color: #0079a5 !important;
color: #F5F5F5;
border-radius: 0;
}
.wz-report-refresh-btn {
position: absolute !important;
right: 0px;
}

12
public/less/typography.less
View File

@ -56,10 +56,22 @@ html, body, button:not(.fa):not(.fa-times), textarea, input, select, .wz-chip {
text-align: right;
}
.wz-text-left {
text-align: left;
}
.wz-text-bold {
font-weight: bold !important;
}
.wz-text-capitalize {
text-transform: capitalize;
}
.wz-text-uppercase {
text-transform: uppercase;
}
.wz-text-truncatable {
overflow: hidden;
white-space: nowrap;

14
public/templates/manager/reporting/main.html
View File

@ -20,10 +20,10 @@
<div layout="row" class="wz-padding-top-10">
<table class="table table-striped table-condensed" id="wz_table">
<thead class="wz-text-bold">
<th class="wz-left">File</th>
<th class="wz-left">Size</th>
<th class="wz-left">Created</th>
<th class="wz-left">Options</th>
<th class="wz-text-left">File</th>
<th class="wz-text-left">Size</th>
<th class="wz-text-left">Created</th>
<th class="wz-text-left">Options</th>
</thead>
<tbody>
<tr ng-repeat="item in pagedItems[currentPage]">
@ -47,13 +47,13 @@
<li ng-class="{disabled: currentPage == 0}" class="md-padding">
<a href ng-click="prevPage()">« Prev</a>
</li>
<li ng-repeat="n in range(pagedItems.length, currentPage, currentPage + gap) "
ng-class="{active: n == currentPage}"
ng-click="setPage()" class="md-padding">
<a href ng-bind="n + 1">1</a>
</li>
<li ng-class="{disabled: (currentPage) == pagedItems.length - 1}" class="md-padding">
<a href ng-click="nextPage()">Next »</a>
</li>
@ -65,4 +65,4 @@
</div>
</md-card-content>
</md-card>
</div>
</div>

91
public/templates/overview/overview.head
View File

@ -10,37 +10,42 @@
<div layout="row" layout-padding>
<span flex ng-if="tab !== 'welcome'">
<i class="fa fa-fw fa-bar-chart"></i>
<span class="wz-text-link cursor-pointer" ng-click="switchTab('welcome')">Overview</span> / General / Panels
<span class="wz-text-link cursor-pointer" ng-click="switchTab('welcome')">Overview</span> /
<span class="wz-text-uppercase">{{ tab }}</span>
<span ng-if="tabView === 'panels'">(Panels)</span>
<span ng-if="tabView === 'discover'">(Discover)</span>
</span>
<span flex ng-if="tab === 'welcome'">
<i class="fa fa-fw fa-bar-chart"></i>
<span>Overview</span> / Welcome
<span>Overview / Welcome</span>
</span>
</div>
<!-- End breadcrumbs -->
<!-- Discover/Panels/Report buttons section -->
<div ng-show="tab !== 'welcome'">
<!-- Panels button -->
<md-button ng-if="tabView === 'discover'" class="wz-button-flat small" ng-click="switchSubtab('panels')">
<i class="fa fa-th fa-fw"></i> View Panels
</md-button>
<!-- Discover button -->
<md-button ng-if="tabView === 'panels'" class="wz-button-flat small" ng-click="switchSubtab('discover')">
<i class="fa fa-compass fa-fw"></i> View Discover
</md-button>
</div>
<!-- Separator -->
<span flex></span>
<!-- End separator -->
<!-- Discover/Panels buttons section -->
<div ng-show="tab !== 'welcome'">
<md-button ng-if="tabView === 'panels'" class="wazuh-button md-raised md-primary" ng-click="switchSubtab('discover')">
<i class="fa fa-compass fa-fw"></i> View Discover
</md-button>
<md-button ng-if="tabView === 'discover'" class="wazuh-button md-raised md-primary" ng-click="switchSubtab('panels')">
<i class="fa fa-th fa-fw"></i> View Panels
</md-button>
</div>
<!-- End Discover/Panels buttons section -->
<!-- Reporting button section -->
<div ng-show="tab !== 'welcome'">
<md-button ng-class="{'wz-report-button': rendered && !loading && resultState === 'ready'}" ng-disabled="!rendered || loading || resultState !== 'ready'" ng-click="startVis2Png()">
<!-- Report button -->
<md-button class="wz-button-flat small" ng-disabled="!rendered || loading || resultState !== 'ready'" ng-click="startVis2Png()">
<i class="fa fa-fw fa-pencil"></i> Report
</md-button>
</div>
<!-- End reporting button section -->
<!-- End Discover/Panels/Reporting buttons section -->
</div>
<!-- End navigation section -->
@ -76,57 +81,3 @@
<!-- No results section -->
</div>
<!-- End Overview-related section -->
<!-- <div layout="row" layout-align="space-between start" class="wz-md-navbar-kbn">
<div layout="column" flex layout-align="center start">
<md-nav-bar class="padding-right-0 wz-md-navbar" md-selected-nav-item="tab" nav-bar-aria-label="navigation submenu">
<md-nav-item md-nav-click="switchTab('general');" name="general">General</md-nav-item>
<md-nav-item md-nav-click="switchTab('fim');" name="fim">File integrity</md-nav-item>
<md-nav-item md-nav-click="switchTab('pm');" name="pm">Policy monitoring</md-nav-item>
<md-nav-item md-nav-click="switchTab('vuls');" name="vuls">Vulnerabilities</md-nav-item>
<md-nav-item md-nav-click="switchTab('oscap');" name="oscap" ng-show="extensions.oscap">SCAP</md-nav-item>
<md-nav-item md-nav-click="switchTab('audit');" name="audit" ng-show="extensions.audit">Audit</md-nav-item>
<md-nav-item md-nav-click="switchTab('pci');" name="pci" ng-show="extensions.pci">PCI DSS</md-nav-item>
<md-nav-item md-nav-click="switchTab('gdpr');" name="gdpr" ng-show="extensions.gdpr">GDPR</md-nav-item>
<md-nav-item md-nav-click="switchTab('aws');" name="aws" ng-show="extensions.aws">AWS</md-nav-item>
<md-nav-item md-nav-click="switchTab('virustotal');" name="virustotal" ng-show="extensions.virustotal">VirusTotal</md-nav-item>
</md-nav-bar>
</div>
<div layout="column">
<md-button ng-class="{'wz-report-button': rendered && !loading && resultState === 'ready'}" ng-disabled="!rendered || loading || resultState !== 'ready'" ng-click="startVis2Png()"><i class="fa fa-fw fa-pencil"></i> Report</md-button>
</div>
<div layout="column" layout-align="end end">
<md-nav-bar layout-align="end end" class="padding-right-0 wz-md-navbar" md-selected-nav-item="tabView" nav-bar-aria-label="navigation submenu">
<md-nav-item md-nav-click="switchSubtab('panels')" name="panels">
<i class="fa fa-th fa-fw"></i> Panels
</md-nav-item>
<md-nav-item md-nav-click="switchSubtab('discover')" name="discover">
<i class="fa fa-compass fa-fw"></i> Discover
</md-nav-item>
</md-nav-bar>
</div>
</div> -->
<!-- <md-progress-linear class="md-accent" md-mode="indeterminate" ng-show="load"></md-progress-linear> -->
<!-- View: Discover -->
<!-- <kbn-dis></kbn-dis> -->
<!-- <div class="wazuh-loading" layout="column" layout-align="center center" ng-show="resultState === 'ready' && tabView === 'panels' && !rendered">
<div class="percentage"><i class="fa fa-spinner fa-spin fa-fw" aria-hidden="true"></i></div>
<div class="percentage">{{loadingStatus}}</div>
</div>
<div class="wazuh-loading" layout="column" layout-align="center center" ng-show="reportBusy && reportStatus">
<div class="percentage"><i class="fa fa-spinner fa-spin fa-fw" aria-hidden="true"></i></div>
<div class="percentage">{{reportStatus}}</div>
</div> -->
<!-- No results message -->
<!-- <md-content flex layout="row" layout-align="start start" ng-show="resultState !== 'ready' && tabView === 'panels'">
<md-card flex layout="column" class="wz-md-card">
<md-card-content class="wz-text-center">
No results for selected time interval
</md-card-content>
</md-card>
</md-content> -->