diff --git a/SplunkAppForWazuh/appserver/controllers/api.py b/SplunkAppForWazuh/appserver/controllers/api.py index 45cf0b222..42400e13c 100644 --- a/SplunkAppForWazuh/appserver/controllers/api.py +++ b/SplunkAppForWazuh/appserver/controllers/api.py @@ -74,34 +74,42 @@ def getSelfAdminStanza(self): def clean_keys(self, response): """Hide sensible data from API response.""" try: - res = response["data"] hide = "********" - # Remove agent key - if "internal_key" in res: - res["internal_key"] = hide - # Remove cluster key (/come/cluster) - if "node_type" in res and "key" in res: - res["key"] = hide - # Remove cluster key (/manager/configuration) - if "cluster" in res: - if "node_type" in res["cluster"] and "key" in res["cluster"]: - res["cluster"]["key"] = hide - - # Remove AWS keys - if "wmodules" in res: - for wmod in res["wmodules"]: - if "aws-s3" in wmod: - if "buckets" in wmod["aws-s3"]: - for bucket in wmod["aws-s3"]["buckets"]: - bucket["access_key"] = hide - bucket["secret_key"] = hide - # Remove integrations keys - if "integration" in res: - for integ in res["integration"]: - integ["api_key"] = hide - response["data"] = res - return jsonbak.dumps(response) + if "data" in response and type(response["data"]) == dict: + # Remove agent key + if "internal_key" in response["data"]: + response["data"]["internal_key"] = hide + + # Remove cluster key (/come/cluster) + if "node_type" in response["data"]: + if "key" in response["data"]: + response["data"]["key"] = hide + + # Remove cluster key (/manager/configuration) + if "cluster" in response["data"]: + if "node_type" in response["data"]["cluster"] and "key" in response["data"]["cluster"]: + response["data"]["cluster"]["key"] = hide + + # Remove AWS keys + if "wmodules" in response["data"]: + for wmod in response["data"]["wmodules"]: + if "aws-s3" in wmod: + if "buckets" in wmod["aws-s3"]: + for bucket in wmod["aws-s3"]["buckets"]: + bucket["access_key"] = hide + bucket["secret_key"] = hide + if "services" in wmod["aws-s3"]: + for service in wmod["aws-s3"]["services"]: + service["access_key"] = hide + service["secret_key"] = hide + + # Remove integrations keys + if "integration" in response["data"]: + for integ in response["data"]["integration"]: + integ["api_key"] = hide + return response except Exception as e: + self.logger.error("Error while cleaning keys in request response: %s" % (e)) raise e def format_output(self, arr): @@ -187,7 +195,7 @@ def make_request(self, method, url, opt_endpoint, kwargs, auth, verify, counter return self.make_request(method, url, opt_endpoint, kwargs, auth, verify, counter - 1) else: raise Exception("Tried to execute %s %s three times with no success, aborted." % (method, opt_endpoint)) - return request + return self.clean_keys(request) except Exception as e: self.logger.error("Error while requesting to Wazuh API: %s" % (e)) raise e @@ -332,7 +340,7 @@ def csv(self, **kwargs): opt_base_url = api["data"]["url"] opt_base_port = api["data"]["portapi"] opt_endpoint = kwargs['path'] - url = opt_base_url + ":" + opt_base_port + url = str(opt_base_url) + ":" + str(opt_base_port) auth = requestsbak.auth.HTTPBasicAuth(opt_username, opt_password) verify = False # init csv writer diff --git a/SplunkAppForWazuh/appserver/static/css/images/loupe.png b/SplunkAppForWazuh/appserver/static/css/images/loupe.png new file mode 100644 index 000000000..83c9d7427 Binary files /dev/null and b/SplunkAppForWazuh/appserver/static/css/images/loupe.png differ diff --git a/SplunkAppForWazuh/appserver/static/css/styles/common.css b/SplunkAppForWazuh/appserver/static/css/styles/common.css index 566a4c102..31859cc9d 100644 --- a/SplunkAppForWazuh/appserver/static/css/styles/common.css +++ b/SplunkAppForWazuh/appserver/static/css/styles/common.css @@ -51,6 +51,13 @@ margin: 0px; } +.wz-menu-settings{ + min-width: 30px; + border-radius: 100px; + margin-left: 5px; + margin-right: 5px !important; +} + .addGroupInput { max-height: 20px !important; max-width: 181px !important; @@ -428,7 +435,7 @@ div.uil-ring-css { } .wz-margin-left-20 { - margin-left: 20px; + margin-left: 20px !important; } .wz-margin-left--10 { @@ -464,6 +471,9 @@ div.uil-ring-css { .wz-height-35 { height: 35px !important; } +.wz-height-20 { + height: 20px !important; +} .wz-width-85 { min-width: 85px; @@ -986,7 +996,7 @@ md-dialog{ .edit-cancel-button { border: none !important; color: rgb(0, 121, 165) !important; - background: white !important; + background: #fafafa !important; } .edit-cancel-button:hover { @@ -1094,6 +1104,18 @@ md-toast { padding-right: 40px !important; } +.wz-text-truncatable { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.wz-text-truncatable-container { + overflow: hidden; + width: auto; + display: grid; +} + span.pass { background-color: green !important; color: white !important; @@ -1157,7 +1179,7 @@ span.wrong { } .table-width-id{ - width: 20px !important; + width: 60px !important; } .table-width-filename{ @@ -1525,7 +1547,6 @@ input:focus { } #dropDownInput button { - min-width: 100% !important; border: solid 1px #0079bb !important; color: #0079bb !important; background: white !important; @@ -1658,6 +1679,17 @@ input:focus { color: #1278b0 !important; } +.switch-log { + margin: 5px 10px; +} + +.wz-text-align-right { + text-align: right; +} + +.table-condensed td { + padding: 5px !important; +} /* Loading bar */ @@ -1694,3 +1726,79 @@ input:focus { to {left: 100%;} } + +/* eui spinner */ + +.euiLoadingSpinner--medium { + width: 16px; + height: 16px; + border-width: 1px; +} +.euiLoadingSpinner { + display: inline-block; + width: 32px; + height: 32px; + border-radius: 50%; + border: solid 2px #D3DAE6; + border-color: #006BB4 #D3DAE6 #D3DAE6 #D3DAE6; + -webkit-animation: euiLoadingSpinner .6s infinite linear; + animation: euiLoadingSpinner .6s infinite linear; +} + + +/* Do not show the last resize th */ +.table-resizable > thead th:last-child .ui-resizable-handle { + display: none !important; +} + + +.wz-breadcrumb-margin{ + margin-left:10px; + margin-top:12px; +} + + + +label.wz-icon-loupe { + position: relative; + width:100%; +} + +label.wz-icon-loupe:before { + content: ""; + position: absolute; + left: 10px; + bottom: 0; + width: 20px; + height: 40px; + background: url(/static/app/SplunkAppForWazuh/css/images/loupe.png) no-repeat; + background-size: 18px; +} + +label.wz-icon-loupe input { + padding: 0px 35px !important; + width:100%; +} + +.float_warning-icon { + margin-bottom: 5px; + margin-right: -5px; +} + +.noDot { + list-style-type: none !important; + margin-left: 0px !important; +} + +.orange { + color: #ff9999; +} + +.gray { + background-color: #5c6773 !important; +} + +.center { + margin: 0 auto !important; + text-align: center !important; +} \ No newline at end of file diff --git a/SplunkAppForWazuh/appserver/static/css/styles/component.css b/SplunkAppForWazuh/appserver/static/css/styles/component.css index bc94a4799..d191bdb9c 100644 --- a/SplunkAppForWazuh/appserver/static/css/styles/component.css +++ b/SplunkAppForWazuh/appserver/static/css/styles/component.css @@ -93,7 +93,8 @@ md-dialog-actions button { } .wz-white-background { - background-color:white !important; + /*background-color:white !important;*/ + background-color: #fafafa; } /* Custom switch styles */ diff --git a/SplunkAppForWazuh/appserver/static/css/styles/jquery-ui.css b/SplunkAppForWazuh/appserver/static/css/styles/jquery-ui.css new file mode 100644 index 000000000..719287fe6 --- /dev/null +++ b/SplunkAppForWazuh/appserver/static/css/styles/jquery-ui.css @@ -0,0 +1,1536 @@ +/*! jQuery UI - v1.11.0 - 2014-06-26 +* http://jqueryui.com +* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px +* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ''; + display: table; + border-collapse: collapse; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-clearfix { + min-height: 0; /* support: IE7 */ +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter: Alpha(Opacity=0); +} + +.ui-front { + z-index: 100; +} + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { + cursor: default !important; +} + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-accordion .ui-accordion-header { + display: block; + cursor: pointer; + position: relative; + margin: 2px 0 0 0; + padding: 0.5em 0.5em 0.5em 0.7em; + min-height: 0; /* support: IE7 */ + font-size: 100%; +} +.ui-accordion .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-icons .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-header .ui-accordion-header-icon { + position: absolute; + left: 0.5em; + top: 50%; + margin-top: -8px; +} +.ui-accordion .ui-accordion-content { + padding: 1em 2.2em; + border-top: 0; + overflow: auto; +} +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + cursor: default; +} +.ui-button { + display: inline-block; + position: relative; + padding: 0; + line-height: normal; + margin-right: 0.1em; + cursor: pointer; + vertical-align: middle; + text-align: center; + overflow: visible; /* removes extra width in IE */ +} +.ui-button, +.ui-button:link, +.ui-button:visited, +.ui-button:hover, +.ui-button:active { + text-decoration: none; +} +/* to make room for the icon, a width needs to be set here */ +.ui-button-icon-only { + width: 2.2em; +} +/* button elements seem to need a little more width */ +button.ui-button-icon-only { + width: 2.4em; +} +.ui-button-icons-only { + width: 3.4em; +} +button.ui-button-icons-only { + width: 3.7em; +} + +/* button text element */ +.ui-button .ui-button-text { + display: block; + line-height: normal; +} +.ui-button-text-only .ui-button-text { + padding: 0.4em 1em; +} +.ui-button-icon-only .ui-button-text, +.ui-button-icons-only .ui-button-text { + padding: 0.4em; + text-indent: -9999999px; +} +.ui-button-text-icon-primary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: 0.4em 1em 0.4em 2.1em; +} +.ui-button-text-icon-secondary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: 0.4em 2.1em 0.4em 1em; +} +.ui-button-text-icons .ui-button-text { + padding-left: 2.1em; + padding-right: 2.1em; +} +/* no icon support for input elements, provide padding by default */ +input.ui-button { + padding: 0.4em 1em; +} + +/* button icon element(s) */ +.ui-button-icon-only .ui-icon, +.ui-button-text-icon-primary .ui-icon, +.ui-button-text-icon-secondary .ui-icon, +.ui-button-text-icons .ui-icon, +.ui-button-icons-only .ui-icon { + position: absolute; + top: 50%; + margin-top: -8px; +} +.ui-button-icon-only .ui-icon { + left: 50%; + margin-left: -8px; +} +.ui-button-text-icon-primary .ui-button-icon-primary, +.ui-button-text-icons .ui-button-icon-primary, +.ui-button-icons-only .ui-button-icon-primary { + left: 0.5em; +} +.ui-button-text-icon-secondary .ui-button-icon-secondary, +.ui-button-text-icons .ui-button-icon-secondary, +.ui-button-icons-only .ui-button-icon-secondary { + right: 0.5em; +} + +/* button sets */ +.ui-buttonset { + margin-right: 7px; +} +.ui-buttonset .ui-button { + margin-left: 0; + margin-right: -0.3em; +} + +/* workarounds */ +/* reset extra padding in Firefox, see h5bp.com/l */ +input.ui-button::-moz-focus-inner, +button.ui-button::-moz-focus-inner { + border: 0; + padding: 0; +} +.ui-datepicker { + width: 17em; + padding: 0.2em 0.2em 0; + display: none; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: 0.2em 0; +} +.ui-datepicker .ui-datepicker-prev, +.ui-datepicker .ui-datepicker-next { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; +} +.ui-datepicker .ui-datepicker-prev-hover, +.ui-datepicker .ui-datepicker-next-hover { + top: 1px; +} +.ui-datepicker .ui-datepicker-prev { + left: 2px; +} +.ui-datepicker .ui-datepicker-next { + right: 2px; +} +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; +} +.ui-datepicker .ui-datepicker-next-hover { + right: 1px; +} +.ui-datepicker .ui-datepicker-prev span, +.ui-datepicker .ui-datepicker-next span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; +} +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; +} +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; +} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 49%; +} +.ui-datepicker table { + width: 100%; + font-size: 0.9em; + border-collapse: collapse; + margin: 0 0 0.4em; +} +.ui-datepicker th { + padding: 0.7em 0.3em; + text-align: center; + font-weight: bold; + border: 0; +} +.ui-datepicker td { + border: 0; + padding: 1px; +} +.ui-datepicker td span, +.ui-datepicker td a { + display: block; + padding: 0.2em; + text-align: right; + text-decoration: none; +} +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: 0.7em 0 0 0; + padding: 0 0.2em; + border-left: 0; + border-right: 0; + border-bottom: 0; +} +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: 0.5em 0.2em 0.4em; + cursor: pointer; + padding: 0.2em 0.6em 0.3em 0.6em; + width: auto; + overflow: visible; +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + float: left; +} + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { + width: auto; +} +.ui-datepicker-multi .ui-datepicker-group { + float: left; +} +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto 0.4em; +} +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; +} +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; +} +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; +} + +/* RTL support */ +.ui-datepicker-rtl { + direction: rtl; +} +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, +.ui-datepicker-rtl .ui-datepicker-group { + float: right; +} +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; +} +.ui-dialog { + overflow: hidden; + position: absolute; + top: 0; + left: 0; + padding: 0.2em; + outline: 0; +} +.ui-dialog .ui-dialog-titlebar { + padding: 0.4em 1em; + position: relative; +} +.ui-dialog .ui-dialog-title { + float: left; + margin: 0.1em 0; + white-space: nowrap; + width: 90%; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-dialog .ui-dialog-titlebar-close { + position: absolute; + right: 0.3em; + top: 50%; + width: 20px; + margin: -10px 0 0 0; + padding: 1px; + height: 20px; +} +.ui-dialog .ui-dialog-content { + position: relative; + border: 0; + padding: 0.5em 1em; + background: none; + overflow: auto; +} +.ui-dialog .ui-dialog-buttonpane { + text-align: left; + border-width: 1px 0 0 0; + background-image: none; + margin-top: 0.5em; + padding: 0.3em 1em 0.5em 0.4em; +} +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { + float: right; +} +.ui-dialog .ui-dialog-buttonpane button { + margin: 0.5em 0.4em 0.5em 0; + cursor: pointer; +} +.ui-dialog .ui-resizable-se { + width: 12px; + height: 12px; + right: -5px; + bottom: -5px; + background-position: 16px 16px; +} +.ui-draggable .ui-dialog-titlebar { + cursor: move; +} +.ui-draggable-handle { + -ms-touch-action: none; + touch-action: none; +} +.ui-menu { + list-style: none; + padding: 0; + margin: 0; + display: block; + outline: none; +} +.ui-menu .ui-menu { + position: absolute; +} +.ui-menu .ui-menu-item { + position: relative; + margin: 0; + padding: 3px 1em 3px 0.4em; + cursor: pointer; + min-height: 0; /* support: IE7 */ + /* support: IE10, see #8844 */ + list-style-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); +} +.ui-menu .ui-menu-divider { + margin: 5px 0; + height: 0; + font-size: 0; + line-height: 0; + border-width: 1px 0 0 0; +} +.ui-menu .ui-state-focus, +.ui-menu .ui-state-active { + margin: -1px; +} + +/* icon support */ +.ui-menu-icons { + position: relative; +} +.ui-menu-icons .ui-menu-item { + padding-left: 2em; +} + +/* left-aligned */ +.ui-menu .ui-icon { + position: absolute; + top: 0; + bottom: 0; + left: 0.2em; + margin: auto 0; +} + +/* right-aligned */ +.ui-menu .ui-menu-icon { + left: auto; + right: 0; +} +.ui-progressbar { + height: 2em; + text-align: left; + overflow: hidden; +} +.ui-progressbar .ui-progressbar-value { + margin: -1px; + height: 100%; +} +.ui-progressbar-indeterminate .ui-progressbar-value { + background-image: none; +} +.ui-resizable { + position: relative; +} +.ui-resizable-handle { + position: absolute; + font-size: 0.1px; + display: block; + -ms-touch-action: none; + touch-action: none; +} +.ui-resizable-disabled .ui-resizable-handle, +.ui-resizable-autohide .ui-resizable-handle { + display: none; +} +.ui-resizable-handle:before { + background-color: transparent !important; + } +.ui-resizable-n { + cursor: n-resize; + height: 7px; + width: 100%; + top: -5px; + left: 0; +} +.ui-resizable-s { + cursor: s-resize; + height: 7px; + width: 100%; + bottom: -5px; + left: 0; +} +.ui-resizable-e { + cursor: e-resize; + width: 4px; + right: 0px; + top: 0; + height: 100%; + z-index: 10000 !important; +} +.ui-resizable-w { + cursor: w-resize; + width: 7px; + left: -5px; + top: 0; + height: 100%; +} +.ui-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + right: 1px; + bottom: 1px; +} +.ui-resizable-sw { + cursor: sw-resize; + width: 9px; + height: 9px; + left: -5px; + bottom: -5px; +} +.ui-resizable-nw { + cursor: nw-resize; + width: 9px; + height: 9px; + left: -5px; + top: -5px; +} +.ui-resizable-ne { + cursor: ne-resize; + width: 9px; + height: 9px; + right: -5px; + top: -5px; +} +.ui-selectable { + -ms-touch-action: none; + touch-action: none; +} +.ui-selectable-helper { + position: absolute; + z-index: 100; + border: 1px dotted black; +} +.ui-selectmenu-menu { + padding: 0; + margin: 0; + position: absolute; + top: 0; + left: 0; + display: none; +} +.ui-selectmenu-menu .ui-menu { + overflow: auto; + /* Support: IE7 */ + overflow-x: hidden; + padding-bottom: 1px; +} +.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { + font-size: 1em; + font-weight: bold; + line-height: 1.5; + padding: 2px 0.4em; + margin: 0.5em 0 0 0; + height: auto; + border: 0; +} +.ui-selectmenu-open { + display: block; +} +.ui-selectmenu-button { + display: inline-block; + overflow: hidden; + position: relative; + text-decoration: none; + cursor: pointer; +} +.ui-selectmenu-button span.ui-icon { + right: 0.5em; + left: auto; + margin-top: -8px; + position: absolute; + top: 50%; +} +.ui-selectmenu-button span.ui-selectmenu-text { + text-align: left; + padding: 0.4em 2.1em 0.4em 1em; + display: block; + line-height: 1.4; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; + -ms-touch-action: none; + touch-action: none; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: 0.7em; + display: block; + border: 0; + background-position: 0 0; +} + +/* For IE8 - See #6727 */ +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} + +.ui-slider-horizontal { + height: 0.8em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -0.3em; + margin-left: -0.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + +.ui-slider-vertical { + width: 0.8em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -0.3em; + margin-left: 0; + margin-bottom: -0.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.ui-sortable-handle { + -ms-touch-action: none; + touch-action: none; +} +.ui-spinner { + position: relative; + display: inline-block; + overflow: hidden; + padding: 0; + vertical-align: middle; +} +.ui-spinner-input { + border: none; + background: none; + color: inherit; + padding: 0; + margin: 0.2em 0; + vertical-align: middle; + margin-left: 0.4em; + margin-right: 22px; +} +.ui-spinner-button { + width: 16px; + height: 50%; + font-size: 0.5em; + padding: 0; + margin: 0; + text-align: center; + position: absolute; + cursor: default; + display: block; + overflow: hidden; + right: 0; +} +/* more specificity required here to override default borders */ +.ui-spinner a.ui-spinner-button { + border-top: none; + border-bottom: none; + border-right: none; +} +/* vertically center icon */ +.ui-spinner .ui-icon { + position: absolute; + margin-top: -8px; + top: 50%; + left: 0; +} +.ui-spinner-up { + top: 0; +} +.ui-spinner-down { + bottom: 0; +} + +/* TR overrides */ +.ui-spinner .ui-icon-triangle-1-s { + /* need to fix icons sprite */ + background-position: -65px -16px; +} +.ui-tabs { + position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ + padding: 0.2em; +} +.ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0.2em 0.2em 0; +} +.ui-tabs .ui-tabs-nav li { + list-style: none; + float: left; + position: relative; + top: 0; + margin: 1px 0.2em 0 0; + border-bottom-width: 0; + padding: 0; + white-space: nowrap; +} +.ui-tabs .ui-tabs-nav .ui-tabs-anchor { + float: left; + padding: 0.5em 1em; + text-decoration: none; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + margin-bottom: -1px; + padding-bottom: 1px; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, +.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, +.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { + cursor: text; +} +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { + cursor: pointer; +} +.ui-tabs .ui-tabs-panel { + display: block; + border-width: 0; + padding: 1em 1.4em; + background: none; +} +.ui-tooltip { + padding: 8px; + position: absolute; + z-index: 9999; + max-width: 300px; + -webkit-box-shadow: 0 0 5px #aaa; + box-shadow: 0 0 5px #aaa; +} +body .ui-tooltip { + border-width: 2px; +} + +/* Component containers +----------------------------------*/ +.ui-widget { + font-family: Verdana, Arial, sans-serif; + font-size: 1.1em; +} +.ui-widget .ui-widget { + font-size: 1em; +} +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button { + font-family: Verdana, Arial, sans-serif; + font-size: 1em; +} +.ui-widget-content { + border: 1px solid #aaaaaa; + color: #222222; +} +.ui-widget-content a { + color: #222222; +} +.ui-widget-header { + border: 1px solid #aaaaaa; + color: #222222; + font-weight: bold; +} +.ui-widget-header a { + color: #222222; +} + +/* Interaction states +----------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + border: 1px solid #d3d3d3; + font-weight: normal; + color: #555555; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #555555; + text-decoration: none; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + border: 1px solid #999999; + font-weight: normal; + color: #212121; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-hover a:link, +.ui-state-hover a:visited, +.ui-state-focus a, +.ui-state-focus a:hover, +.ui-state-focus a:link, +.ui-state-focus a:visited { + color: #212121; + text-decoration: none; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { + border: 1px solid #aaaaaa; + font-weight: normal; + color: #212121; +} +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #212121; + text-decoration: none; +} + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + border: 1px solid #fcefa1; + color: #363636; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #363636; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + border: 1px solid #cd0a0a; + color: #cd0a0a; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #cd0a0a; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #cd0a0a; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: bold; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: 0.7; + filter: Alpha(Opacity=70); + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + opacity: 0.35; + filter: Alpha(Opacity=35); + background-image: none; +} +.ui-state-disabled .ui-icon { + filter: Alpha(Opacity=35); /* For IE8 - See #6059 */ +} + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + width: 16px; + height: 16px; +} + +/* positioning */ +.ui-icon-blank { + background-position: 16px 16px; +} +.ui-icon-carat-1-n { + background-position: 0 0; +} +.ui-icon-carat-1-ne { + background-position: -16px 0; +} +.ui-icon-carat-1-e { + background-position: -32px 0; +} +.ui-icon-carat-1-se { + background-position: -48px 0; +} +.ui-icon-carat-1-s { + background-position: -64px 0; +} +.ui-icon-carat-1-sw { + background-position: -80px 0; +} +.ui-icon-carat-1-w { + background-position: -96px 0; +} +.ui-icon-carat-1-nw { + background-position: -112px 0; +} +.ui-icon-carat-2-n-s { + background-position: -128px 0; +} +.ui-icon-carat-2-e-w { + background-position: -144px 0; +} +.ui-icon-triangle-1-n { + background-position: 0 -16px; +} +.ui-icon-triangle-1-ne { + background-position: -16px -16px; +} +.ui-icon-triangle-1-e { + background-position: -32px -16px; +} +.ui-icon-triangle-1-se { + background-position: -48px -16px; +} +.ui-icon-triangle-1-s { + background-position: -64px -16px; +} +.ui-icon-triangle-1-sw { + background-position: -80px -16px; +} +.ui-icon-triangle-1-w { + background-position: -96px -16px; +} +.ui-icon-triangle-1-nw { + background-position: -112px -16px; +} +.ui-icon-triangle-2-n-s { + background-position: -128px -16px; +} +.ui-icon-triangle-2-e-w { + background-position: -144px -16px; +} +.ui-icon-arrow-1-n { + background-position: 0 -32px; +} +.ui-icon-arrow-1-ne { + background-position: -16px -32px; +} +.ui-icon-arrow-1-e { + background-position: -32px -32px; +} +.ui-icon-arrow-1-se { + background-position: -48px -32px; +} +.ui-icon-arrow-1-s { + background-position: -64px -32px; +} +.ui-icon-arrow-1-sw { + background-position: -80px -32px; +} +.ui-icon-arrow-1-w { + background-position: -96px -32px; +} +.ui-icon-arrow-1-nw { + background-position: -112px -32px; +} +.ui-icon-arrow-2-n-s { + background-position: -128px -32px; +} +.ui-icon-arrow-2-ne-sw { + background-position: -144px -32px; +} +.ui-icon-arrow-2-e-w { + background-position: -160px -32px; +} +.ui-icon-arrow-2-se-nw { + background-position: -176px -32px; +} +.ui-icon-arrowstop-1-n { + background-position: -192px -32px; +} +.ui-icon-arrowstop-1-e { + background-position: -208px -32px; +} +.ui-icon-arrowstop-1-s { + background-position: -224px -32px; +} +.ui-icon-arrowstop-1-w { + background-position: -240px -32px; +} +.ui-icon-arrowthick-1-n { + background-position: 0 -48px; +} +.ui-icon-arrowthick-1-ne { + background-position: -16px -48px; +} +.ui-icon-arrowthick-1-e { + background-position: -32px -48px; +} +.ui-icon-arrowthick-1-se { + background-position: -48px -48px; +} +.ui-icon-arrowthick-1-s { + background-position: -64px -48px; +} +.ui-icon-arrowthick-1-sw { + background-position: -80px -48px; +} +.ui-icon-arrowthick-1-w { + background-position: -96px -48px; +} +.ui-icon-arrowthick-1-nw { + background-position: -112px -48px; +} +.ui-icon-arrowthick-2-n-s { + background-position: -128px -48px; +} +.ui-icon-arrowthick-2-ne-sw { + background-position: -144px -48px; +} +.ui-icon-arrowthick-2-e-w { + background-position: -160px -48px; +} +.ui-icon-arrowthick-2-se-nw { + background-position: -176px -48px; +} +.ui-icon-arrowthickstop-1-n { + background-position: -192px -48px; +} +.ui-icon-arrowthickstop-1-e { + background-position: -208px -48px; +} +.ui-icon-arrowthickstop-1-s { + background-position: -224px -48px; +} +.ui-icon-arrowthickstop-1-w { + background-position: -240px -48px; +} +.ui-icon-arrowreturnthick-1-w { + background-position: 0 -64px; +} +.ui-icon-arrowreturnthick-1-n { + background-position: -16px -64px; +} +.ui-icon-arrowreturnthick-1-e { + background-position: -32px -64px; +} +.ui-icon-arrowreturnthick-1-s { + background-position: -48px -64px; +} +.ui-icon-arrowreturn-1-w { + background-position: -64px -64px; +} +.ui-icon-arrowreturn-1-n { + background-position: -80px -64px; +} +.ui-icon-arrowreturn-1-e { + background-position: -96px -64px; +} +.ui-icon-arrowreturn-1-s { + background-position: -112px -64px; +} +.ui-icon-arrowrefresh-1-w { + background-position: -128px -64px; +} +.ui-icon-arrowrefresh-1-n { + background-position: -144px -64px; +} +.ui-icon-arrowrefresh-1-e { + background-position: -160px -64px; +} +.ui-icon-arrowrefresh-1-s { + background-position: -176px -64px; +} +.ui-icon-arrow-4 { + background-position: 0 -80px; +} +.ui-icon-arrow-4-diag { + background-position: -16px -80px; +} +.ui-icon-extlink { + background-position: -32px -80px; +} +.ui-icon-newwin { + background-position: -48px -80px; +} +.ui-icon-refresh { + background-position: -64px -80px; +} +.ui-icon-shuffle { + background-position: -80px -80px; +} +.ui-icon-transfer-e-w { + background-position: -96px -80px; +} +.ui-icon-transferthick-e-w { + background-position: -112px -80px; +} +.ui-icon-folder-collapsed { + background-position: 0 -96px; +} +.ui-icon-folder-open { + background-position: -16px -96px; +} +.ui-icon-document { + background-position: -32px -96px; +} +.ui-icon-document-b { + background-position: -48px -96px; +} +.ui-icon-note { + background-position: -64px -96px; +} +.ui-icon-mail-closed { + background-position: -80px -96px; +} +.ui-icon-mail-open { + background-position: -96px -96px; +} +.ui-icon-suitcase { + background-position: -112px -96px; +} +.ui-icon-comment { + background-position: -128px -96px; +} +.ui-icon-person { + background-position: -144px -96px; +} +.ui-icon-print { + background-position: -160px -96px; +} +.ui-icon-trash { + background-position: -176px -96px; +} +.ui-icon-locked { + background-position: -192px -96px; +} +.ui-icon-unlocked { + background-position: -208px -96px; +} +.ui-icon-bookmark { + background-position: -224px -96px; +} +.ui-icon-tag { + background-position: -240px -96px; +} +.ui-icon-home { + background-position: 0 -112px; +} +.ui-icon-flag { + background-position: -16px -112px; +} +.ui-icon-calendar { + background-position: -32px -112px; +} +.ui-icon-cart { + background-position: -48px -112px; +} +.ui-icon-pencil { + background-position: -64px -112px; +} +.ui-icon-clock { + background-position: -80px -112px; +} +.ui-icon-disk { + background-position: -96px -112px; +} +.ui-icon-calculator { + background-position: -112px -112px; +} +.ui-icon-zoomin { + background-position: -128px -112px; +} +.ui-icon-zoomout { + background-position: -144px -112px; +} +.ui-icon-search { + background-position: -160px -112px; +} +.ui-icon-wrench { + background-position: -176px -112px; +} +.ui-icon-gear { + background-position: -192px -112px; +} +.ui-icon-heart { + background-position: -208px -112px; +} +.ui-icon-star { + background-position: -224px -112px; +} +.ui-icon-link { + background-position: -240px -112px; +} +.ui-icon-cancel { + background-position: 0 -128px; +} +.ui-icon-plus { + background-position: -16px -128px; +} +.ui-icon-plusthick { + background-position: -32px -128px; +} +.ui-icon-minus { + background-position: -48px -128px; +} +.ui-icon-minusthick { + background-position: -64px -128px; +} +.ui-icon-close { + background-position: -80px -128px; +} +.ui-icon-closethick { + background-position: -96px -128px; +} +.ui-icon-key { + background-position: -112px -128px; +} +.ui-icon-lightbulb { + background-position: -128px -128px; +} +.ui-icon-scissors { + background-position: -144px -128px; +} +.ui-icon-clipboard { + background-position: -160px -128px; +} +.ui-icon-copy { + background-position: -176px -128px; +} +.ui-icon-contact { + background-position: -192px -128px; +} +.ui-icon-image { + background-position: -208px -128px; +} +.ui-icon-video { + background-position: -224px -128px; +} +.ui-icon-script { + background-position: -240px -128px; +} +.ui-icon-alert { + background-position: 0 -144px; +} +.ui-icon-info { + background-position: -16px -144px; +} +.ui-icon-notice { + background-position: -32px -144px; +} +.ui-icon-help { + background-position: -48px -144px; +} +.ui-icon-check { + background-position: -64px -144px; +} +.ui-icon-bullet { + background-position: -80px -144px; +} +.ui-icon-radio-on { + background-position: -96px -144px; +} +.ui-icon-radio-off { + background-position: -112px -144px; +} +.ui-icon-pin-w { + background-position: -128px -144px; +} +.ui-icon-pin-s { + background-position: -144px -144px; +} +.ui-icon-play { + background-position: 0 -160px; +} +.ui-icon-pause { + background-position: -16px -160px; +} +.ui-icon-seek-next { + background-position: -32px -160px; +} +.ui-icon-seek-prev { + background-position: -48px -160px; +} +.ui-icon-seek-end { + background-position: -64px -160px; +} +.ui-icon-seek-start { + background-position: -80px -160px; +} +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { + background-position: -80px -160px; +} +.ui-icon-stop { + background-position: -96px -160px; +} +.ui-icon-eject { + background-position: -112px -160px; +} +.ui-icon-volume-off { + background-position: -128px -160px; +} +.ui-icon-volume-on { + background-position: -144px -160px; +} +.ui-icon-power { + background-position: 0 -176px; +} +.ui-icon-signal-diag { + background-position: -16px -176px; +} +.ui-icon-signal { + background-position: -32px -176px; +} +.ui-icon-battery-0 { + background-position: -48px -176px; +} +.ui-icon-battery-1 { + background-position: -64px -176px; +} +.ui-icon-battery-2 { + background-position: -80px -176px; +} +.ui-icon-battery-3 { + background-position: -96px -176px; +} +.ui-icon-circle-plus { + background-position: 0 -192px; +} +.ui-icon-circle-minus { + background-position: -16px -192px; +} +.ui-icon-circle-close { + background-position: -32px -192px; +} +.ui-icon-circle-triangle-e { + background-position: -48px -192px; +} +.ui-icon-circle-triangle-s { + background-position: -64px -192px; +} +.ui-icon-circle-triangle-w { + background-position: -80px -192px; +} +.ui-icon-circle-triangle-n { + background-position: -96px -192px; +} +.ui-icon-circle-arrow-e { + background-position: -112px -192px; +} +.ui-icon-circle-arrow-s { + background-position: -128px -192px; +} +.ui-icon-circle-arrow-w { + background-position: -144px -192px; +} +.ui-icon-circle-arrow-n { + background-position: -160px -192px; +} +.ui-icon-circle-zoomin { + background-position: -176px -192px; +} +.ui-icon-circle-zoomout { + background-position: -192px -192px; +} +.ui-icon-circle-check { + background-position: -208px -192px; +} +.ui-icon-circlesmall-plus { + background-position: 0 -208px; +} +.ui-icon-circlesmall-minus { + background-position: -16px -208px; +} +.ui-icon-circlesmall-close { + background-position: -32px -208px; +} +.ui-icon-squaresmall-plus { + background-position: -48px -208px; +} +.ui-icon-squaresmall-minus { + background-position: -64px -208px; +} +.ui-icon-squaresmall-close { + background-position: -80px -208px; +} +.ui-icon-grip-dotted-vertical { + background-position: 0 -224px; +} +.ui-icon-grip-dotted-horizontal { + background-position: -16px -224px; +} +.ui-icon-grip-solid-vertical { + background-position: -32px -224px; +} +.ui-icon-grip-solid-horizontal { + background-position: -48px -224px; +} +.ui-icon-gripsmall-diagonal-se { + background-position: -64px -224px; +} +.ui-icon-grip-diagonal-se { + background-position: -80px -224px; +} + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 4px; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 4px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 4px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 4px; +} + +/* Overlays */ +.ui-widget-overlay { + opacity: 0.3; + filter: Alpha(Opacity=30); +} +.ui-widget-shadow { + margin: -8px 0 0 -8px; + padding: 8px; + opacity: 0.3; + filter: Alpha(Opacity=30); + border-radius: 8px; +} \ No newline at end of file diff --git a/SplunkAppForWazuh/appserver/static/css/styles/kbn.css b/SplunkAppForWazuh/appserver/static/css/styles/kbn.css new file mode 100644 index 000000000..586fc1c22 --- /dev/null +++ b/SplunkAppForWazuh/appserver/static/css/styles/kbn.css @@ -0,0 +1,104 @@ +.euiSwitch { + position: relative; + display: inline-block; + min-height: 20px; + } + + .euiSwitch .euiSwitch__input, .euiSwitch .euiSwitch__input[disabled] { + position: absolute; + opacity: 0; + width: 100%; + height: 100%; + cursor: pointer; +} + +.euiSwitch .euiSwitch__body { + pointer-events: none; + width: 44px; + height: 20px; + background-color: #006BB4; + display: inline-block; + position: relative; + border-radius: 20px; + vertical-align: middle; +} + +.euiSwitch .euiSwitch__thumb { + -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3); + box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3); + padding: 9px; + border: 1px solid #c9cbcd; + background: #FFF no-repeat center; + border-radius: 18px; + -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in; + transition: background-color 150ms ease-in, border-color 150ms ease-in; + position: absolute; + display: inline-block; + left: 24px; + -webkit-transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1); + transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1); + transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1); + transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1); +} + +.euiSwitch .euiSwitch__track { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + overflow: hidden; + border-radius: 20px; +} + +.euiSwitch .euiSwitch__icon { + position: absolute; + right: -34px; + top: 2px; + bottom: 0; + width: 42px; + height: 16px; + -webkit-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1); + transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1); + fill: #2D2D2D; +} + +.euiIcon--medium { + width: 16px; + height: 16px; +} +.euiIcon { + display: inline-block; + vertical-align: middle; + fill: currentColor; +} + +.euiSwitch .euiSwitch__icon--checked { + right: auto; + left: -8px; + fill: #FFF; +} + +.euiSwitch .euiSwitch__label { + padding-left: 8px; + line-height: 20px; + font-size: 14px; + vertical-align: middle; +} + +.euiSwitch .euiSwitch__input:not(:checked):not(:disabled) ~ .euiSwitch__body { + background-color: rgba(152, 162, 179, 0.2); +} + +.euiSwitch .euiSwitch__input:not(:checked) ~ .euiSwitch__body .euiSwitch__thumb { + left: 0; +} + +.euiSwitch .euiSwitch__input:not(:checked) ~ .euiSwitch__body .euiSwitch__icon { + right: -8px; +} + +.euiSwitch .euiSwitch__input:not(:checked) ~ .euiSwitch__body .euiSwitch__icon.euiSwitch__icon--checked { + right: auto; + left: -34px; +} \ No newline at end of file diff --git a/SplunkAppForWazuh/appserver/static/css/styles/layout.css b/SplunkAppForWazuh/appserver/static/css/styles/layout.css index b147eccb6..8094bfef6 100644 --- a/SplunkAppForWazuh/appserver/static/css/styles/layout.css +++ b/SplunkAppForWazuh/appserver/static/css/styles/layout.css @@ -66,7 +66,7 @@ } .wz-margin-left-10 { - margin-left: 10px; + margin-left: 10px !important; } .no-margin-left { @@ -131,6 +131,9 @@ .wz-padding-right-17 { padding-right: 17px; } +.wz-padding-right-25 { + padding-right: 25px; +} .wz-padding-metric { line-height: 16px; diff --git a/SplunkAppForWazuh/appserver/static/css/styles/loader.css b/SplunkAppForWazuh/appserver/static/css/styles/loader.css index b41e32b64..3785b2346 100644 --- a/SplunkAppForWazuh/appserver/static/css/styles/loader.css +++ b/SplunkAppForWazuh/appserver/static/css/styles/loader.css @@ -8,6 +8,8 @@ @import "table_decorations.css"; @import "layout.css"; @import "common.css"; +@import "jquery-ui.css"; +@import "kbn.css"; @import "component.css"; @import "typography.css"; @import "height.css"; diff --git a/SplunkAppForWazuh/appserver/static/css/styles/typography.css b/SplunkAppForWazuh/appserver/static/css/styles/typography.css index fa3a8372f..cb34f6e3c 100644 --- a/SplunkAppForWazuh/appserver/static/css/styles/typography.css +++ b/SplunkAppForWazuh/appserver/static/css/styles/typography.css @@ -91,6 +91,10 @@ font-size: 15px; } +.font-size-16 { + font-size: 16px; +} + .font-size-16-pt { font-size: 16pt; } diff --git a/SplunkAppForWazuh/appserver/static/css/styles/wazuh_decorations.css b/SplunkAppForWazuh/appserver/static/css/styles/wazuh_decorations.css index 11bdac0d5..4bb6d23e4 100644 --- a/SplunkAppForWazuh/appserver/static/css/styles/wazuh_decorations.css +++ b/SplunkAppForWazuh/appserver/static/css/styles/wazuh_decorations.css @@ -126,7 +126,7 @@ } .wz-margin-left-10 { - margin-left: 10px; + margin-left: 10px !important; } .wz-margin-left-16 { @@ -170,7 +170,11 @@ } .wz-margin-bottom-10 { - margin-bottom: 10px; + margin-bottom: 10px !important; +} + +.wz-margin-top--20 { + margin-top: -20px !important; } /* Classes for custom shadows for dashboard cells */ diff --git a/SplunkAppForWazuh/appserver/static/js/config/routes/overview-states.js b/SplunkAppForWazuh/appserver/static/js/config/routes/overview-states.js index 3db1c63e8..fc00a973a 100644 --- a/SplunkAppForWazuh/appserver/static/js/config/routes/overview-states.js +++ b/SplunkAppForWazuh/appserver/static/js/config/routes/overview-states.js @@ -126,6 +126,33 @@ define(['../module'], function(module) { } ] } + })// Overview - SCA Security Configuration Assessment + .state('ow-sca', { + templateUrl: + BASE_URL + + 'static/app/SplunkAppForWazuh/js/controllers/overview/sca/overview-sca.html', + onEnter: $navigationService => { + $navigationService.storeRoute('ow-sca') + }, + controller: 'overviewSCACtrl', + resolve: { + reportingEnabled: [ + '$currentDataService', + async $currentDataService => { + return await $currentDataService.getReportingStatus() + } + ], + extensions: [ + '$currentDataService', + async $currentDataService => { + try { + return await $currentDataService.getCurrentExtensions() + } catch (err) { + return false + } + } + ] + } }) // Overview - FIM .state('ow-fim', { diff --git a/SplunkAppForWazuh/appserver/static/js/controllers/agents/agents/agents.html b/SplunkAppForWazuh/appserver/static/js/controllers/agents/agents/agents.html index 48b2b3fa7..fa86d3515 100644 --- a/SplunkAppForWazuh/appserver/static/js/controllers/agents/agents/agents.html +++ b/SplunkAppForWazuh/appserver/static/js/controllers/agents/agents/agents.html @@ -1,123 +1,109 @@ -
+
+
- - - Status + +
+
+ + Status + + + +
+ There are no agents yet. +
+
+ +
+
+
+ + Details + -
-
-
-

