import { Component } from '@angular/core';
-import { NgbPopoverConfig } from '@ng-bootstrap/ng-bootstrap';
+import { NgbPopoverConfig, NgbTooltipConfig } from '@ng-bootstrap/ng-bootstrap';
@Component({
selector: 'cd-root',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
- constructor(config: NgbPopoverConfig) {
- config.autoClose = 'outside';
- config.container = 'body';
- config.placement = 'bottom';
+ constructor(popoverConfig: NgbPopoverConfig, tooltipConfig: NgbTooltipConfig) {
+ popoverConfig.autoClose = 'outside';
+ popoverConfig.container = 'body';
+ popoverConfig.placement = 'bottom';
+
+ tooltipConfig.container = 'body';
}
}
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { RouterModule, Routes } from '@angular/router';
-import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbNavModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
import { TreeModule } from 'angular-tree-component';
import { NgBootstrapFormValidationModule } from 'ng-bootstrap-form-validation';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { ModalModule } from 'ngx-bootstrap/modal';
import { ProgressbarModule } from 'ngx-bootstrap/progressbar';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { ActionLabels, URLVerbs } from '../../shared/constants/app.constants';
import { FeatureTogglesGuardService } from '../../shared/services/feature-toggles-guard.service';
ProgressbarModule.forRoot(),
BsDropdownModule.forRoot(),
BsDatepickerModule.forRoot(),
- TooltipModule.forRoot(),
+ NgbTooltipModule,
ModalModule.forRoot(),
SharedModule,
RouterModule,
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { ModalModule } from 'ngx-bootstrap/modal';
import { ProgressbarModule } from 'ngx-bootstrap/progressbar';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { SharedModule } from '../../../shared/shared.module';
ProgressbarModule.forRoot(),
BsDropdownModule.forRoot(),
ModalModule.forRoot(),
- TooltipModule.forRoot(),
NgBootstrapFormValidationModule
],
declarations: [
import { ComponentLoaderFactory } from 'ngx-bootstrap/component-loader';
import { PositioningService } from 'ngx-bootstrap/positioning';
-import { TooltipConfig, TooltipModule } from 'ngx-bootstrap/tooltip';
import { configureTestBed, FormHelper, i18nProviders } from '../../../../testing/unit-test-helper';
import { DirectivesModule } from '../../../shared/directives/directives.module';
let fh: FormHelper;
configureTestBed({
- imports: [ReactiveFormsModule, TooltipModule, DirectivesModule, SharedModule],
+ imports: [ReactiveFormsModule, DirectivesModule, SharedModule],
declarations: [RbdConfigurationFormComponent],
providers: [
ComponentLoaderFactory,
PositioningService,
- TooltipConfig,
RbdConfigurationService,
FormatterService,
DimlessBinaryPerSecondPipe,
<td>
<span *ngIf="selection.features_name?.indexOf('fast-diff') === -1">
<span class="form-text text-muted"
- [tooltip]="usageNotAvailableTooltipTpl"
+ [ngbTooltip]="usageNotAvailableTooltipTpl"
placement="right"
i18n>N/A</span>
</span>
<td>
<span *ngIf="selection.features_name?.indexOf('fast-diff') === -1">
<span class="form-text text-muted"
- [tooltip]="usageNotAvailableTooltipTpl"
+ [ngbTooltip]="usageNotAvailableTooltipTpl"
placement="right"
i18n>N/A</span>
</span>
let-value="value">
<ng-container *ngIf="+value; else global">
<strong i18n
- i18n-tooltip
- tooltip="This setting overrides the global value">Image</strong>
+ i18n-ngbTooltip
+ ngbTooltip="This setting overrides the global value">Image</strong>
</ng-container>
<ng-template #global>
<span i18n
- i18n-tooltip
- tooltip="This is the global value. No value for this option has been set for this image.">Global</span>
+ i18n-ngbTooltip
+ ngbTooltip="This is the global value. No value for this option has been set for this image.">Global</span>
</ng-template>
</ng-template>
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
-import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
+import { NgbNavModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
import { configureTestBed } from '../../../../testing/unit-test-helper';
import { SharedModule } from '../../../shared/shared.module';
configureTestBed({
declarations: [RbdDetailsComponent, RbdSnapshotListComponent, RbdConfigurationListComponent],
- imports: [SharedModule, TooltipModule.forRoot(), RouterTestingModule, NgbNavModule]
+ imports: [SharedModule, NgbTooltipModule, RouterTestingModule, NgbNavModule]
});
beforeEach(() => {
import { ReactiveFormsModule } from '@angular/forms';
import { ActivatedRoute, Router } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { ToastrModule } from 'ngx-toastr';
ReactiveFormsModule,
RouterTestingModule,
ToastrModule.forRoot(),
- SharedModule,
- TooltipModule
+ SharedModule
],
declarations: [RbdFormComponent, RbdConfigurationFormComponent],
providers: [
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { RouterTestingModule } from '@angular/router/testing';
-import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbNavModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { ModalModule } from 'ngx-bootstrap/modal';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { ToastrModule } from 'ngx-toastr';
import { BehaviorSubject, of } from 'rxjs';
BsDropdownModule.forRoot(),
NgbNavModule,
ModalModule.forRoot(),
- TooltipModule.forRoot(),
+ NgbTooltipModule,
ToastrModule.forRoot(),
RouterTestingModule,
HttpClientTestingModule
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
-import { NgbNavModule, NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbNavModule, NgbTooltipModule, NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
import { TreeModule } from 'angular-tree-component';
import { NgBootstrapFormValidationModule } from 'ng-bootstrap-form-validation';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { ModalModule } from 'ngx-bootstrap/modal';
import { TimepickerModule } from 'ngx-bootstrap/timepicker';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { OrchestratorDocModalComponent } from '../../shared/components/orchestrator-doc-modal/orchestrator-doc-modal.component';
import { SharedModule } from '../../shared/shared.module';
BsDropdownModule.forRoot(),
BsDatepickerModule.forRoot(),
ModalModule.forRoot(),
- TooltipModule.forRoot(),
+ NgbTooltipModule,
MgrModulesModule,
NgbTypeaheadModule,
TimepickerModule.forRoot(),
<ng-container *ngFor="let config of matcherConfig">
<div class="input-group-prepend">
<span class="input-group-text"
- [tooltip]="config.tooltip">
+ [ngbTooltip]="config.tooltip">
<i [ngClass]="[config.icon]"></i>
</span>
</div>
<button type="button"
class="btn btn-light"
id="matcher-edit-{{index}}"
- i18n-tooltip
- tooltip="Edit"
+ i18n-ngbTooltip
+ ngbTooltip="Edit"
(click)="showMatcherModal(index)">
<i [ngClass]="[icons.edit]"></i>
</button>
<button type="button"
class="btn btn-light"
id="matcher-delete-{{index}}"
- i18n-tooltip
- tooltip="Delete"
+ i18n-ngbTooltip
+ ngbTooltip="Delete"
(click)="deleteMatcher(index)">
<i [ngClass]="[icons.trash]"></i>
</button>
import { ActivatedRoute, Router, Routes } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';
+import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
import * as _ from 'lodash';
import { BsDatepickerDirective, BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { BsModalService } from 'ngx-bootstrap/modal';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { ToastrModule } from 'ngx-toastr';
import { of, throwError } from 'rxjs';
BsDatepickerModule.forRoot(),
SharedModule,
ToastrModule.forRoot(),
- TooltipModule.forRoot(),
+ NgbTooltipModule,
ReactiveFormsModule
],
providers: [
{{ (index + 1) | ordinal }}
<span class="float-right clickable"
(click)="removeClient(index)"
- tooltip="Remove">×</span>
+ ngbTooltip="Remove">×</span>
</div>
<div class="card-body">
import { ReactiveFormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
-import { NgbNavModule, NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbNavModule, NgbTooltipModule, NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';
import { NgBootstrapFormValidationModule } from 'ng-bootstrap-form-validation';
import { SharedModule } from '../../shared/shared.module';
NgbNavModule,
CommonModule,
NgbTypeaheadModule,
- NgBootstrapFormValidationModule
+ NgBootstrapFormValidationModule,
+ NgbTooltipModule
],
declarations: [
NfsListComponent,
<button class="btn btn-light"
type="button"
*ngIf="!editing"
- tooltip="This profile can't be deleted as it is in use."
- i18n-tooltip
- triggers=""
- #ecpDeletionBtn="bs-tooltip"
+ ngbTooltip="This profile can't be deleted as it is in use."
+ i18n-ngbTooltip
+ triggers="manual"
+ #ecpDeletionBtn="ngbTooltip"
(click)="deleteErasureCodeProfile()">
<i [ngClass]="[icons.trash]"
aria-hidden="true"></i>
<button class="btn btn-light"
*ngIf="isReplicated && !editing"
type="button"
- tooltip="This rule can't be deleted as it is in use."
- i18n-tooltip
- triggers=""
- #crushDeletionBtn="bs-tooltip"
+ ngbTooltip="This rule can't be deleted as it is in use."
+ i18n-ngbTooltip
+ triggers="manual"
+ #crushDeletionBtn="ngbTooltip"
(click)="deleteCrushRule()">
<i [ngClass]="[icons.trash]"
aria-hidden="true"></i>
});
it('should not open the tooltip nor the crush info', () => {
- expect(component.crushDeletionBtn.isOpen).toBe(false);
+ expect(component.crushDeletionBtn.isOpen()).toBe(false);
expect(component.data.crushInfo).toBe(false);
});
it('should not have called delete and opened the tooltip', () => {
expect(crushRuleService.delete).not.toHaveBeenCalled();
- expect(component.crushDeletionBtn.isOpen).toBe(true);
+ expect(component.crushDeletionBtn.isOpen()).toBe(true);
expect(component.data.crushInfo).toBe(true);
});
it('should hide the tooltip when clicking on delete again', () => {
component.deleteCrushRule();
- expect(component.crushDeletionBtn.isOpen).toBe(false);
+ expect(component.crushDeletionBtn.isOpen()).toBe(false);
});
it('should hide the tooltip when clicking on add', () => {
}
}));
component.addCrushRule();
- expect(component.crushDeletionBtn.isOpen).toBe(false);
+ expect(component.crushDeletionBtn.isOpen()).toBe(false);
});
it('should hide the tooltip when changing the crush rule', () => {
selectRuleByIndex(0);
- expect(component.crushDeletionBtn.isOpen).toBe(false);
+ expect(component.crushDeletionBtn.isOpen()).toBe(false);
});
});
});
});
it('should not open the tooltip nor the crush info', () => {
- expect(component.ecpDeletionBtn.isOpen).toBe(false);
+ expect(component.ecpDeletionBtn.isOpen()).toBe(false);
expect(component.data.erasureInfo).toBe(false);
});
it('should not have called delete and opened the tooltip', () => {
expect(ecpService.delete).not.toHaveBeenCalled();
- expect(component.ecpDeletionBtn.isOpen).toBe(true);
+ expect(component.ecpDeletionBtn.isOpen()).toBe(true);
expect(component.data.erasureInfo).toBe(true);
});
it('should hide the tooltip when clicking on delete again', () => {
component.deleteErasureCodeProfile();
- expect(component.ecpDeletionBtn.isOpen).toBe(false);
+ expect(component.ecpDeletionBtn.isOpen()).toBe(false);
});
it('should hide the tooltip when clicking on add', () => {
}
}));
component.addErasureCodeProfile();
- expect(component.ecpDeletionBtn.isOpen).toBe(false);
+ expect(component.ecpDeletionBtn.isOpen()).toBe(false);
});
it('should hide the tooltip when changing the crush rule', () => {
setSelectedEcp('someEcpName');
- expect(component.ecpDeletionBtn.isOpen).toBe(false);
+ expect(component.ecpDeletionBtn.isOpen()).toBe(false);
});
});
});
import { FormControl, Validators } from '@angular/forms';
import { ActivatedRoute, Router } from '@angular/router';
-import { NgbNav } from '@ng-bootstrap/ng-bootstrap';
-
+import { NgbNav, NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
import { I18n } from '@ngx-translate/i18n-polyfill';
import * as _ from 'lodash';
import { BsModalService } from 'ngx-bootstrap/modal';
-import { TooltipDirective } from 'ngx-bootstrap/tooltip';
import { Observable, Subscription } from 'rxjs';
import { CrushRuleService } from '../../../shared/api/crush-rule.service';
})
export class PoolFormComponent extends CdForm implements OnInit {
@ViewChild('crushInfoTabs') crushInfoTabs: NgbNav;
- @ViewChild('crushDeletionBtn') crushDeletionBtn: TooltipDirective;
+ @ViewChild('crushDeletionBtn') crushDeletionBtn: NgbTooltip;
@ViewChild('ecpInfoTabs') ecpInfoTabs: NgbNav;
- @ViewChild('ecpDeletionBtn') ecpDeletionBtn: TooltipDirective;
+ @ViewChild('ecpDeletionBtn') ecpDeletionBtn: NgbTooltip;
permission: Permission;
form: CdFormGroup;
});
this.form.get('crushRule').valueChanges.subscribe((rule) => {
// The crush rule can only be changed if type 'replicated' is set.
- if (this.crushDeletionBtn && this.crushDeletionBtn.isOpen) {
- this.crushDeletionBtn.hide();
+ if (this.crushDeletionBtn && this.crushDeletionBtn.isOpen()) {
+ this.crushDeletionBtn.close();
}
if (!rule) {
return;
});
this.form.get('erasureProfile').valueChanges.subscribe((profile) => {
// The ec profile can only be changed if type 'erasure' is set.
- if (this.ecpDeletionBtn && this.ecpDeletionBtn.isOpen) {
- this.ecpDeletionBtn.hide();
+ if (this.ecpDeletionBtn && this.ecpDeletionBtn.isOpen()) {
+ this.ecpDeletionBtn.close();
}
if (!profile) {
return;
}
private hideOpenTooltips() {
- const hideTooltip = (btn: TooltipDirective) => btn && btn.isOpen && btn.hide();
+ const hideTooltip = (btn: NgbTooltip) => btn && btn.isOpen() && btn.close();
hideTooltip(this.ecpDeletionBtn);
hideTooltip(this.crushDeletionBtn);
}
}: {
value: any;
usage: string[];
- deletionBtn: TooltipDirective;
+ deletionBtn: NgbTooltip;
dataName: string;
getTabs: () => NgbNav;
tabPosition: string;
import { ReactiveFormsModule } from '@angular/forms';
import { RouterModule, Routes } from '@angular/router';
-import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbNavModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
import { NgBootstrapFormValidationModule } from 'ng-bootstrap-form-validation';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { ActionLabels, URLVerbs } from '../../shared/constants/app.constants';
import { SharedModule } from '../../shared/shared.module';
RouterModule,
ReactiveFormsModule,
BsDropdownModule,
- TooltipModule.forRoot(),
+ NgbTooltipModule,
BlockModule,
NgBootstrapFormValidationModule
],
<span class="input-group-append">
<button type="button"
class="btn btn-light tc_showSubuserButton"
- i18n-tooltip
- tooltip="Edit"
+ i18n-ngbTooltip
+ ngbTooltip="Edit"
(click)="showSubuserModal(i)">
<i [ngClass]="[icons.edit]"></i>
</button>
<button type="button"
class="btn btn-light tc_deleteSubuserButton"
- i18n-tooltip
- tooltip="Delete"
+ i18n-ngbTooltip
+ ngbTooltip="Delete"
(click)="deleteSubuser(i)">
<i [ngClass]="[icons.destroy]"></i>
</button>
<span class="input-group-append">
<button type="button"
class="btn btn-light tc_showS3KeyButton"
- i18n-tooltip
- tooltip="Show"
+ i18n-ngbTooltip
+ ngbTooltip="Show"
(click)="showS3KeyModal(i)">
<i [ngClass]="[icons.show]"></i>
</button>
<button type="button"
class="btn btn-light tc_deleteS3KeyButton"
- i18n-tooltip
- tooltip="Delete"
+ i18n-ngbTooltip
+ ngbTooltip="Delete"
(click)="deleteS3Key(i)">
<i [ngClass]="[icons.destroy]"></i>
</button>
<span class="input-group-append">
<button type="button"
class="btn btn-light tc_showSwiftKeyButton"
- i18n-tooltip
- tooltip="Show"
+ i18n-ngbTooltip
+ ngbTooltip="Show"
(click)="showSwiftKeyModal(i)">
<i [ngClass]="[icons.show]"></i>
</button>
<span class="input-group-append">
<button type="button"
class="btn btn-light tc_editCapButton"
- i18n-tooltip
- tooltip="Edit"
+ i18n-ngbTooltip
+ ngbTooltip="Edit"
(click)="showCapabilityModal(i)">
<i [ngClass]="[icons.edit]"></i>
</button>
<button type="button"
class="btn btn-light tc_deleteCapButton"
- i18n-tooltip
- tooltip="Delete"
+ i18n-ngbTooltip
+ ngbTooltip="Delete"
(click)="deleteCapability(i)">
<i [ngClass]="[icons.destroy]"></i>
</button>
<button type="button"
class="btn btn-light float-right tc_addCapButton"
[disabled]="hasAllCapabilities()"
- i18n-tooltip
- tooltip="All capabilities are already added."
- [isDisabled]="!hasAllCapabilities()"
- triggers="pointerenter pointerleave"
+ i18n-ngbTooltip
+ ngbTooltip="All capabilities are already added."
+ [disableTooltip]="!hasAllCapabilities()"
+ triggers="pointerenter:pointerleave"
(click)="showCapabilityModal()">
<i [ngClass]="[icons.add]"></i>
<ng-container i18n>{{ actionLabels.ADD | titlecase }}
import { Router } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';
+import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
import { BsModalService } from 'ngx-bootstrap/modal';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { ToastrModule } from 'ngx-toastr';
import { of as observableOf } from 'rxjs';
RouterTestingModule,
SharedModule,
ToastrModule.forRoot(),
- TooltipModule.forRoot()
+ NgbTooltipModule
],
providers: [BsModalService, i18nProviders]
});
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { RouterModule, Routes } from '@angular/router';
-import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbNavModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
import { NgBootstrapFormValidationModule } from 'ng-bootstrap-form-validation';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { ModalModule } from 'ngx-bootstrap/modal';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { ActionLabels, URLVerbs } from '../../shared/constants/app.constants';
import { AuthGuardService } from '../../shared/services/auth-guard.service';
PerformanceCounterModule,
BsDropdownModule.forRoot(),
NgbNavModule,
- TooltipModule.forRoot(),
ModalModule.forRoot(),
RouterModule,
- NgBootstrapFormValidationModule
+ NgBootstrapFormValidationModule,
+ NgbTooltipModule
],
exports: [
Rgw501Component,
import { Component, OnDestroy, OnInit } from '@angular/core';
import { Router } from '@angular/router';
-import { TooltipConfig } from 'ngx-bootstrap/tooltip';
import { Subscription } from 'rxjs';
import { SummaryService } from '../../../shared/services/summary.service';
@Component({
selector: 'cd-workbench-layout',
templateUrl: './workbench-layout.component.html',
- styleUrls: ['./workbench-layout.component.scss'],
- providers: [
- {
- provide: TooltipConfig,
- useFactory: (): TooltipConfig =>
- Object.assign(new TooltipConfig(), {
- container: 'body'
- })
- }
- ]
+ styleUrls: ['./workbench-layout.component.scss']
})
export class WorkbenchLayoutComponent implements OnInit, OnDestroy {
private subs = new Subscription();
import { CollapseModule } from 'ngx-bootstrap/collapse';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { SimplebarAngularModule } from 'simplebar-angular';
import { AppRoutingModule } from '../../app-routing.module';
AuthModule,
CollapseModule.forRoot(),
BsDropdownModule.forRoot(),
- TooltipModule.forRoot(),
AppRoutingModule,
SharedModule,
SimplebarAngularModule,
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
-import { NgbAlertModule, NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbAlertModule, NgbPopoverModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
import { NgBootstrapFormValidationModule } from 'ng-bootstrap-form-validation';
import { ClickOutsideModule } from 'ng-click-outside';
import { ChartsModule } from 'ng2-charts';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { ModalModule } from 'ngx-bootstrap/modal';
import { ProgressbarModule } from 'ngx-bootstrap/progressbar';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { SimplebarAngularModule } from 'simplebar-angular';
import { DirectivesModule } from '../directives/directives.module';
NgbAlertModule,
NgbPopoverModule,
ProgressbarModule.forRoot(),
- TooltipModule.forRoot(),
+ NgbTooltipModule,
ChartsModule,
ReactiveFormsModule,
PipesModule,
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ReactiveFormsModule, Validators } from '@angular/forms';
-import { NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbPopoverModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
import { I18n } from '@ngx-translate/i18n-polyfill';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { configureTestBed, i18nProviders } from '../../../../testing/unit-test-helper';
import { SelectMessages } from '../select/select-messages.model';
configureTestBed({
declarations: [SelectBadgesComponent, SelectComponent],
- imports: [NgbPopoverModule, TooltipModule, ReactiveFormsModule],
+ imports: [NgbPopoverModule, NgbTooltipModule, ReactiveFormsModule],
providers: i18nProviders
});
<div class="is-invalid"
*ngIf="data.length === selectionLimit">
<span class="form-text text-muted text-center text-warning"
- [tooltip]="messages.selectionLimit.tooltip"
+ [ngbTooltip]="messages.selectionLimit.tooltip"
*ngIf="data.length === selectionLimit">
{{ messages.selectionLimit.text }}
</span>
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ReactiveFormsModule, Validators } from '@angular/forms';
-import { NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
+import { NgbPopoverModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
import { configureTestBed, i18nProviders } from '../../../../testing/unit-test-helper';
import { SelectOption } from './select-option.model';
configureTestBed({
declarations: [SelectComponent],
- imports: [NgbPopoverModule, TooltipModule, ReactiveFormsModule],
+ imports: [NgbPopoverModule, NgbTooltipModule, ReactiveFormsModule],
providers: i18nProviders
});
<div class="progress"
data-placement="left"
- [tooltip]="usageTooltipTpl">
+ [ngbTooltip]="usageTooltipTpl">
<div class="progress-bar bg-info"
role="progressbar"
[style.width]="usedPercentage + '%'">
import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TooltipModule } from 'ngx-bootstrap/tooltip';
+import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
import { configureTestBed } from '../../../../testing/unit-test-helper';
import { PipesModule } from '../../pipes/pipes.module';
let fixture: ComponentFixture<UsageBarComponent>;
configureTestBed({
- imports: [PipesModule, TooltipModule.forRoot()],
+ imports: [PipesModule, NgbTooltipModule],
declarations: [UsageBarComponent]
});
background: $color-transparent-black !important;
}
-.tooltip-wide .tooltip-inner {
- width: 400px;
-}
-
.tooltip-inner {
background-color: white;
border: 1px solid grey;
projects / ceph.git / commitdiff