diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/grid-filter.module.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/grid-filter.module.ts
index 5b0c59a..40e1923 100644
--- a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/grid-filter.module.ts
+++ b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/grid-filter.module.ts
@@ -7,6 +7,7 @@ import { DatetimeFilterComponent } from './datetime-filter/datetime-filter.compo
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { PopoverModule } from 'ngx-bootstrap/popover';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
+import { TooltipModule } from 'ngx-bootstrap/tooltip';
@@ -18,7 +19,8 @@ import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
FormsModule,
BsDatepickerModule.forRoot(),
PopoverModule.forRoot(),
- BsDropdownModule.forRoot()
+ BsDropdownModule.forRoot(),
+ TooltipModule.forRoot()
],
exports: [TextFilterComponent, NumberFilterComponent,DatetimeFilterComponent]
})
diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/text-filter/text-filter.component.html b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/text-filter/text-filter.component.html
index db9be7e..03b072a 100644
--- a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/text-filter/text-filter.component.html
+++ b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/text-filter/text-filter.component.html
@@ -2,7 +2,7 @@
@@ -12,55 +12,51 @@
-
+
+
+
-
\ No newline at end of file
diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/text-filter/text-filter.component.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/text-filter/text-filter.component.ts
index 11c8fd8..4c9b9ed 100644
--- a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/text-filter/text-filter.component.ts
+++ b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-filter/text-filter/text-filter.component.ts
@@ -14,8 +14,15 @@ export class TextFilterComponent implements OnInit {
@Input() path:string;
filterType: string = 'Contains';
- filterValue: string = null;
- filterTypes = ['contains', 'equal', 'startsWith','endsWith'];
+ filterValue: string = null;
+ isFiltering: boolean;
+ filterTypes = [
+ {key:'contains', value: 'Contains'},
+ {key:'equal', value: 'Equal'},
+ {key:'startsWith', value: 'Starts With'},
+ {key:'endsWith', value: 'Ends With'}
+ ];
+ filterIsOpenned: boolean = false;
constructor() { }
@@ -25,6 +32,7 @@ export class TextFilterComponent implements OnInit {
}
clearFilter() {
+ this.isFiltering = false;
const existingFilter = this.dataSource.filters.find(t => (t as ISimpleFilter).path == this.path) as ISimpleFilter;
if (existingFilter) {
this.dataSource.query({
@@ -35,7 +43,7 @@ export class TextFilterComponent implements OnInit {
}
applyFilter(){
-
+ this.isFiltering = true;
const filters = this.dataSource.filters;
const existingFilter = filters.find(t => (t as ISimpleFilter).path == this.path) as ISimpleFilter;
if (existingFilter) {
@@ -55,4 +63,8 @@ export class TextFilterComponent implements OnInit {
page: 1
})
}
+
+ showTooltip(){
+ return "Filter by "+ this.path;
+ }
}
diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.html b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.html
index 197c9a4..1ae48d3 100644
--- a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.html
+++ b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.html
@@ -1,4 +1,3 @@
-
-
-
-
\ No newline at end of file
+
+
+
\ No newline at end of file
diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.scss b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.scss
index 57d27df..3194e43 100644
--- a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.scss
+++ b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.scss
@@ -1,4 +1,4 @@
-:host span.dropdown-toggle.sort-asc{
+:host span.dropdown-toggle.sort-desc{
transform: rotate(180deg);
display: inline-block;
}
diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.ts
index bba0f38..3a6f873 100644
--- a/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.ts
+++ b/projects/poweredsoft/ngx-bootstrap/src/lib/grid-sorting/grid-sorting/grid-sorting.component.ts
@@ -9,52 +9,31 @@ import { IDataSource } from '@poweredsoft/data';
export class GridSortingComponent implements OnInit {
@Input() dataSource : IDataSource;
- @Input() path:string;
- isAscending:boolean;
- isDescending:boolean;
+ @Input() path:string;
+ isSorting: boolean =false;
+ isAscending:boolean = false;
constructor() { }
ngOnInit(): void {
}
ascending(){
- this.isAscending = true;
+ this.isSorting = !this.isSorting;
+ this.isAscending = !this.isAscending;
console.log("ascending result...")
const existingSort = this.dataSource.sorts.find(t => t.path == this.path);
if (existingSort){
- existingSort.ascending = true;
+ existingSort.ascending = (this.isAscending)? true : false;
}else{
this.dataSource.sorts.push({
path: this.path,
- ascending:true
+ ascending: (this.isAscending)? true : false
})
}
-
this.dataSource.query({
sorts: this.dataSource.sorts,
page: 1
})
- this.isDescending = false;
- }
-
- descending(){
- this.isDescending = true;
- console.log("descending result...")
- const existingSort = this.dataSource.sorts.find(t => t.path == this.path);
- if (existingSort){
- existingSort.ascending = false;
- }else{
- this.dataSource.sorts.push({
- path: this.path,
- ascending:false
- })
- }
-
- this.dataSource.query({
- sorts: this.dataSource.sorts,
- page: 1
- })
- this.isAscending = false;
}
}
diff --git a/projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid/data-grid.component.html b/projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid/data-grid.component.html
index 977b8f0..84bf7f8 100644
--- a/projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid/data-grid.component.html
+++ b/projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid/data-grid.component.html
@@ -19,16 +19,16 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid/data-grid.component.scss b/projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid/data-grid.component.scss
index e83d8bf..54bb095 100644
--- a/projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid/data-grid.component.scss
+++ b/projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid/data-grid.component.scss
@@ -1,6 +1,7 @@
:host .flex-container{
display: flex;
- justify-content: flex-start;
+ justify-content: space-between;
+ align-items: baseline;
}
:host .flex-item{
diff --git a/src/app/grid-filter&sorting-demo/grid-filter-demo/grid-filter-demo.component.html b/src/app/grid-filter&sorting-demo/grid-filter-demo/grid-filter-demo.component.html
index e567004..618f2ca 100644
--- a/src/app/grid-filter&sorting-demo/grid-filter-demo/grid-filter-demo.component.html
+++ b/src/app/grid-filter&sorting-demo/grid-filter-demo/grid-filter-demo.component.html
@@ -3,7 +3,7 @@
+ tableClasses="table table-sm table-striped table-bordered">