17
17
< div class ="container ">
18
18
< div class ="col-md-12 col-lg-10 col-lg-offset-1 ">
19
19
< p > < a href ="http://www.eyecon.ro/bootstrap-slider "> Bootstrap Slider</ a > and < a href ="http://bootboxjs.com "> Bootbox</ a > must be installed with Bower to run this demo.</ p >
20
-
20
+
21
21
< div id ="builder "> </ div >
22
-
22
+
23
23
< div class ="btn-group ">
24
24
< button class ="btn btn-warning reset "> Reset</ button >
25
25
< button class ="btn btn-success set "> Set rules</ button >
26
26
< button class ="btn btn-success set-mongo "> Set rules from MongoDB</ button >
27
27
</ div >
28
-
28
+
29
29
< div class ="btn-group ">
30
30
< button class ="btn btn-primary parse-json "> JSON</ button >
31
31
< button class ="btn btn-primary parse-sql " data-stmt ="question_mark "> SQL (question mark)</ button >
@@ -42,7 +42,7 @@ <h3>Output</h3>
42
42
</ div >
43
43
44
44
< script src ="../bower_components/jquery/dist/jquery.min.js "> </ script >
45
- < script src ="../bower_components/microevent-mistic100/microevent .js "> </ script >
45
+ < script src ="../bower_components/uevent/uevent .js "> </ script >
46
46
< script src ="../bower_components/jquery-extendext/jQuery.extendext.js "> </ script >
47
47
< script src ="../bower_components/bootstrap/dist/js/bootstrap.min.js "> </ script >
48
48
< script src ="../src/query-builder.js "> </ script >
@@ -58,17 +58,17 @@ <h3>Output</h3>
58
58
// define filters
59
59
$ ( '#builder' ) . queryBuilder ( {
60
60
allow_empty : true ,
61
-
61
+
62
62
onValidationError : function ( $target , err ) {
63
63
console . error ( err , $target ) ;
64
64
} ,
65
-
65
+
66
66
plugins : {
67
67
'bt-tooltip-errors' : { delay : 100 } ,
68
68
'sortable' : null ,
69
69
'filter-description' : { mode : 'bootbox' }
70
70
} ,
71
-
71
+
72
72
filters : [
73
73
/*
74
74
* basic
@@ -139,7 +139,7 @@ <h3>Output</h3>
139
139
min : 0 ,
140
140
step : 0.01
141
141
}
142
- } ,
142
+ } ,
143
143
/*
144
144
* slider
145
145
*/
@@ -162,7 +162,7 @@ <h3>Output</h3>
162
162
input . slider ( 'setValue' , value ) ;
163
163
input . val ( value ) ; // don't know why I need it
164
164
}
165
- } ,
165
+ } ,
166
166
/*
167
167
* placeholder and regex validation
168
168
*/
@@ -197,10 +197,10 @@ <h3>Output</h3>
197
197
} ,
198
198
input : function ( $rule , filter ) {
199
199
var $container = $rule . find ( '.rule-value-container' ) ;
200
-
200
+
201
201
$container . on ( 'change' , '[name=coord_1]' , function ( ) {
202
202
var h = '' ;
203
-
203
+
204
204
switch ( $ ( this ) . val ( ) ) {
205
205
case 'A' :
206
206
h = '<option value="-1">-</option> <option value="1">1</option> <option value="2">2</option>' ;
@@ -212,10 +212,10 @@ <h3>Output</h3>
212
212
h = '<option value="-1">-</option> <option value="5">5</option> <option value="6">6</option>' ;
213
213
break ;
214
214
}
215
-
215
+
216
216
$container . find ( '[name=coord_2]' ) . html ( h ) . toggle ( h != '' ) ;
217
217
} ) ;
218
-
218
+
219
219
return '\
220
220
<select name="coord_1"> \
221
221
<option value="-1">-</option> \
@@ -232,7 +232,7 @@ <h3>Output</h3>
232
232
onAfterSetValue : function ( $rule , value , filter , operator ) {
233
233
if ( operator . accept_values ) {
234
234
var val = value [ 0 ] . split ( '.' ) ;
235
-
235
+
236
236
$rule . find ( '[name=coord_1]' ) . val ( val [ 0 ] ) . trigger ( 'change' ) ;
237
237
$rule . find ( '[name=coord_2]' ) . val ( val [ 1 ] ) ;
238
238
}
0 commit comments