Update tree listing component to latest version
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
2020-10-12 12:24:08 -05:00
parent d36e861502
commit 6532bd7dc1
5 changed files with 38 additions and 22 deletions

View File

@@ -5,7 +5,7 @@ import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { ApiService } from './service/api.service';
import { Router } from '@angular/router';
import {TREE_ACTIONS, TreeComponent} from 'angular-tree-component';
import {TREE_ACTIONS, TreeComponent} from '@circlon/angular-tree-component';
import { Observable } from 'rxjs';
import {OptionPickerComponent} from './components/option-picker/option-picker.component';
import {OptionMenuComponent} from './components/option-menu/option-menu.component';
@@ -93,8 +93,10 @@ export class AppComponent implements OnInit {
}
onFilterChange($event) {
const value = $event.detail.value;
this.menuTree.treeModel.filterNodes(value, true);
const value = $event.detail.value.toLowerCase();
this.menuTree.treeModel.filterNodes(node => {
return node.data.name.toLowerCase().includes(value);
});
}
async onNodeMenuClick($event) {

View File

@@ -10,7 +10,7 @@ import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientModule } from '@angular/common/http';
import { ComponentsModule } from './components/components.module';
import { TreeModule } from 'angular-tree-component';
import { TreeModule } from '@circlon/angular-tree-component';
import {AgGridModule} from 'ag-grid-angular';
import {MonacoEditorModule} from 'ngx-monaco-editor';
import { APP_BASE_HREF, PlatformLocation } from '@angular/common';
@@ -39,7 +39,7 @@ export function getBaseHref(platformLocation: PlatformLocation): string {
AppRoutingModule,
HttpClientModule,
ComponentsModule,
TreeModule.forRoot(),
TreeModule,
AgGridModule.withComponents([]),
MonacoEditorModule.forRoot(),
],

View File

@@ -25,7 +25,7 @@
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";
@import "~angular-tree-component/dist/angular-tree-component.css";
@import '~@circlon/angular-tree-component/css/angular-tree-component.css';
@import "~ag-grid-community/dist/styles/ag-grid.css";
@import "~ag-grid-community/dist/styles/ag-theme-balham.css";