1
|
let ROW = 'row';
|
2
|
let COLUMN = 'column';
|
3
|
let VALUE = 'value';
|
4
|
|
5
|
$(document).ready(function() {
|
6
|
|
7
|
// reaction for add/delete parameters from selected fields (row, column, value)
|
8
|
$('.select-action-button').on('click', function () {
|
9
|
// if input has headlight class (parameter is already added -> remove)
|
10
|
if ($(this).hasClass('select-action-headlight'))
|
11
|
{
|
12
|
// remove headlight class from type
|
13
|
$(this).removeClass('select-action-headlight');
|
14
|
|
15
|
// remove parameter from selected inputs
|
16
|
removeParameter(getParameterTitle($(this)), getParameterType($(this)));
|
17
|
}
|
18
|
else
|
19
|
{
|
20
|
// remove headlight from other types for parameter if exists
|
21
|
$(this).closest('.select-action-buttons').find('.select-action-button').removeClass('select-action-headlight');
|
22
|
|
23
|
// remove element from selected inputs if exists
|
24
|
removeFromAll(getParameterTitle($(this)));
|
25
|
|
26
|
// headlight selected input
|
27
|
$(this).addClass('select-action-headlight');
|
28
|
|
29
|
// add selected parameter to selected parameters by type
|
30
|
addParameter(getParameterIndex($(this)),
|
31
|
getParameterTitle($(this)),
|
32
|
getParameterType($(this)),
|
33
|
getParameterHiddenValue($(this)));
|
34
|
|
35
|
// reinitialize actions for new parameter
|
36
|
initParameters();
|
37
|
}
|
38
|
|
39
|
validateCombination();
|
40
|
});
|
41
|
|
42
|
// init actions
|
43
|
initParameters();
|
44
|
|
45
|
// spinner init
|
46
|
initSpinnerToButtons();
|
47
|
|
48
|
// generation init
|
49
|
initTableGenerationButtons();
|
50
|
|
51
|
// sort selected parameters
|
52
|
initSelectedParameters();
|
53
|
|
54
|
// set up tooltips
|
55
|
initTooltips();
|
56
|
|
57
|
});
|
58
|
|
59
|
/**
|
60
|
* Remove value from all selected fields
|
61
|
* @param title
|
62
|
*/
|
63
|
function removeFromAll(title) {
|
64
|
$rows = $('.selected-input-container');
|
65
|
|
66
|
$rows.each(function () {
|
67
|
$(this).find('.parameter-name').each(function () {
|
68
|
if ($(this).text() == title)
|
69
|
{
|
70
|
$(this).closest('.parameter').remove();
|
71
|
}
|
72
|
})
|
73
|
});
|
74
|
}
|
75
|
|
76
|
/**
|
77
|
* Returns parameter index
|
78
|
* @param button
|
79
|
* @returns {*|jQuery|string|undefined}
|
80
|
*/
|
81
|
function getParameterIndex(button) {
|
82
|
return $(button).closest('.parameter-row').find('.parameterIndex').val();
|
83
|
}
|
84
|
|
85
|
/**
|
86
|
* Adds new parameter to selected fields
|
87
|
* @param index
|
88
|
* @param parameterName
|
89
|
* @param type
|
90
|
* @param hiddenValue
|
91
|
*/
|
92
|
function addParameter(index, parameterName, type, hiddenValue) {
|
93
|
var row = document.createElement('tr');
|
94
|
row.classList.add(type + '-parameter', 'parameter');
|
95
|
|
96
|
let hiddenInput = document.createElement('input');
|
97
|
hiddenInput.type = 'hidden';
|
98
|
hiddenInput.id = `parametersInConfiguration${index}.location.id`;
|
99
|
hiddenInput.name = `parametersInConfiguration[${index}].location.id`;
|
100
|
hiddenInput.setAttribute('value', hiddenValue);
|
101
|
|
102
|
let hiddenInputOrder = document.createElement('input');
|
103
|
hiddenInputOrder.type = 'hidden';
|
104
|
hiddenInputOrder.id = `parametersInConfiguration${index}.parameterOrder`;
|
105
|
hiddenInputOrder.name = `parametersInConfiguration[${index}].parameterOrder`;
|
106
|
hiddenInputOrder.classList.add('parametr-order');
|
107
|
|
108
|
row.appendChild(hiddenInput);
|
109
|
row.appendChild(hiddenInputOrder);
|
110
|
|
111
|
var firstTd = document.createElement('td');
|
112
|
|
113
|
var firstTdBody = document.createElement('span');
|
114
|
firstTdBody.classList.add('parameter-name');
|
115
|
firstTdBody.innerHTML = parameterName;
|
116
|
|
117
|
firstTd.appendChild(firstTdBody);
|
118
|
|
119
|
row.appendChild(firstTd);
|
120
|
|
121
|
var thirdTd = document.createElement('td');
|
122
|
|
123
|
var thirdTdBody;
|
124
|
|
125
|
|
126
|
if (type == VALUE)
|
127
|
{
|
128
|
thirdTdBody = $('#function-select-' + index).clone()[0];
|
129
|
thirdTdBody.selectedIndex = 0;
|
130
|
|
131
|
$(thirdTdBody).removeClass('hidden');
|
132
|
}
|
133
|
else
|
134
|
{
|
135
|
var secondTd = document.createElement('td');
|
136
|
|
137
|
var secondTdBody = document.createElement('input');
|
138
|
secondTdBody.type = 'text';
|
139
|
secondTdBody.classList.add('form-control', 'select-filter-input-name');
|
140
|
secondTdBody.name = `parametersInConfiguration[${index}].columnName`;
|
141
|
|
142
|
secondTd.appendChild(secondTdBody);
|
143
|
|
144
|
row.appendChild(secondTd);
|
145
|
|
146
|
thirdTdBody = document.createElement('span');
|
147
|
thirdTdBody.innerHTML = "<i class=\"fas fa-sort\"></i>";
|
148
|
}
|
149
|
|
150
|
thirdTd.appendChild(thirdTdBody);
|
151
|
|
152
|
row.appendChild(thirdTd);
|
153
|
|
154
|
$('#' + type + '-wrapper').append($(row));
|
155
|
|
156
|
reindexOrder();
|
157
|
|
158
|
}
|
159
|
|
160
|
/**
|
161
|
* Remove specific parameter from fields by name and container
|
162
|
* @param title
|
163
|
* @param parameterClass
|
164
|
*/
|
165
|
function removeParameter(title, parameterClass) {
|
166
|
$rows = $('.' + parameterClass + '-parameter');
|
167
|
|
168
|
$rows.each(function () {
|
169
|
$(this).find('.parameter-name').each(function () {
|
170
|
if ($(this).text() == title)
|
171
|
{
|
172
|
$(this).closest('.' + parameterClass + '-parameter').remove();
|
173
|
}
|
174
|
})
|
175
|
});
|
176
|
}
|
177
|
|
178
|
/**
|
179
|
* Base on class returns type
|
180
|
* @param context
|
181
|
* @returns {string}
|
182
|
*/
|
183
|
function getParameterType(context) {
|
184
|
if ($(context).hasClass('column-button'))
|
185
|
{
|
186
|
return COLUMN;
|
187
|
}
|
188
|
else if ($(context).hasClass('row-button'))
|
189
|
{
|
190
|
return ROW;
|
191
|
}
|
192
|
else if ($(context).hasClass('value-button'))
|
193
|
{
|
194
|
return VALUE;
|
195
|
}
|
196
|
}
|
197
|
|
198
|
/**
|
199
|
* Base on type return integer value
|
200
|
* @param context
|
201
|
* @returns {number}
|
202
|
*/
|
203
|
function getParameterHiddenValue(context) {
|
204
|
if ($(context).hasClass('column-button'))
|
205
|
{
|
206
|
return 1;
|
207
|
}
|
208
|
else if ($(context).hasClass('row-button'))
|
209
|
{
|
210
|
return 2;
|
211
|
}
|
212
|
else if ($(context).hasClass('value-button'))
|
213
|
{
|
214
|
return 3;
|
215
|
}
|
216
|
}
|
217
|
|
218
|
/**
|
219
|
* Returns parameter name
|
220
|
* @param context
|
221
|
* @returns {*|jQuery}
|
222
|
*/
|
223
|
function getParameterTitle(context) {
|
224
|
return $(context).closest('.parameter-row').find('.parameter-name').text();
|
225
|
}
|
226
|
|
227
|
/**
|
228
|
* Init base actions
|
229
|
*/
|
230
|
function initParameters()
|
231
|
{
|
232
|
$('.sortable').sortable({
|
233
|
stop: function () {
|
234
|
reindexOrder();
|
235
|
}
|
236
|
});
|
237
|
$("select").selectpicker('refresh');
|
238
|
}
|
239
|
|
240
|
/**
|
241
|
* Update parametr order
|
242
|
*/
|
243
|
function reindexOrder() {
|
244
|
var rowValues = $('.row-parameter');
|
245
|
var columnValues = $('.column-parameter');
|
246
|
var valueValues = $('.value-parameter');
|
247
|
|
248
|
var index = 0;
|
249
|
|
250
|
rowValues.each(function () {
|
251
|
$(this).find('.parametr-order').attr('value', index);
|
252
|
index++;
|
253
|
});
|
254
|
|
255
|
columnValues.each(function () {
|
256
|
$(this).find('.parametr-order').attr('value', index);
|
257
|
index++;
|
258
|
});
|
259
|
|
260
|
valueValues.each(function () {
|
261
|
$(this).find('.parametr-order').attr('value', index);
|
262
|
index++;
|
263
|
});
|
264
|
}
|
265
|
|
266
|
function checkIfConfigurationNameIsNull() {
|
267
|
var configurationName = document.getElementById('configurationName');
|
268
|
|
269
|
if (configurationName.value == null || configurationName.value == "") {
|
270
|
alert("Není vyplněn název šablony !");
|
271
|
}
|
272
|
}
|
273
|
|
274
|
/**
|
275
|
* Set up listener to export buttons to show spinner
|
276
|
*/
|
277
|
function initSpinnerToButtons() {
|
278
|
hideSpinner();
|
279
|
|
280
|
document.querySelectorAll('.show-spinner').forEach(button => {
|
281
|
button.addEventListener('click', showSpinner);
|
282
|
})
|
283
|
}
|
284
|
|
285
|
/**
|
286
|
* Shows spinner with overlay
|
287
|
*/
|
288
|
function showSpinner() {
|
289
|
let spinner = document.getElementById('spinner-overlay');
|
290
|
|
291
|
spinner.style.display = 'block';
|
292
|
}
|
293
|
|
294
|
/**
|
295
|
* Hides spinner with overlay
|
296
|
*/
|
297
|
function hideSpinner() {
|
298
|
let spinner = document.getElementById('spinner-overlay');
|
299
|
|
300
|
spinner.style.display = 'none';
|
301
|
}
|
302
|
|
303
|
/**
|
304
|
* Table generation button validator
|
305
|
* If row is selected allow to generate
|
306
|
* if column is selected, value and row must be also selected
|
307
|
*/
|
308
|
function initTableGenerationButtons() {
|
309
|
validateCombination();
|
310
|
}
|
311
|
|
312
|
/**
|
313
|
* Check action buttons combination
|
314
|
*/
|
315
|
function validateCombination() {
|
316
|
let selectedActionButtons = $('.select-action-headlight');
|
317
|
|
318
|
var rowSelected = false;
|
319
|
var columnSelected = false;
|
320
|
var valueSelected = false;
|
321
|
|
322
|
// check selected buttons
|
323
|
selectedActionButtons.each(function () {
|
324
|
let type = getParameterType($(this));
|
325
|
|
326
|
switch (type) {
|
327
|
case VALUE:
|
328
|
valueSelected = true;
|
329
|
break;
|
330
|
case ROW:
|
331
|
rowSelected = true;
|
332
|
break;
|
333
|
case COLUMN:
|
334
|
columnSelected = true;
|
335
|
break;
|
336
|
}
|
337
|
});
|
338
|
|
339
|
// possible combinations with allowed export
|
340
|
if (rowSelected && columnSelected && valueSelected)
|
341
|
{
|
342
|
allowExport();
|
343
|
}
|
344
|
else if (columnSelected && !rowSelected && !valueSelected)
|
345
|
{
|
346
|
allowExport();
|
347
|
}
|
348
|
else
|
349
|
{
|
350
|
disableExportButtons();
|
351
|
}
|
352
|
|
353
|
|
354
|
}
|
355
|
|
356
|
/**
|
357
|
* Disables buttons for export
|
358
|
*/
|
359
|
function disableExportButtons() {
|
360
|
$('.show-spinner').attr('disabled','disabled');
|
361
|
}
|
362
|
|
363
|
/**
|
364
|
* Allow buttons for export
|
365
|
*/
|
366
|
function allowExport() {
|
367
|
$('.show-spinner').removeAttr('disabled');
|
368
|
}
|
369
|
|
370
|
/**
|
371
|
* Sort selected parameters by order
|
372
|
*/
|
373
|
function initSelectedParameters() {
|
374
|
|
375
|
sortSelectedParameters('.column-parameter', '#column-wrapper');
|
376
|
sortSelectedParameters('.row-parameter', '#row-wrapper');
|
377
|
|
378
|
}
|
379
|
|
380
|
/**
|
381
|
* Checks and sort specific parameters
|
382
|
* @param parameterName
|
383
|
* @param parameterWrapper
|
384
|
*/
|
385
|
function sortSelectedParameters(parameterName, parameterWrapper) {
|
386
|
|
387
|
var tmpArray = [];
|
388
|
|
389
|
var parameters = $(parameterName);
|
390
|
|
391
|
// load specific parameters to array orderIndex => parameter
|
392
|
parameters.each(function () {
|
393
|
var orderIndex = $(this).find('.parametr-order').val();
|
394
|
|
395
|
tmpArray[orderIndex] = $(this);
|
396
|
|
397
|
});
|
398
|
|
399
|
// sort parameters by key (order index)
|
400
|
tmpArray.sort((a, b) => a - b);
|
401
|
|
402
|
let wrapper = $(parameterWrapper);
|
403
|
|
404
|
// clear wrapper
|
405
|
wrapper.empty();
|
406
|
|
407
|
// append sorted elements
|
408
|
wrapper.append(tmpArray);
|
409
|
}
|
410
|
|
411
|
/**
|
412
|
* Set up tooltips
|
413
|
*/
|
414
|
function initTooltips() {
|
415
|
$('[data-toggle="tooltip"]').tooltip();
|
416
|
}
|