corrade-nucleus-nucleons – Blame information for rev 20

Subversion Repositories:
Rev:
Rev Author Line No. Line
20 office 1 /**
2 * @author: aperez <aperez@datadec.es>
3 * @version: v2.0.0
4 *
5 * @update Dennis Hernández <http://djhvscf.github.io/Blog>
6 */
7  
8 !function($) {
9 'use strict';
10  
11 var firstLoad = false;
12  
13 var sprintf = $.fn.bootstrapTable.utils.sprintf;
14  
15 var showAvdSearch = function(pColumns, searchTitle, searchText, that) {
16 if (!$("#avdSearchModal" + "_" + that.options.idTable).hasClass("modal")) {
17 var vModal = sprintf("<div id=\"avdSearchModal%s\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"mySmallModalLabel\" aria-hidden=\"true\">", "_" + that.options.idTable);
18 vModal += "<div class=\"modal-dialog modal-xs\">";
19 vModal += " <div class=\"modal-content\">";
20 vModal += " <div class=\"modal-header\">";
21 vModal += " <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\" >&times;</button>";
22 vModal += sprintf(" <h4 class=\"modal-title\">%s</h4>", searchTitle);
23 vModal += " </div>";
24 vModal += " <div class=\"modal-body modal-body-custom\">";
25 vModal += sprintf(" <div class=\"container-fluid\" id=\"avdSearchModalContent%s\" style=\"padding-right: 0px;padding-left: 0px;\" >", "_" + that.options.idTable);
26 vModal += " </div>";
27 vModal += " </div>";
28 vModal += " </div>";
29 vModal += " </div>";
30 vModal += "</div>";
31  
32 $("body").append($(vModal));
33  
34 var vFormAvd = createFormAvd(pColumns, searchText, that),
35 timeoutId = 0;;
36  
37 $('#avdSearchModalContent' + "_" + that.options.idTable).append(vFormAvd.join(''));
38  
39 $('#' + that.options.idForm).off('keyup blur', 'input').on('keyup blur', 'input', function (event) {
40 clearTimeout(timeoutId);
41 timeoutId = setTimeout(function () {
42 that.onColumnAdvancedSearch(event);
43 }, that.options.searchTimeOut);
44 });
45  
46 $("#btnCloseAvd" + "_" + that.options.idTable).click(function() {
47 $("#avdSearchModal" + "_" + that.options.idTable).modal('hide');
48 });
49  
50 $("#avdSearchModal" + "_" + that.options.idTable).modal();
51 } else {
52 $("#avdSearchModal" + "_" + that.options.idTable).modal();
53 }
54 };
55  
56 var createFormAvd = function(pColumns, searchText, that) {
57 var htmlForm = [];
58 htmlForm.push(sprintf('<form class="form-horizontal" id="%s" action="%s" >', that.options.idForm, that.options.actionForm));
59 for (var i in pColumns) {
60 var vObjCol = pColumns[i];
61 if (!vObjCol.checkbox && vObjCol.visible && vObjCol.searchable) {
62 htmlForm.push('<div class="form-group">');
63 htmlForm.push(sprintf('<label class="col-sm-4 control-label">%s</label>', vObjCol.title));
64 htmlForm.push('<div class="col-sm-6">');
65 htmlForm.push(sprintf('<input type="text" class="form-control input-md" name="%s" placeholder="%s" id="%s">', vObjCol.field, vObjCol.title, vObjCol.field));
66 htmlForm.push('</div>');
67 htmlForm.push('</div>');
68 }
69 }
70  
71 htmlForm.push('<div class="form-group">');
72 htmlForm.push('<div class="col-sm-offset-9 col-sm-3">');
73 htmlForm.push(sprintf('<button type="button" id="btnCloseAvd%s" class="btn btn-default" >%s</button>', "_" + that.options.idTable, searchText));
74 htmlForm.push('</div>');
75 htmlForm.push('</div>');
76 htmlForm.push('</form>');
77  
78 return htmlForm;
79 };
80  
81 $.extend($.fn.bootstrapTable.defaults, {
82 advancedSearch: false,
83 idForm: 'advancedSearch',
84 actionForm: '',
85 idTable: undefined,
86 onColumnAdvancedSearch: function (field, text) {
87 return false;
88 }
89 });
90  
91 $.extend($.fn.bootstrapTable.defaults.icons, {
92 advancedSearchIcon: 'glyphicon-chevron-down'
93 });
94  
95 $.extend($.fn.bootstrapTable.Constructor.EVENTS, {
96 'column-advanced-search.bs.table': 'onColumnAdvancedSearch'
97 });
98  
99 $.extend($.fn.bootstrapTable.locales, {
100 formatAdvancedSearch: function() {
101 return 'Advanced search';
102 },
103 formatAdvancedCloseButton: function() {
104 return "Close";
105 }
106 });
107  
108 $.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales);
109  
110 var BootstrapTable = $.fn.bootstrapTable.Constructor,
111 _initToolbar = BootstrapTable.prototype.initToolbar,
112 _load = BootstrapTable.prototype.load,
113 _initSearch = BootstrapTable.prototype.initSearch;
114  
115 BootstrapTable.prototype.initToolbar = function() {
116 _initToolbar.apply(this, Array.prototype.slice.apply(arguments));
117  
118 if (!this.options.search) {
119 return;
120 }
121  
122 if (!this.options.advancedSearch) {
123 return;
124 }
125  
126 if (!this.options.idTable) {
127 return;
128 }
129  
130 var that = this,
131 html = [];
132  
133 html.push(sprintf('<div class="columns columns-%s btn-group pull-%s" role="group">', this.options.buttonsAlign, this.options.buttonsAlign));
134 html.push(sprintf('<button class="btn btn-default%s' + '" type="button" name="advancedSearch" aria-label="advanced search" title="%s">', that.options.iconSize === undefined ? '' : ' btn-' + that.options.iconSize, that.options.formatAdvancedSearch()));
135 html.push(sprintf('<i class="%s %s"></i>', that.options.iconsPrefix, that.options.icons.advancedSearchIcon))
136 html.push('</button></div>');
137  
138 that.$toolbar.prepend(html.join(''));
139  
140 that.$toolbar.find('button[name="advancedSearch"]')
141 .off('click').on('click', function() {
142 showAvdSearch(that.columns, that.options.formatAdvancedSearch(), that.options.formatAdvancedCloseButton(), that);
143 });
144 };
145  
146 BootstrapTable.prototype.load = function(data) {
147 _load.apply(this, Array.prototype.slice.apply(arguments));
148  
149 if (!this.options.advancedSearch) {
150 return;
151 }
152  
153 if (typeof this.options.idTable === 'undefined') {
154 return;
155 } else {
156 if (!firstLoad) {
157 var height = parseInt($(".bootstrap-table").height());
158 height += 10;
159 $("#" + this.options.idTable).bootstrapTable("resetView", {height: height});
160 firstLoad = true;
161 }
162 }
163 };
164  
165 BootstrapTable.prototype.initSearch = function () {
166 _initSearch.apply(this, Array.prototype.slice.apply(arguments));
167  
168 if (!this.options.advancedSearch) {
169 return;
170 }
171  
172 var that = this;
173 var fp = $.isEmptyObject(this.filterColumnsPartial) ? null : this.filterColumnsPartial;
174  
175 this.data = fp ? $.grep(this.data, function (item, i) {
176 for (var key in fp) {
177 var fval = fp[key].toLowerCase();
178 var value = item[key];
179 value = $.fn.bootstrapTable.utils.calculateObjectValue(that.header,
180 that.header.formatters[$.inArray(key, that.header.fields)],
181 [value, item, i], value);
182  
183 if (!($.inArray(key, that.header.fields) !== -1 &&
184 (typeof value === 'string' || typeof value === 'number') &&
185 (value + '').toLowerCase().indexOf(fval) !== -1)) {
186 return false;
187 }
188 }
189 return true;
190 }) : this.data;
191 };
192  
193 BootstrapTable.prototype.onColumnAdvancedSearch = function (event) {
194 var text = $.trim($(event.currentTarget).val());
195 var $field = $(event.currentTarget)[0].id;
196  
197 if ($.isEmptyObject(this.filterColumnsPartial)) {
198 this.filterColumnsPartial = {};
199 }
200 if (text) {
201 this.filterColumnsPartial[$field] = text;
202 } else {
203 delete this.filterColumnsPartial[$field];
204 }
205  
206 this.options.pageNumber = 1;
207 this.onSearch(event);
208 this.updatePagination();
209 this.trigger('column-advanced-search', $field, text);
210 };
211 }(jQuery);