AMBARI-22368 Log Search UI: move top menu down. (Istvan Tobias via ababiichuk)
Project: http://git-wip-us.apache.org/repos/asf/ambari/repo Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/976153f9 Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/976153f9 Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/976153f9 Branch: refs/heads/branch-feature-AMBARI-21674 Commit: 976153f96bc333ad6f50196edba0ce2edb8e9078 Parents: 1afee60 Author: Istvan Tobias <[email protected]> Authored: Mon Nov 6 19:14:42 2017 +0200 Committer: ababiichuk <[email protected]> Committed: Mon Nov 6 19:19:15 2017 +0200 ---------------------------------------------------------------------- .../ambari-logsearch-web/src/app/app.module.ts | 2 + .../action-menu/action-menu.component.html | 20 ++++ .../action-menu/action-menu.component.less | 27 +++++ .../action-menu/action-menu.component.spec.ts | 47 +++++++++ .../action-menu/action-menu.component.ts | 105 +++++++++++++++++++ .../src/app/components/app.component.html | 4 +- .../src/app/components/app.component.less | 5 +- .../logs-container.component.html | 58 +++++----- .../logs-container.component.less | 3 + .../main-container.component.html | 2 +- .../src/app/components/mixins.less | 5 + .../components/top-menu/top-menu.component.html | 10 +- .../components/top-menu/top-menu.component.less | 1 + .../components/top-menu/top-menu.component.ts | 83 +-------------- .../src/app/components/variables.less | 3 + 15 files changed, 261 insertions(+), 114 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/app.module.ts ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/app.module.ts b/ambari-logsearch/ambari-logsearch-web/src/app/app.module.ts index 37cd869..488437e 100644 --- a/ambari-logsearch/ambari-logsearch-web/src/app/app.module.ts +++ b/ambari-logsearch/ambari-logsearch-web/src/app/app.module.ts @@ -73,6 +73,7 @@ import {PaginationComponent} from '@app/components/pagination/pagination.compone import {PaginationControlsComponent} from '@app/components/pagination-controls/pagination-controls.component'; import {TimeHistogramComponent} from '@app/components/time-histogram/time-histogram.component'; import {LogsContainerComponent} from '@app/components/logs-container/logs-container.component'; +import {ActionMenuComponent} from "@app/components/action-menu/action-menu.component"; import {ModalComponent} from '@app/components/modal/modal.component'; import {TimeZonePickerComponent} from '@app/components/timezone-picker/timezone-picker.component'; import {NodeBarComponent} from '@app/components/node-bar/node-bar.component'; @@ -125,6 +126,7 @@ export function getXHRBackend(injector: Injector, browser: BrowserXhr, xsrf: XSR PaginationControlsComponent, TimeHistogramComponent, LogsContainerComponent, + ActionMenuComponent, ModalComponent, TimeZonePickerComponent, NodeBarComponent, http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.html ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.html b/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.html new file mode 100644 index 0000000..ab6326a --- /dev/null +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.html @@ -0,0 +1,20 @@ +<!-- + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. +--> +<menu-button *ngFor="let item of items" label="{{item.label | translate}}" [action]="item.action" + [iconClass]="item.iconClass" [labelClass]="item.labelClass" [subItems]="item.subItems" + [hideCaret]="item.hideCaret" [badge]="item.badge" [isRightAlign]="item.isRightAlign"> +</menu-button> http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.less ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.less b/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.less new file mode 100644 index 0000000..880a97b --- /dev/null +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.less @@ -0,0 +1,27 @@ +/** + * Licensed to the Apache Software Foundation (ASF) under one or more + * contributor license agreements. See the NOTICE file distributed with + * this work for additional information regarding copyright ownership. + * The ASF licenses this file to You under the Apache License, Version 2.0 + * (the "License"); you may not use this file except in compliance with + * the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +@import '../variables'; + +:host { + display: block; + margin-left: auto; + menu-button { + margin: 0 1em; + color: @table-border-color; + } +} http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.spec.ts ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.spec.ts b/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.spec.ts new file mode 100644 index 0000000..081304e --- /dev/null +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.spec.ts @@ -0,0 +1,47 @@ +/** + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core'; +import {async, ComponentFixture, TestBed} from '@angular/core/testing'; +import {TranslationModules} from '@app/test-config.spec'; + +import {ActionMenuComponent} from './action-menu.component'; + +describe('ActionMenuComponent', () => { + let component: ActionMenuComponent; + let fixture: ComponentFixture<ActionMenuComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + imports: TranslationModules, + declarations: [ActionMenuComponent], + schemas: [CUSTOM_ELEMENTS_SCHEMA] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ActionMenuComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create component', () => { + expect(component).toBeTruthy(); + }); +}); http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.ts ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.ts b/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.ts new file mode 100644 index 0000000..58e0025 --- /dev/null +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/action-menu/action-menu.component.ts @@ -0,0 +1,105 @@ +/** + * Licensed to the Apache Software Foundation (ASF) under one + * or more contributor license agreements. See the NOTICE file + * distributed with this work for additional information + * regarding copyright ownership. The ASF licenses this file + * to you under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance + * with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import {Component} from '@angular/core'; + +@Component({ + selector: 'action-menu', + templateUrl: './action-menu.component.html', + styleUrls: ['./action-menu.component.less'] +}) +export class ActionMenuComponent { + + //TODO implement loading of real data into subItems + readonly items = [ + { + iconClass: 'fa fa-arrow-left', + label: 'topMenu.undo', + labelClass: 'unstyled-link', + action: 'undo', + subItems: [ + { + label: 'Apply \'Last week\' filter' + }, + { + label: 'Clear all filters' + }, + { + label: 'Apply \'HDFS\' filter' + }, + { + label: 'Apply \'Errors\' filter' + } + ] + }, + { + iconClass: 'fa fa-arrow-right', + label: 'topMenu.redo', + labelClass: 'unstyled-link', + action: 'redo', + subItems: [ + { + label: 'Apply \'Warnings\' filter' + }, + { + label: 'Switch to graph mode' + }, + { + label: 'Apply \'Custom Date\' filter' + } + ] + }, + { + iconClass: 'fa fa-refresh', + label: 'topMenu.refresh', + labelClass: 'unstyled-link', + action: 'refresh' + }, + { + iconClass: 'fa fa-history', + label: 'topMenu.history', + labelClass: 'unstyled-link', + action: 'openHistory', + isRightAlign: true, + subItems: [ + { + label: 'Apply \'Custom Date\' filter' + }, + { + label: 'Switch to graph mode' + }, + { + label: 'Apply \'Warnings\' filter' + }, + { + label: 'Apply \'Last week\' filter' + }, + { + label: 'Clear all filters' + }, + { + label: 'Apply \'HDFS\' filter' + }, + { + label: 'Apply \'Errors\' filter' + } + ] + } + ]; + +} http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/app.component.html ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/app.component.html b/ambari-logsearch/ambari-logsearch-web/src/app/components/app.component.html index a0444c9..833f43f 100644 --- a/ambari-logsearch/ambari-logsearch-web/src/app/components/app.component.html +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/app.component.html @@ -18,8 +18,8 @@ <header> <nav class="navbar navbar-fixed-top"> <div class="container-fluid"> - <h1 [ngClass]="{'full-flex-width': !isAuthorized, 'navbar-left': true}">{{'common.title' | translate}}</h1> - <top-menu *ngIf="isAuthorized" class="navbar-right"></top-menu> + <h1 [ngClass]="{'full-flex-width': !isAuthorized, 'pull-left': true}">{{'common.title' | translate}}</h1> + <top-menu *ngIf="isAuthorized"></top-menu> </div> </nav> </header> http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/app.component.less ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/app.component.less b/ambari-logsearch/ambari-logsearch-web/src/app/components/app.component.less index 8731582..f0fecfc 100644 --- a/ambari-logsearch/ambari-logsearch-web/src/app/components/app.component.less +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/app.component.less @@ -31,11 +31,10 @@ color: #fff; .container-fluid { - .default-flex; + .stretch-flex; } h1 { - flex-basis: 70%; margin-bottom: @h1-vertical-margin; text-transform: uppercase; @@ -45,7 +44,7 @@ } /deep/ top-menu { - flex-basis: 30%; + margin-left: auto; } } } http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/logs-container/logs-container.component.html ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/logs-container/logs-container.component.html b/ambari-logsearch/ambari-logsearch-web/src/app/components/logs-container/logs-container.component.html index 70150a5..2c3a3b9 100644 --- a/ambari-logsearch/ambari-logsearch-web/src/app/components/logs-container/logs-container.component.html +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/logs-container/logs-container.component.html @@ -15,30 +15,40 @@ limitations under the License. --> -<div class="tabs-container row"> - <tabs class="col-md-12" [items]="tabs | async" (tabSwitched)="onSwitchTab($event)" - (tabClosed)="onCloseTab($event[0], $event[1])"></tabs> +<div class="tabs-container container-fluid"> + <div class="row"> + <div class="col-md-12"> + <tabs class="pull-left" [items]="tabs | async" (tabSwitched)="onSwitchTab($event)" + (tabClosed)="onCloseTab($event[0], $event[1])"></tabs> + <action-menu class="pull-right"></action-menu> + </div> + </div> </div> -<filters-panel class="row" [filtersForm]="filtersForm"></filters-panel> -<div *ngIf="autoRefreshRemainingSeconds" class="col-md-12"> - <div class="auto-refresh-message pull-right"> - {{'filter.capture.triggeringRefresh' | translate: autoRefreshMessageParams}} +<div class="container-fluid"> + <filters-panel class="row" [filtersForm]="filtersForm"></filters-panel> + <div class="row"> + <div *ngIf="autoRefreshRemainingSeconds" class="col-md-12"> + <div class="auto-refresh-message pull-right"> + {{'filter.capture.triggeringRefresh' | translate: autoRefreshMessageParams}} + </div> + </div> + + <!-- TODO use plugin for singular/plural --> + <div class="logs-header col-md-12">{{ + (!totalEventsFoundMessageParams.totalCount ? 'logs.noEventFound' : + (totalEventsFoundMessageParams.totalCount === 1 ? 'logs.oneEventFound' : 'logs.totalEventFound')) + | translate: totalEventsFoundMessageParams + }}</div> </div> + <collapsible-panel openTitle="logs.hideGraph" collapsedTitle="logs.showGraph"> + <time-histogram [data]="histogramData" [customOptions]="histogramOptions" svgId="service-logs-histogram" + (selectArea)="setCustomTimeRange($event[0], $event[1])"></time-histogram> + </collapsible-panel> + <dropdown-button *ngIf="!isServiceLogsFileView" class="pull-right" label="logs.columns" + [options]="availableColumns | async" [isRightAlign]="true" [isMultipleChoice]="true" + action="updateSelectedColumns" [additionalArgs]="logsTypeMapObject.fieldsModel"></dropdown-button> + <logs-list [logs]="logs | async" [totalCount]="totalCount" [displayedColumns]="displayedColumns" + [isServiceLogsFileView]="isServiceLogsFileView" [filtersForm]="filtersForm"></logs-list> + <log-context *ngIf="isServiceLogContextView" [hostName]="activeLog.host_name" [componentName]="activeLog.component_name" + [id]="activeLog.id"></log-context> </div> -<!-- TODO use plugin for singular/plural --> -<div class="logs-header">{{ - (!totalEventsFoundMessageParams.totalCount ? 'logs.noEventFound' : - (totalEventsFoundMessageParams.totalCount === 1 ? 'logs.oneEventFound' : 'logs.totalEventFound')) - | translate: totalEventsFoundMessageParams -}}</div> -<collapsible-panel openTitle="logs.hideGraph" collapsedTitle="logs.showGraph"> - <time-histogram [data]="histogramData" [customOptions]="histogramOptions" svgId="service-logs-histogram" - (selectArea)="setCustomTimeRange($event[0], $event[1])"></time-histogram> -</collapsible-panel> -<dropdown-button *ngIf="!isServiceLogsFileView" class="pull-right" label="logs.columns" - [options]="availableColumns | async" [isRightAlign]="true" [isMultipleChoice]="true" - action="updateSelectedColumns" [additionalArgs]="logsTypeMapObject.fieldsModel"></dropdown-button> -<logs-list [logs]="logs | async" [totalCount]="totalCount" [displayedColumns]="displayedColumns" - [isServiceLogsFileView]="isServiceLogsFileView" [filtersForm]="filtersForm"></logs-list> -<log-context *ngIf="isServiceLogContextView" [hostName]="activeLog.host_name" [componentName]="activeLog.component_name" - [id]="activeLog.id"></log-context> http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/logs-container/logs-container.component.less ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/logs-container/logs-container.component.less b/ambari-logsearch/ambari-logsearch-web/src/app/components/logs-container/logs-container.component.less index 23d5f92..9902b79 100644 --- a/ambari-logsearch/ambari-logsearch-web/src/app/components/logs-container/logs-container.component.less +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/logs-container/logs-container.component.less @@ -25,6 +25,9 @@ .tabs-container, .auto-refresh-message { background-color: @filters-panel-background-color; } + .tabs-container { + border-bottom: 1px solid @table-border-color; + } filters-panel { margin-bottom: @block-margin-top; http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/main-container/main-container.component.html ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/main-container/main-container.component.html b/ambari-logsearch/ambari-logsearch-web/src/app/components/main-container/main-container.component.html index 2061582..95dd238 100644 --- a/ambari-logsearch/ambari-logsearch-web/src/app/components/main-container/main-container.component.html +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/main-container/main-container.component.html @@ -20,4 +20,4 @@ <span class="fa fa-spinner fa-spin"></span> </div> <login-form *ngIf="!isInitialLoading && !isAuthorized"></login-form> -<logs-container *ngIf="isAuthorized" class="col-md-12"></logs-container> +<logs-container *ngIf="isAuthorized"></logs-container> http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/mixins.less ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/mixins.less b/ambari-logsearch/ambari-logsearch-web/src/app/components/mixins.less index 2e46213..5fa265b 100644 --- a/ambari-logsearch/ambari-logsearch-web/src/app/components/mixins.less +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/mixins.less @@ -28,6 +28,11 @@ justify-content: space-between; } +.stretch-flex { + align-items: stretch; + display: flex; +} + .common-hexagon(@side, @color) { display: block; position: absolute; http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.html ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.html b/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.html index a7858a5..369ddd4 100644 --- a/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.html +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.html @@ -15,7 +15,9 @@ limitations under the License. --> -<menu-button *ngFor="let item of items" label="{{item.label | translate}}" [action]="item.action" - [iconClass]="item.iconClass" [labelClass]="item.labelClass" - [subItems]="item.subItems" [hideCaret]="item.hideCaret" [badge]="item.badge"> -</menu-button> +<div class="pull-right"> + <menu-button *ngFor="let item of items" label="{{item.label | translate}}" [action]="item.action" + [iconClass]="item.iconClass" [labelClass]="item.labelClass" [subItems]="item.subItems" + [hideCaret]="item.hideCaret" [badge]="item.badge" [isRightAlign]="item.isRightAlign"> + </menu-button> +</div> http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.less ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.less b/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.less index 4fe899a..32d1beb 100644 --- a/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.less +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.less @@ -19,4 +19,5 @@ :host { .default-flex; + margin-right: 0; } http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.ts ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.ts b/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.ts index 73b6131..05c1a62 100644 --- a/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.ts +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/top-menu/top-menu.component.ts @@ -16,98 +16,21 @@ * limitations under the License. */ -import {Component, OnInit} from '@angular/core'; +import {Component} from '@angular/core'; @Component({ selector: 'top-menu', templateUrl: './top-menu.component.html', styleUrls: ['./top-menu.component.less'] }) -export class TopMenuComponent implements OnInit { - - constructor() { - } - - ngOnInit() { - } +export class TopMenuComponent { //TODO implement loading of real data into subItems readonly items = [ { - iconClass: 'fa fa-arrow-left', - label: 'topMenu.undo', - labelClass: 'unstyled-link', - action: 'undo', - subItems: [ - { - label: 'Apply \'Last week\' filter' - }, - { - label: 'Clear all filters' - }, - { - label: 'Apply \'HDFS\' filter' - }, - { - label: 'Apply \'Errors\' filter' - } - ] - }, - { - iconClass: 'fa fa-arrow-right', - label: 'topMenu.redo', - labelClass: 'unstyled-link', - action: 'redo', - subItems: [ - { - label: 'Apply \'Warnings\' filter' - }, - { - label: 'Switch to graph mode' - }, - { - label: 'Apply \'Custom Date\' filter' - } - ] - }, - { - iconClass: 'fa fa-refresh', - label: 'topMenu.refresh', - labelClass: 'unstyled-link', - action: 'refresh' - }, - { - iconClass: 'fa fa-history', - label: 'topMenu.history', - labelClass: 'unstyled-link', - action: 'openHistory', - subItems: [ - { - label: 'Apply \'Custom Date\' filter' - }, - { - label: 'Switch to graph mode' - }, - { - label: 'Apply \'Warnings\' filter' - }, - { - label: 'Apply \'Last week\' filter' - }, - { - label: 'Clear all filters' - }, - { - label: 'Apply \'HDFS\' filter' - }, - { - label: 'Apply \'Errors\' filter' - } - ] - }, - { iconClass: 'fa fa-user unstyled-link', hideCaret: true, + isRightAlign: true, subItems: [ { label: 'Options' http://git-wip-us.apache.org/repos/asf/ambari/blob/976153f9/ambari-logsearch/ambari-logsearch-web/src/app/components/variables.less ---------------------------------------------------------------------- diff --git a/ambari-logsearch/ambari-logsearch-web/src/app/components/variables.less b/ambari-logsearch/ambari-logsearch-web/src/app/components/variables.less index 150ac56..7b7fcae 100644 --- a/ambari-logsearch/ambari-logsearch-web/src/app/components/variables.less +++ b/ambari-logsearch/ambari-logsearch-web/src/app/components/variables.less @@ -61,3 +61,6 @@ // Icon @icon-padding: 5px; + +// Table +@table-border-color: #EEEEEE;