Active

-

{{ agentsCountActive }}

+
+
+ +
+
+

Active

+
+

{{agentsCountActive}}

-
-

Disconnected

-

- {{ agentsCountDisconnected }} -

+
+
+ +
+
+

Disconnected

+
+

{{agentsCountDisconnected}}

-
-
-

Never connected

-

- {{ agentsCountNeverConnected }} -

+
+ +
+
+

Never connected

+
+

{{agentsCountNeverConnected}}

-
-

Agents coverage

-

- {{ agentsCoverity | number: 2 }}% -

-

0

+
+
+ +
+
+

Agents coverage

+
+

{{(agentsCoverity | number:2)}}%

- - - - - Top - -
-

Last registered agent

-

- {{ lastAgent.name }} - - Click to open this agent - -

-

- {{ lastAgent.name }} - (manager) - - Click to open this agent - -

-
-
-

Higher activity

-

- {{ mostActiveAgent }} - - Click to open this agent - -

- +
+
+ +
+
+

Last registered agent

+
+

+ {{lastAgent.name}}

+

+ -

+
+
+
+ +
+
+

Most active agent

+
+

+ {{mostActiveAgent}}

+

+ -

+
+
- - +
+ +
+
- -
@@ -125,33 +111,22 @@
- + allow-click="true" rows-per-page="17">
- +  Formatted + d="M9 10.114l1.85-1.943a.52.52 0 0 1 .77 0c.214.228.214.6 0 .829l-1.95 2.05a1.552 1.552 0 0 1-2.31 0L5.41 9a.617.617 0 0 1 0-.829.52.52 0 0 1 .77 0L8 10.082V1.556C8 1.249 8.224 1 8.5 1s.5.249.5.556v8.558zM4.18 6a.993.993 0 0 0-.972.804l-1.189 6A.995.995 0 0 0 2.991 14h11.018a1 1 0 0 0 .972-1.196l-1.19-6a.993.993 0 0 0-.97-.804H4.18zM6 5v1h5V5h1.825c.946 0 1.76.673 1.946 1.608l1.19 6A2 2 0 0 1 14.016 15H2.984a1.992 1.992 0 0 1-1.945-2.392l1.19-6C2.414 5.673 3.229 5 4.174 5H6z"> + +  Formatted
-
+
\ No newline at end of file diff --git a/SplunkAppForWazuh/appserver/static/js/controllers/agents/agents/agentsCtrl.js b/SplunkAppForWazuh/appserver/static/js/controllers/agents/agents/agentsCtrl.js index d2fdf50b6..78ed95de6 100644 --- a/SplunkAppForWazuh/appserver/static/js/controllers/agents/agents/agentsCtrl.js +++ b/SplunkAppForWazuh/appserver/static/js/controllers/agents/agents/agentsCtrl.js @@ -14,7 +14,7 @@ define([ '../../module', '../../../services/visualizations/search/search-handler', 'FileSaver' -], function(app, SearchHandler) { +], function (app, SearchHandler) { 'use strict' class Agents { @@ -107,7 +107,7 @@ define([ if (this.clusterInfo && this.clusterInfo.status === 'enabled') { this.scope.searchBarModel.node_name = nodes || [] } - } catch (error) {} //eslint-disable-line + } catch (error) { } //eslint-disable-line this.topAgent = new SearchHandler( 'searchTopAgent', @@ -141,6 +141,35 @@ define([ this.topAgent.destroy() }) this.scope.reloadList = () => this.reloadList() + + this.scope.loadCharts = (id) => { + setTimeout(() => { + const chart = new Chart(document.getElementById(id), + { + type: "doughnut", + data: { + labels: ["Active", "Disconected", "Never connected"], + datasets: [ + { + backgroundColor: ['#46BFBD', '#F7464A', '#949FB1'], + data: [this.scope.agentsCountActive, this.scope.agentsCountDisconnected, this.scope.agentsCountNeverConnected], + } + ] + }, + options: { + cutoutPercentage: 85, + legend: { + display: true, + position: "right", + }, + tooltips: { + displayColors: false + } + } + }); + chart.update(); + }, 250); + } } /** diff --git a/SplunkAppForWazuh/appserver/static/js/controllers/agents/audit/agents-audit.html b/SplunkAppForWazuh/appserver/static/js/controllers/agents/audit/agents-audit.html index 960959860..ba7a91363 100644 --- a/SplunkAppForWazuh/appserver/static/js/controllers/agents/audit/agents-audit.html +++ b/SplunkAppForWazuh/appserver/static/js/controllers/agents/audit/agents-audit.html @@ -1,185 +1,142 @@ -
- -
+
+
Agents / - {{agent.name}} ({{agent.id}}) + {{agent.name}} ({{agent.id}}) Unknown agent / Audit -
-
- {{formatAgentStatus(agent.status)}} + + {{formatAgentStatus(agent.status)}} +
- - -
-
+ + +
- - -
Generating report
- +
+
+ + +
{{reportStatus}}
+ - - Policy monitoring + + Policy monitoring + SCA System auditing - OpenSCAP - CIS-CAT - - + OpenSCAP + CIS-CAT + + - -
- - -
New files: - -
-
Read files: - -
-
Modified files: - -
-
Removed files: - -
- - -
- -
- - - Groups - - - -
- - - - - Agents - - - -
- - - - - Directories - - - -
- - - - - Files - - - -
- - -
- -
- - - Alerts over time - - - -
- - +
+
+ Fetching data...
+
+
+ +
+ + +
New files: + +
+
Read files: + +
+
Modified files: + +
+
Removed files: + +
+ + +
-
-
- +
+ - File read access - + Groups + + + -
+
+ + + + + Commands + + + + + +
+ + + + + Files + + + + + +
-
- +
+ - File write access - + Alerts over time + + + -
+
- -
- + +
+ - Commands - + Alerts summary + + + -
+
-
- - - Created files - - - -
- - - - - Removed files - - - -
- - -
-
- - - Alerts summary - - - -
- - -
- \ No newline at end of file diff --git a/SplunkAppForWazuh/appserver/static/js/controllers/agents/audit/agentsAuditCtrl.js b/SplunkAppForWazuh/appserver/static/js/controllers/agents/audit/agentsAuditCtrl.js index e3a6156dc..4840e6eb7 100644 --- a/SplunkAppForWazuh/appserver/static/js/controllers/agents/audit/agentsAuditCtrl.js +++ b/SplunkAppForWazuh/appserver/static/js/controllers/agents/audit/agentsAuditCtrl.js @@ -154,18 +154,12 @@ define([ 'groupsVizz', this.scope ), - new ColumnChart( - 'agentsVizz', - `${this.filters} sourcetype=wazuh agent.name=* | top agent.name`, - 'agentsVizz', - this.scope - ), new PieChart( - 'directoriesVizz', + 'commandsVizz', `${ this.filters - } sourcetype=wazuh audit.directory.name=* | top audit.directory.name`, - 'directoriesVizz', + } sourcetype=wazuh | top limit=5 data.audit.command`, + 'commandsVizz', this.scope ), new PieChart( @@ -184,44 +178,6 @@ define([ 'alertsOverTimeVizz', this.scope ), - new PieChart( - 'fileReadAccessVizz', - `${ - this.filters - } sourcetype=wazuh rule.id=80784 | top audit.file.name`, - 'fileReadAccessVizz', - this.scope - ), - new PieChart( - 'fileWriteAccessVizz', - `${ - this.filters - } sourcetype=wazuh rule.id=80781 | top audit.file.name`, - 'fileWriteAccessVizz', - this.scope - ), - new BarChart( - 'comandsVizz', - `${this.filters} sourcetype=wazuh | top audit.command`, - 'comandsVizz', - this.scope - ), - new BarChart( - 'createdVizz', - `${ - this.filters - } sourcetype=wazuh rule.id=80790 | top audit.file.name`, - 'createdVizz', - this.scope - ), - new PieChart( - 'removedFilesVizz', - `${ - this.filters - } sourcetype=wazuh rule.id=80791 | top audit.file.name`, - 'removedFilesVizz', - this.scope - ), new Table( 'alertsSummaryVizz', `${ @@ -269,15 +225,9 @@ define([ this.filters, [ 'groupsVizz', - 'agentsVizz', - 'directoriesVizz', + 'commandsVizz', 'filesVizz', 'alertsOverTimeVizz', - 'fileReadAccessVizz', - 'fileWriteAccessVizz', - 'comandsVizz', - 'createdVizz', - 'removedFilesVizz', 'alertsSummaryVizz' ], this.reportMetrics, @@ -320,6 +270,7 @@ define([ * On controller loads */ $onInit() { + this.scope.loadingVizz = true this.scope.agent = this.agent && this.agent.data && this.agent.data.data ? this.agent.data.data diff --git a/SplunkAppForWazuh/appserver/static/js/controllers/agents/ciscat/agents-ciscat.html b/SplunkAppForWazuh/appserver/static/js/controllers/agents/ciscat/agents-ciscat.html index e3b3f925e..d35ddd828 100644 --- a/SplunkAppForWazuh/appserver/static/js/controllers/agents/ciscat/agents-ciscat.html +++ b/SplunkAppForWazuh/appserver/static/js/controllers/agents/ciscat/agents-ciscat.html @@ -1,127 +1,144 @@ -
- -
+
+
Agents / - {{agent.name}} ({{agent.id}}) + {{agent.name}} ({{agent.id}}) Unknown agent / CIS-CAT -
-
- {{formatAgentStatus(agent.status)}} + + {{formatAgentStatus(agent.status)}} +
- - -
-
+ + +
- - -
Generating report
- - - - Policy monitoring - SCA - System auditing - OpenSCAP - CIS-CAT - - +
+
+ + +
{{reportStatus}}
+ + + + Policy monitoring + + SCA + System auditing + OpenSCAP + CIS-CAT + + - - - -
- - -
Last not checked: - -
-
Last pass: - -
-
Last scan score: - -
-
Last scan date: - -
- - -
-
- - -
Last errors: - -
-
Last fails: - -
-
Last unknown: - -
-
Last scan benchmark: - -
- - + +
+
+ Fetching data...
+
- -
-
- - - Top 5 CIS-CAT groups - - - -
- +
+ + +
+ + +
Last not checked: + +
+
Last pass: + +
+
Last scan score: + +
+
Last scan date: + +
- -
- - - Scan result evolution - - - -
+
+ + +
Last errors: + +
+
Last fails: + +
+
Last unknown: + +
+
Last scan benchmark: + +
- -
- -
-
- - - Alerts summary - - - -
- - + +
+
+ + + Top 5 CIS-CAT groups + + + + + +
+ + +
+ +
+ + + Scan result evolution + + + + + +
+ + +
+
+ +
+
+ + + Alerts summary + + + + + +
+ + +
- \ No newline at end of file diff --git a/SplunkAppForWazuh/appserver/static/js/controllers/agents/ciscat/agentsCiscatCtrl.js b/SplunkAppForWazuh/appserver/static/js/controllers/agents/ciscat/agentsCiscatCtrl.js index d723dc825..bc4a2f685 100644 --- a/SplunkAppForWazuh/appserver/static/js/controllers/agents/ciscat/agentsCiscatCtrl.js +++ b/SplunkAppForWazuh/appserver/static/js/controllers/agents/ciscat/agentsCiscatCtrl.js @@ -260,6 +260,7 @@ define([ * On controller loads */ $onInit() { + this.scope.loadingVizz = true this.scope.agent = this.agent && this.agent.data && this.agent.data.data ? this.agent.data.data diff --git a/SplunkAppForWazuh/appserver/static/js/controllers/agents/configuration-assessment/agents-ca.html b/SplunkAppForWazuh/appserver/static/js/controllers/agents/configuration-assessment/agents-ca.html index 2e895e609..7efb6896f 100644 --- a/SplunkAppForWazuh/appserver/static/js/controllers/agents/configuration-assessment/agents-ca.html +++ b/SplunkAppForWazuh/appserver/static/js/controllers/agents/configuration-assessment/agents-ca.html @@ -1,8 +1,8 @@ -
+
-
+
Agents / Unknown agent / Configuration assessment -
-
- {{formatAgentStatus(agent.status)}} + + {{formatAgentStatus(agent.status)}} +
- + Waiting for reporting information + breadcrumbs="{section: 'Agents', subSection: 'Policity monitoring', agentName: agent.name, agentId: agent.id, ref: 'agents', agentRef: 'agent-overview'}">
+
-
Generating report