datatables.net-searchbuilder-se 1.1.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/Readme.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# SearchBuilder for DataTables with styling for [SemanticUI](https://semantic-ui.com/)
|
|
2
2
|
|
|
3
|
-
This package contains a built distribution of the [SearchBuilder extension](https://datatables.net/extensions/
|
|
3
|
+
This package contains a built distribution of the [SearchBuilder extension](https://datatables.net/extensions/searchbuilder) for [DataTables](https://datatables.net/) with styling for [SemanticUI](https://semantic-ui.com/).
|
|
4
4
|
|
|
5
5
|
SearchBuilder adds user defined complex search to the DataTable with the capability to search the DataTable by creating groups and conditions.
|
|
6
6
|
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
div.dt-button-collection {
|
|
2
2
|
overflow: visible !important;
|
|
3
|
+
z-index: 2002 !important;
|
|
3
4
|
}
|
|
4
5
|
div.dt-button-collection div.dtsb-searchBuilder {
|
|
5
|
-
width:
|
|
6
|
+
width: 99% !important;
|
|
7
|
+
padding-left: 10px !important;
|
|
8
|
+
padding-right: 10px !important;
|
|
6
9
|
}
|
|
7
10
|
|
|
8
11
|
.dtsb-greyscale {
|
|
@@ -66,6 +69,7 @@ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
|
|
|
66
69
|
padding: 0.4em;
|
|
67
70
|
margin-right: 0.8em;
|
|
68
71
|
max-width: 20em;
|
|
72
|
+
background-color: rgba(200, 200, 200, 0.3);
|
|
69
73
|
}
|
|
70
74
|
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown option.dtsb-notItalic,
|
|
71
75
|
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.dtsb-notItalic {
|
|
@@ -88,6 +92,33 @@ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria span.dtsp-joiner {
|
|
|
88
92
|
margin-right: 0.8em;
|
|
89
93
|
}
|
|
90
94
|
|
|
95
|
+
div.dt-button-collection {
|
|
96
|
+
border: 1px solid rgba(34, 36, 38, 0.15);
|
|
97
|
+
border-radius: 4px;
|
|
98
|
+
}
|
|
99
|
+
div.dt-button-collection div.dtsb-searchBuilder {
|
|
100
|
+
margin: 10px;
|
|
101
|
+
}
|
|
102
|
+
div.dt-button-collection div.dtsb-searchBuilder div.dtsb-titleRow {
|
|
103
|
+
font-size: 13.33px;
|
|
104
|
+
}
|
|
105
|
+
div.dt-button-collection div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll {
|
|
106
|
+
border: none;
|
|
107
|
+
border-radius: 4px;
|
|
108
|
+
}
|
|
109
|
+
div.dt-button-collection div.dtsb-searchBuilder select.ui.dropdown {
|
|
110
|
+
font-size: 13.33px;
|
|
111
|
+
}
|
|
112
|
+
div.dt-button-collection div.dtsb-searchBuilder div.dtsb-logicContainer {
|
|
113
|
+
margin-top: 10px !important;
|
|
114
|
+
border: 1px solid rgba(34, 36, 38, 0.15);
|
|
115
|
+
border-radius: 4px;
|
|
116
|
+
}
|
|
117
|
+
div.dt-button-collection div.dtsb-searchBuilder div.dtsb-criteria,
|
|
118
|
+
div.dt-button-collection div.dtsb-searchBuilder div.dtsb-group {
|
|
119
|
+
margin-bottom: 10px !important;
|
|
120
|
+
}
|
|
121
|
+
|
|
91
122
|
div.dtsb-searchBuilder button.dtsb-button {
|
|
92
123
|
padding-top: 5px;
|
|
93
124
|
padding-left: 5px;
|
|
@@ -114,6 +145,10 @@ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data {
|
|
|
114
145
|
div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value {
|
|
115
146
|
border-color: #2185d0;
|
|
116
147
|
}
|
|
148
|
+
div.dtsb-searchBuilder div.dtsb-group button.ui.button {
|
|
149
|
+
border: 1px solid rgba(34, 36, 38, 0.15);
|
|
150
|
+
border-radius: 4px;
|
|
151
|
+
}
|
|
117
152
|
div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
|
|
118
153
|
border-radius: 4px;
|
|
119
154
|
display: flex;
|
|
@@ -129,12 +164,13 @@ div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic
|
|
|
129
164
|
border-radius: 0px;
|
|
130
165
|
flex-grow: 1;
|
|
131
166
|
flex-shrink: 0;
|
|
132
|
-
flex-basis:
|
|
167
|
+
flex-basis: 2.5em;
|
|
133
168
|
margin: 0px;
|
|
134
169
|
}
|
|
135
170
|
div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup {
|
|
136
171
|
border: none;
|
|
137
172
|
border-radius: 0px;
|
|
173
|
+
flex-grow: 0;
|
|
138
174
|
width: 2em;
|
|
139
175
|
margin: 0px;
|
|
140
176
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
div.dt-button-collection{overflow:visible !important}div.dt-button-collection div.dtsb-searchBuilder{width:
|
|
1
|
+
div.dt-button-collection{overflow:visible !important;z-index:2002 !important}div.dt-button-collection div.dtsb-searchBuilder{width:99% !important;padding-left:10px !important;padding-right:10px !important}.dtsb-greyscale{border:1px solid #cecece !important}div.dtsb-logicContainer .dtsb-greyscale{border:none !important}div.dtsb-searchBuilder{justify-content:space-evenly;cursor:default;margin-bottom:1em;text-align:left}div.dtsb-searchBuilder button.dtsb-button,div.dtsb-searchBuilder select{font-size:1em}div.dtsb-searchBuilder div.dtsb-titleRow{justify-content:space-evenly;margin-bottom:.5em}div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title{display:inline-block;padding-top:6px}div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll{float:right;margin-bottom:.333em}div.dtsb-searchBuilder div.dtsb-vertical .dtsb-value,div.dtsb-searchBuilder div.dtsb-vertical .dtsb-data,div.dtsb-searchBuilder div.dtsb-vertical .dtsb-condition{display:block}div.dtsb-searchBuilder div.dtsb-group{position:relative;clear:both;margin-bottom:.8em}div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup{margin:2px;text-align:center;padding:0}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:absolute;margin-top:.8em;margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria{margin-bottom:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input{padding:.4em;margin-right:.8em;max-width:20em;background-color:rgba(200, 200, 200, 0.3)}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown option.dtsb-notItalic,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.dtsb-notItalic{font-style:normal}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-italic{font-style:italic}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer{float:right;display:inline-block}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left{margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete:last-child,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right:last-child,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left:last-child{margin-right:0}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria span.dtsp-joiner{margin-right:.8em}div.dt-button-collection{border:1px solid rgba(34, 36, 38, 0.15);border-radius:4px}div.dt-button-collection div.dtsb-searchBuilder{margin:10px}div.dt-button-collection div.dtsb-searchBuilder div.dtsb-titleRow{font-size:13.33px}div.dt-button-collection div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll{border:none;border-radius:4px}div.dt-button-collection div.dtsb-searchBuilder select.ui.dropdown{font-size:13.33px}div.dt-button-collection div.dtsb-searchBuilder div.dtsb-logicContainer{margin-top:10px !important;border:1px solid rgba(34, 36, 38, 0.15);border-radius:4px}div.dt-button-collection div.dtsb-searchBuilder div.dtsb-criteria,div.dt-button-collection div.dtsb-searchBuilder div.dtsb-group{margin-bottom:10px !important}div.dtsb-searchBuilder button.dtsb-button{padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:5px;min-width:30px;min-height:30px}div.dtsb-searchBuilder div.dtsb-titleRow{margin-bottom:1em}div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll{margin-bottom:0px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select{width:auto !important}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition{border-color:#21ba45}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data{border-color:#db2828}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value{border-color:#2185d0}div.dtsb-searchBuilder div.dtsb-group button.ui.button{border:1px solid rgba(34, 36, 38, 0.15);border-radius:4px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer{border-radius:4px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;margin-top:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic{border:none;border-radius:0px;flex-grow:1;flex-shrink:0;flex-basis:2.5em;margin:0px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup{border:none;border-radius:0px;flex-grow:0;width:2em;margin:0px}
|
|
@@ -1,52 +1,70 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* ©
|
|
1
|
+
/*! SearchBuilder 1.3.0
|
|
2
|
+
* ©SpryMedia Ltd - datatables.net/license/mit
|
|
3
3
|
*/
|
|
4
|
-
(function (
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
(function () {
|
|
5
|
+
'use strict';
|
|
6
|
+
|
|
7
|
+
/*! semantic ui integration for DataTables' SearchBuilder
|
|
8
|
+
* ©2016 SpryMedia Ltd - datatables.net/license
|
|
9
|
+
*/
|
|
10
|
+
(function (factory) {
|
|
11
|
+
if (typeof define === 'function' && define.amd) {
|
|
12
|
+
// AMD
|
|
13
|
+
define(['jquery', 'datatables.net-se', 'datatables.net-searchbuilder'], function ($) {
|
|
14
|
+
return factory($);
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
else if (typeof exports === 'object') {
|
|
18
|
+
// CommonJS
|
|
19
|
+
module.exports = function (root, $) {
|
|
20
|
+
if (!root) {
|
|
21
|
+
root = window;
|
|
22
|
+
}
|
|
23
|
+
if (!$ || !$.fn.dataTable) {
|
|
24
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
25
|
+
$ = require('datatables.net-se')(root, $).$;
|
|
26
|
+
}
|
|
27
|
+
if (!$.fn.dataTable.searchBuilder) {
|
|
28
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
29
|
+
require('datatables.net-searchbuilder')(root, $);
|
|
30
|
+
}
|
|
31
|
+
return factory($);
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
// Browser
|
|
36
|
+
factory(jQuery);
|
|
37
|
+
}
|
|
38
|
+
}(function ($) {
|
|
39
|
+
var dataTable = $.fn.dataTable;
|
|
40
|
+
$.extend(true, dataTable.SearchBuilder.classes, {
|
|
41
|
+
clearAll: 'ui button dtsb-clearAll'
|
|
9
42
|
});
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
43
|
+
$.extend(true, dataTable.Group.classes, {
|
|
44
|
+
add: 'ui button dtsb-add',
|
|
45
|
+
clearGroup: 'ui button dtsb-clearGroup',
|
|
46
|
+
logic: 'ui button dtsb-logic'
|
|
47
|
+
});
|
|
48
|
+
$.extend(true, dataTable.Criteria.classes, {
|
|
49
|
+
condition: 'ui selection dropdown dtsb-condition',
|
|
50
|
+
data: 'ui selection dropdown dtsb-data',
|
|
51
|
+
"delete": 'ui button dtsb-delete',
|
|
52
|
+
left: 'ui button dtsb-left',
|
|
53
|
+
right: 'ui button dtsb-right',
|
|
54
|
+
value: 'ui selection dropdown dtsb-value'
|
|
55
|
+
});
|
|
56
|
+
dataTable.ext.buttons.searchBuilder.action = function (e, dt, node, config) {
|
|
57
|
+
e.stopPropagation();
|
|
58
|
+
this.popover(config._searchBuilder.getNode(), {
|
|
59
|
+
align: 'dt-container'
|
|
60
|
+
});
|
|
61
|
+
// Need to redraw the contents to calculate the correct positions for the elements
|
|
62
|
+
if (config._searchBuilder.s.topGroup !== undefined) {
|
|
63
|
+
config._searchBuilder.s.topGroup.dom.container.trigger('dtsb-redrawContents');
|
|
24
64
|
}
|
|
25
|
-
|
|
65
|
+
$('div.dtsb-searchBuilder').removeClass('ui basic vertical buttons');
|
|
26
66
|
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
}(function ($, window, document) {
|
|
33
|
-
'use strict';
|
|
34
|
-
var dataTable = $.fn.dataTable;
|
|
35
|
-
$.extend(true, dataTable.SearchBuilder.classes, {
|
|
36
|
-
clearAll: 'ui button dtsb-clearAll'
|
|
37
|
-
});
|
|
38
|
-
$.extend(true, dataTable.Group.classes, {
|
|
39
|
-
add: 'ui button dtsb-add',
|
|
40
|
-
clearGroup: 'ui button dtsb-clearGroup',
|
|
41
|
-
logic: 'ui button dtsb-logic'
|
|
42
|
-
});
|
|
43
|
-
$.extend(true, dataTable.Criteria.classes, {
|
|
44
|
-
condition: 'ui selection dropdown dtsb-condition',
|
|
45
|
-
data: 'ui selection dropdown dtsb-data',
|
|
46
|
-
"delete": 'ui button dtsb-delete',
|
|
47
|
-
left: 'ui button dtsb-left',
|
|
48
|
-
right: 'ui button dtsb-right',
|
|
49
|
-
value: 'ui selection dropdown dtsb-value'
|
|
50
|
-
});
|
|
51
|
-
return dataTable.searchPanes;
|
|
52
|
-
}));
|
|
67
|
+
return dataTable.searchPanes;
|
|
68
|
+
}));
|
|
69
|
+
|
|
70
|
+
}());
|
|
@@ -2,5 +2,6 @@
|
|
|
2
2
|
semantic ui integration for DataTables' SearchBuilder
|
|
3
3
|
©2016 SpryMedia Ltd - datatables.net/license
|
|
4
4
|
*/
|
|
5
|
-
(function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net-se","datatables.net-searchbuilder"],function(a){return b(a
|
|
6
|
-
|
|
5
|
+
(function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net-se","datatables.net-searchbuilder"],function(a){return b(a)}):"object"===typeof exports?module.exports=function(a,c){a||(a=window);c&&c.fn.dataTable||(c=require("datatables.net-se")(a,c).$);c.fn.dataTable.searchBuilder||require("datatables.net-searchbuilder")(a,c);return b(c)}:b(jQuery)})(function(b){var a=b.fn.dataTable;b.extend(!0,a.SearchBuilder.classes,{clearAll:"ui button dtsb-clearAll"});b.extend(!0,a.Group.classes,
|
|
6
|
+
{add:"ui button dtsb-add",clearGroup:"ui button dtsb-clearGroup",logic:"ui button dtsb-logic"});b.extend(!0,a.Criteria.classes,{condition:"ui selection dropdown dtsb-condition",data:"ui selection dropdown dtsb-data","delete":"ui button dtsb-delete",left:"ui button dtsb-left",right:"ui button dtsb-right",value:"ui selection dropdown dtsb-value"});a.ext.buttons.searchBuilder.action=function(c,e,f,d){c.stopPropagation();this.popover(d._searchBuilder.getNode(),{align:"dt-container"});void 0!==d._searchBuilder.s.topGroup&&
|
|
7
|
+
d._searchBuilder.s.topGroup.dom.container.trigger("dtsb-redrawContents");b("div.dtsb-searchBuilder").removeClass("ui basic vertical buttons")};return a.searchPanes});
|
package/package.json
CHANGED
|
@@ -4,10 +4,11 @@
|
|
|
4
4
|
"main": "js/searchBuilder.semanticui.js",
|
|
5
5
|
"style": "css/searchBuilder.semanticui.css",
|
|
6
6
|
"types": "./types/searchBuilder.semanticui.d.ts",
|
|
7
|
-
"version": "1.
|
|
7
|
+
"version": "1.3.0",
|
|
8
8
|
"files": [
|
|
9
9
|
"css/**/*.css",
|
|
10
|
-
"js/**/*.js"
|
|
10
|
+
"js/**/*.js",
|
|
11
|
+
"types/**/*.d.ts"
|
|
11
12
|
],
|
|
12
13
|
"keywords": [
|
|
13
14
|
"SearchBuilder",
|
|
@@ -23,9 +24,9 @@
|
|
|
23
24
|
"sort"
|
|
24
25
|
],
|
|
25
26
|
"dependencies": {
|
|
26
|
-
"
|
|
27
|
-
"datatables.net-se": "
|
|
28
|
-
"
|
|
27
|
+
"datatables.net-searchbuilder": ">=1.2.2",
|
|
28
|
+
"datatables.net-se": ">=1.11.3",
|
|
29
|
+
"jquery": ">=1.7"
|
|
29
30
|
},
|
|
30
31
|
"moduleType": [
|
|
31
32
|
"globals",
|
|
File without changes
|