1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
| function updateData() {
selectedMagasin = localStorage.getItem('selectMagasin');
selectedEnseigne = localStorage.getItem('selectEnseigne');
selectedOutnumber = localStorage.getItem('selectMagasin').split(" - ")[localStorage.getItem('selectMagasin').split(" - ").length - 1 ];
//changement du logo (ou suppression si non renseigne)
console.log(selectedEnseigne)
$('.logo-enseigne').empty();
for (var i = 0; i < logo.length; i++) {
console.log(selectedEnseigne, logo[i][0])
if (selectedEnseigne == logo[i][0]) {
if (logo[i][1] != '') {
// .split(" ").join("") = equivalent du trim en + rapide
$('.logo-enseigne').html('<img src="../img/logos/' + logo[i][1].split(" ").join("") + '" alt="Logo de ' + logo[i][0] + '" class="valign">');
} else {
$('.logo-enseigne').empty();
}
}
}
console.log(selectedMagasin)
$('.nom-magasin').text(selectedMagasin);
setMenuTitle();
// TODO, load data from serveur
$.ajax({
url: 'https://app-gms-decisionnel.ovh/PHP/DATA_IMPACT/getDataByMagasin.php',
type: 'GET',
cache: false,
dataType: 'json',
data: {
id: selectedOutnumber
}
}).done(function (data) {
console.log(data)
var dataForTable = [];
var colJr = [];
var header = [];
var nbColWithoutdataJour = Object.keys(data[0]).length -1;
var hiddendataJourCol = []; // table des jours à masqués, on garde 6 jours et on masque le reste
var refsAbsorRupt = {};
//On place les données dans un tableau + on transforme dataJour en données sous forme de colonne
$.each(data, function (i, line) {
var $tr = $("<tr>");
var tempData = {};
$.each(line, function (head, value) {
if (head === "dataJour") {
try {
value = value.split("'").join('"');
var json = JSON.parse(value);
} catch (e) {
console.error(e);
console.log(value)
}
$.each(json, function (jr, statut) {
tempData[jr] = statut;
colJr.push(jr);
});
} else {
tempData[head] = value;
}
//Ajouter le champs de saisie du plan d'action
$tr.append($("<td>").append($("<input>").attr({'type': 'text', 'id': 'action', 'style': 'background-color:inherit;text-align:center;width:50px !important'});
})
dataForTable.push(tempData);
});
$.each(dataForTable[0], function (head, value) {
header.push({"data": head, "title": head});
});
console.log("nbColWithoutdataJour :",nbColWithoutdataJour,", dataForTable :",dataForTable,"header.length :",header.length);
for (var i = nbColWithoutdataJour; i < header.length - 6; i++) {
hiddendataJourCol.push(i);
}
datatable_ = $('#datatable').DataTable({
data: dataForTable,
columns: header,
columnDefs: [
{
"targets": hiddendataJourCol,
visible: false
}
],
deferRender: true,
scrollX: 800,
scroller: {
rowHeight: 11
},
"lengthMenu": [[10, 20, 50, 100, -1], [10, 20, 50, 100, "Tout"]],
"pageLength": 20,
'rowCallback': function (row, data, index) {
for (var i = nbColWithoutdataJour; i < nbColWithoutdataJour + 6; i++) {
var sColor = "";
switch (data[header[i + hiddendataJourCol.length].data]) {
case "Absent":
sColor = "yellow";
break;
case "Present":
sColor = "green";
break;
case "En rupture":
sColor = "red";
break;
default:
sColor = "yellow";
break;
}
$(row).find('td:eq(' + i + ')').css('background-color', sColor);
}
}
});
ajaxDiff();
ajaxLienDrive();
}).fail(function (e) {
console.error("Erreur ajax ligne 295 :",e.responseText);//voir ce que ça donne cette ligne...
console.error(e)
})
// Remplir datatable
// Virer loading
$('#loading-wrapper').fadeOut(400);
} |
Ajouter une colonne à une <TABLE>
Répondre avec citation
Partager