|
@@ -2,31 +2,31 @@ let listContainer = $("#dataList");
|
2
|
2
|
let displayedItems = [];
|
3
|
3
|
let fetchedData = {};
|
4
|
4
|
|
5
|
|
-let currentMode = "sell";
|
|
5
|
+let currentMode = "buy";
|
6
|
6
|
|
7
|
|
-let sellCLass = 'btn-danger';
|
|
7
|
+let sellClass = 'btn-danger';
|
8
|
8
|
let buyClass = 'btn-success';
|
9
|
9
|
|
10
|
10
|
$(document).ready(async function () {
|
11
|
|
- fetchedData = await AjaxManager.getAll();
|
|
11
|
+ await generateList();
|
|
12
|
+
|
|
13
|
+ $('#buyButton').addClass(buyClass);
|
|
14
|
+ $('#saveButton').addClass(buyClass);
|
12
|
15
|
|
13
|
|
- $('#sellButton').addClass(sellCLass);
|
14
|
|
- $('#saveButton').addClass(sellCLass);
|
15
|
16
|
|
16
|
|
- generateList();
|
17
|
17
|
$('#buyButton').on('click', function () {
|
18
|
18
|
if (!$(this).hasClass(buyClass)) {
|
19
|
19
|
$(this).addClass(buyClass);
|
20
|
|
- $('#sellButton').removeClass(sellCLass);
|
21
|
|
- $('#saveButton').removeClass(sellCLass).addClass(buyClass);
|
|
20
|
+ $('#sellButton').removeClass(sellClass);
|
|
21
|
+ $('#saveButton').removeClass(sellClass).addClass(buyClass);
|
22
|
22
|
currentMode = "buy";
|
23
|
23
|
}
|
24
|
24
|
});
|
25
|
25
|
$('#sellButton').on('click', function () {
|
26
|
|
- if (!$(this).hasClass(sellCLass)) {
|
27
|
|
- $(this).addClass(sellCLass);
|
|
26
|
+ if (!$(this).hasClass(sellClass)) {
|
|
27
|
+ $(this).addClass(sellClass);
|
28
|
28
|
$('#buyButton').removeClass(buyClass);
|
29
|
|
- $('#saveButton').removeClass(buyClass).addClass(sellCLass);
|
|
29
|
+ $('#saveButton').removeClass(buyClass).addClass(sellClass);
|
30
|
30
|
currentMode = "sell";
|
31
|
31
|
}
|
32
|
32
|
});
|
|
@@ -51,8 +51,9 @@ $(document).ready(async function () {
|
51
|
51
|
buttons: {
|
52
|
52
|
formSubmit: {
|
53
|
53
|
text: 'Confirmer',
|
54
|
|
- action: function () {
|
55
|
|
- window.location.reload();
|
|
54
|
+ action: async function () {
|
|
55
|
+ await AjaxManager.saveStockChange(getFormattedValues(values), currentMode === "sell");
|
|
56
|
+ await generateList();
|
56
|
57
|
}
|
57
|
58
|
},
|
58
|
59
|
cancel: {
|
|
@@ -60,24 +61,37 @@ $(document).ready(async function () {
|
60
|
61
|
}
|
61
|
62
|
}
|
62
|
63
|
});
|
63
|
|
- AjaxManager.saveStockChange(getFormattedValues(values), currentMode === "sell");
|
64
|
64
|
});
|
65
|
65
|
});
|
66
|
66
|
|
67
|
67
|
function getListItem(item) {
|
|
68
|
+ const inputId = 'stockDiffInput' + item['id'];
|
|
69
|
+ const labelId = 'stockDiffLabel' + item['id'];
|
68
|
70
|
return (
|
69
|
71
|
'<div class="grid-item">' +
|
70
|
72
|
'<div class="grid-container">' +
|
|
73
|
+ '<div class="img-container">' +
|
71
|
74
|
'<img class="list-image" src="../uploaded_images/' + item['id'] + '.jpg"/>' +
|
72
|
|
- '<p>' + item['name'] + '</p>' +
|
73
|
|
- '<p>Quantité : ' + item['quantity'] + '</p>' +
|
74
|
|
- '<input placeholder="Nombre" type="number" value="0" class="form-control"/>' +
|
|
75
|
+ '</div>' +
|
|
76
|
+ '<h5>' + item['name'] + '</h5>' +
|
|
77
|
+ '<p>Quantité : <strong>' + item['quantity'] + '</strong></p>' +
|
|
78
|
+ '<label for="' + inputId + '" id="' + labelId + '">À Ajouter :</label>' +
|
|
79
|
+ '<input id="' + inputId + '" placeholder="Nombre" type="number" value="0" class="form-control" onchange="onStockDiffInputChange(this)"/>' +
|
75
|
80
|
'</div>' +
|
76
|
81
|
'</div>');
|
77
|
82
|
}
|
78
|
83
|
|
|
84
|
+function onStockDiffInputChange(input) {
|
|
85
|
+ if ($(input).val() < 0 || isNaN(parseInt($(input).val()))) {
|
|
86
|
+ $(input).val(0);
|
|
87
|
+ }
|
|
88
|
+}
|
|
89
|
+
|
79
|
90
|
|
80
|
|
-function generateList() {
|
|
91
|
+async function generateList() {
|
|
92
|
+ fetchedData = await AjaxManager.getAll();
|
|
93
|
+ displayedItems = [];
|
|
94
|
+ listContainer.html('');
|
81
|
95
|
for (let i = 0; i < fetchedData['articles'].length; i++) {
|
82
|
96
|
let listItem = getListItem(fetchedData['articles'][i]);
|
83
|
97
|
displayedItems.push($(listItem));
|