1+ import { Component , OnInit , ViewChild } from '@angular/core' ;
2+ import { EntityType , FilteringExpressionsTree , IExpressionTree , IgxQueryBuilderComponent } from 'igniteui-angular' ;
3+ import { RemoteLoDService } from '../../../services/remote-lod.service' ;
4+
5+ @Component ( {
6+ providers : [ RemoteLoDService ] ,
7+ selector : 'app-query-builder-sql-sample' ,
8+ styleUrls : [ './query-builder-sql-sample.component.scss' ] ,
9+ templateUrl : 'query-builder-sql-sample.component.html' ,
10+ imports : [ IgxQueryBuilderComponent ]
11+ } )
12+ export class QueryBuilderSqlSampleComponent implements OnInit {
13+ @ViewChild ( 'queryBuilder' , { static : true } )
14+ public queryBuilder : IgxQueryBuilderComponent ;
15+
16+ public entities : EntityType [ ] = [ ] ;
17+ public expressionTree : IExpressionTree ;
18+ public sqlQuery : string = 'Select an entity and build your query' ;
19+
20+ private dataTypeMap = {
21+ 'Edm.String' : 'string' ,
22+ 'Edm.Int16' : 'number' ,
23+ 'Edm.Int32' : 'number' ,
24+ 'Edm.Int64' : 'number' ,
25+ 'Edm.Decimal' : 'number' ,
26+ 'Edm.Double' : 'number' ,
27+ 'Edm.Single' : 'number' ,
28+ 'Edm.Boolean' : 'boolean' ,
29+ 'Edm.DateTimeOffset' : 'date' ,
30+ 'Edm.Guid' : 'string'
31+ } ;
32+
33+ constructor ( private remoteService : RemoteLoDService ) { }
34+
35+ public ngOnInit ( ) : void {
36+ console . log ( 'Query Builder SQL Sample' ) ;
37+
38+ const entities = [ ] ;
39+ this . remoteService . getMetadata ( ) . subscribe ( {
40+ next : ( data ) => {
41+ const schema = data [ 'edmx:Edmx' ] [ 'edmx:DataServices' ] [ 'Schema' ] ;
42+ const entityTypes = schema [ 0 ] [ 'EntityType' ] ;
43+ const entitySets = schema [ 1 ] [ 'EntityContainer' ] [ 'EntitySet' ] ;
44+ entityTypes . forEach ( ( entityType ) => {
45+ const entityName = entityType [ '$' ] . Name ;
46+ const fields = entityType [ 'Property' ] . map ( ( prop ) => {
47+ return {
48+ field : prop [ '$' ] . Name ,
49+ dataType : this . dataTypeMap [ prop [ '$' ] . Type ]
50+ }
51+ } ) ;
52+ const entityMatch = entitySets . find ( ( entitySet ) => entitySet [ '$' ] . EntityType === 'NorthwindModel.' + entityName ) ;
53+
54+ const entity = {
55+ name : entityMatch [ '$' ] . Name ,
56+ fields : fields
57+ }
58+ entities . push ( entity ) ;
59+ } ) ;
60+ } ,
61+ error : err => {
62+ console . log ( err ) ;
63+ } ,
64+ complete : ( ) => {
65+ this . entities = entities ;
66+ }
67+ } ) ;
68+ }
69+
70+ public handleExpressionTreeChange ( event : IExpressionTree ) {
71+ this . sqlQuery = this . transformExpressionTreeToSQL ( this . queryBuilder . expressionTree ) ;
72+ }
73+
74+ private transformExpressionTreeToSQL ( tree : any ) : string {
75+ if ( ! tree ) {
76+ return '' ;
77+ }
78+
79+ const selectClause = `SELECT \n ${ tree . returnFields . length > 0 ? tree . returnFields . join ( '\n ' ) : '*' } ;
80+ const fromClause = `FROM ${ tree . entity } ;
81+ const whereClause = this . buildWhereClause ( tree ) ;
82+
83+ return `\n${ selectClause } ${ fromClause } ${ whereClause ? '\n' + whereClause : '' } ;
84+ }
85+
86+ private buildWhereClause ( tree : IExpressionTree ) : string {
87+ if ( ! tree || ! tree . filteringOperands || tree . filteringOperands . length === 0 ) {
88+ return '' ;
89+ }
90+
91+ let conditions = tree . filteringOperands . map ( operand => {
92+ if ( operand instanceof FilteringExpressionsTree ) {
93+ return `(${ this . buildWhereClause ( operand ) } ;
94+ } else {
95+ return this . buildCondition ( operand ) ;
96+ }
97+ } ) ;
98+
99+ const operator = tree . operator === 0 ? 'AND' : 'OR' ; // 0 for AND, 1 for OR
100+ conditions = conditions . filter ( cond => cond !== '' ) ;
101+ return conditions . length > 0 ? `WHERE ${ conditions . join ( ` ${ operator } ) } : '' ;
102+ }
103+
104+ private buildCondition ( operand : any ) : string {
105+ const field = operand . fieldName ;
106+ const value = operand . searchVal ;
107+ const condition = operand . condition . name ;
108+
109+ // TODO: add missing conditions
110+ switch ( condition ) {
111+ case 'equals' :
112+ return `${ field } ${ value } ;
113+ case 'contains' :
114+ return `${ field } ${ value } ;
115+ case 'startsWith' :
116+ return `${ field } ${ value } ;
117+ case 'endsWith' :
118+ return `${ field } ${ value } ;
119+ case 'greaterThan' :
120+ return `${ field } ${ value } ;
121+ case 'lessThan' :
122+ return `${ field } ${ value } ;
123+ case 'greaterThanOrEqualTo' :
124+ return `${ field } ${ value } ;
125+ case 'lessThanOrEqualTo' :
126+ return `${ field } ${ value } ;
127+ case 'doesNotEqual' :
128+ return `${ field } ${ value } ;
129+ case 'doesNotContain' :
130+ return `${ field } ${ value } ;
131+ case 'doesNotStartWith' :
132+ return `${ field } ${ value } ;
133+ case 'doesNotEndWith' :
134+ return `${ field } ${ value } ;
135+ case 'null' :
136+ return `${ field } ;
137+ case 'notNull' :
138+ return `${ field } ;
139+ case 'empty' :
140+ return `${ field } ;
141+ case 'notEmpty' :
142+ return `${ field } ;
143+ case 'true' :
144+ return `${ field } ;
145+ case 'false' :
146+ return `${ field } ;
147+ case 'inQuery' :
148+ return `${ field } ${ this . transformExpressionTreeToSQL ( operand . searchTree ) } ;
149+ case 'notInQuery' :
150+ return `${ field } ${ this . transformExpressionTreeToSQL ( operand . searchTree ) } ;
151+ case 'before' :
152+ return `${ field } ${ value . getFullYear ( ) } ${ value . getMonth ( ) + 1 } ${ value . getDate ( ) } ;
153+ case 'after' :
154+ return `${ field } ${ value . getFullYear ( ) } ${ value . getMonth ( ) + 1 } ${ value . getDate ( ) } ;
155+ case 'today' :
156+ return `CONVERT(DATE, ${ field } ;
157+ case 'yesterday' :
158+ return `CONVERT(DATE, ${ field } ;
159+ case 'thisMonth' :
160+ return `YEAR(${ field } ${ field } ;
161+ case 'lastMonth' :
162+ return `${ field } ;
163+ case 'nextMonth' :
164+ return `${ field } ;
165+ case 'thisYear' :
166+ return `YEAR(${ field } ;
167+ case 'lastYear' :
168+ return `YEAR(${ field } ;
169+ case 'nextYear' :
170+ return `YEAR(${ field } ;
171+ default :
172+ return '' ;
173+ }
174+ }
175+ }
0 commit comments