contentoh-components-library 21.4.121 → 21.4.123
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/dist/components/atoms/Multiselect/Multiselect.stories.js +2 -2
- package/dist/components/atoms/Multiselect/index.js +30 -29
- package/dist/components/pages/MultipleEdition/MultipleEdition.stories.js +2 -1
- package/dist/components/pages/MultipleEdition/index.js +67 -30
- package/dist/components/pages/MultipleEdition/styles.js +1 -1
- package/dist/components/pages/MultipleEdition/utils.js +289 -29
- package/package.json +1 -1
- package/src/components/atoms/Multiselect/Multiselect.stories.js +2 -2
- package/src/components/atoms/Multiselect/index.js +10 -12
- package/src/components/pages/MultipleEdition/MultipleEdition.stories.js +2 -1
- package/src/components/pages/MultipleEdition/components/ImageUploader.js +62 -0
- package/src/components/pages/MultipleEdition/components/ImageUploaderStyles.js +29 -0
- package/src/components/pages/MultipleEdition/components/ImageVisor.js +143 -0
- package/src/components/pages/MultipleEdition/components/styles.js +106 -0
- package/src/components/pages/MultipleEdition/index.js +56 -12
- package/src/components/pages/MultipleEdition/styles.js +31 -1
- package/src/components/pages/MultipleEdition/utils.js +368 -21
|
@@ -40,11 +40,11 @@ MultiselectDefault.args = {
|
|
|
40
40
|
}, {
|
|
41
41
|
"groupId": 65,
|
|
42
42
|
"groupName": "Jefe Comercial",
|
|
43
|
-
"userContentGroup":
|
|
43
|
+
"userContentGroup": 0
|
|
44
44
|
}, {
|
|
45
45
|
"groupId": 66,
|
|
46
46
|
"groupName": "Planogramas",
|
|
47
|
-
"userContentGroup":
|
|
47
|
+
"userContentGroup": 1
|
|
48
48
|
}, {
|
|
49
49
|
"groupId": 67,
|
|
50
50
|
"groupName": "Impuestos",
|
|
@@ -17,7 +17,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
|
17
17
|
|
|
18
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _objectSpread6 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
21
21
|
|
|
22
22
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
23
23
|
|
|
@@ -111,10 +111,12 @@ var Multiselect = function Multiselect(_ref) {
|
|
|
111
111
|
setModalData = _useState14[1];
|
|
112
112
|
|
|
113
113
|
var loadUserGroups = function loadUserGroups(updatedValues) {
|
|
114
|
-
if (updatedValues && updatedValues.length > 0) {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
114
|
+
if (updatedValues && updatedValues.length > 0) {
|
|
115
|
+
setSelectValues(function (prevValues) {
|
|
116
|
+
return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, updatedValues.map(function (groupInfo) {
|
|
117
|
+
return groupInfo.groupName;
|
|
118
|
+
})));
|
|
119
|
+
});
|
|
118
120
|
} else {
|
|
119
121
|
var hasUserContentGroup1 = groups.some(function (group) {
|
|
120
122
|
return group.userContentGroup === 1;
|
|
@@ -127,11 +129,11 @@ var Multiselect = function Multiselect(_ref) {
|
|
|
127
129
|
return group.groupName;
|
|
128
130
|
}) || [];
|
|
129
131
|
setSelectValues(function (prevValues) {
|
|
130
|
-
return (0,
|
|
132
|
+
return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, initialSelectedValues));
|
|
131
133
|
});
|
|
132
134
|
} else {
|
|
133
135
|
setSelectValues(function (prevValues) {
|
|
134
|
-
return (0,
|
|
136
|
+
return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, idUser, ["Sin grupos asignados"]));
|
|
135
137
|
});
|
|
136
138
|
}
|
|
137
139
|
}
|
|
@@ -153,7 +155,7 @@ var Multiselect = function Multiselect(_ref) {
|
|
|
153
155
|
var filteredArrayCopy = (0, _toConsumableArray2.default)(filters);
|
|
154
156
|
var updatedValues = groups.map(function (group) {
|
|
155
157
|
var isSelected = value.includes(group.groupName);
|
|
156
|
-
return (0,
|
|
158
|
+
return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, group), {}, {
|
|
157
159
|
userContentGroup: isSelected ? 1 : 0
|
|
158
160
|
});
|
|
159
161
|
});
|
|
@@ -161,13 +163,14 @@ var Multiselect = function Multiselect(_ref) {
|
|
|
161
163
|
return group.userContentGroup === 1;
|
|
162
164
|
}).map(function (group) {
|
|
163
165
|
return group.groupName;
|
|
164
|
-
}));
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
166
|
+
}));
|
|
167
|
+
setSelectValues(function (prevValues) {
|
|
168
|
+
return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prevValues), {}, (0, _defineProperty2.default)({}, userId, updatedValues.filter(function (group) {
|
|
169
|
+
return group.userContentGroup === 1;
|
|
170
|
+
}).map(function (group) {
|
|
171
|
+
return group.groupName;
|
|
172
|
+
})));
|
|
173
|
+
});
|
|
171
174
|
var changes = updatedValues.reduce(function (result, group, index) {
|
|
172
175
|
if (group.userContentGroup !== filteredArrayCopy[index].userContentGroup) {
|
|
173
176
|
result.push({
|
|
@@ -222,21 +225,20 @@ var Multiselect = function Multiselect(_ref) {
|
|
|
222
225
|
case 4:
|
|
223
226
|
response = _context.sent;
|
|
224
227
|
console.log("grupo actualizado correctamente", response.data.body);
|
|
225
|
-
|
|
226
|
-
_context.next = 12;
|
|
228
|
+
_context.next = 11;
|
|
227
229
|
break;
|
|
228
230
|
|
|
229
|
-
case
|
|
230
|
-
_context.prev =
|
|
231
|
+
case 8:
|
|
232
|
+
_context.prev = 8;
|
|
231
233
|
_context.t0 = _context["catch"](0);
|
|
232
234
|
console.error("Error al cambiar grupos de usuarios:", _context.t0);
|
|
233
235
|
|
|
234
|
-
case
|
|
236
|
+
case 11:
|
|
235
237
|
case "end":
|
|
236
238
|
return _context.stop();
|
|
237
239
|
}
|
|
238
240
|
}
|
|
239
|
-
}, _callee, null, [[0,
|
|
241
|
+
}, _callee, null, [[0, 8]]);
|
|
240
242
|
}));
|
|
241
243
|
|
|
242
244
|
return function updateGroup(_x) {
|
|
@@ -267,21 +269,20 @@ var Multiselect = function Multiselect(_ref) {
|
|
|
267
269
|
case 4:
|
|
268
270
|
response = _context2.sent;
|
|
269
271
|
console.log("borrado correctamente", response.data.body);
|
|
270
|
-
|
|
271
|
-
_context2.next = 12;
|
|
272
|
+
_context2.next = 11;
|
|
272
273
|
break;
|
|
273
274
|
|
|
274
|
-
case
|
|
275
|
-
_context2.prev =
|
|
275
|
+
case 8:
|
|
276
|
+
_context2.prev = 8;
|
|
276
277
|
_context2.t0 = _context2["catch"](0);
|
|
277
278
|
console.error("Error al eliminar grupos de usuarios:", _context2.t0);
|
|
278
279
|
|
|
279
|
-
case
|
|
280
|
+
case 11:
|
|
280
281
|
case "end":
|
|
281
282
|
return _context2.stop();
|
|
282
283
|
}
|
|
283
284
|
}
|
|
284
|
-
}, _callee2, null, [[0,
|
|
285
|
+
}, _callee2, null, [[0, 8]]);
|
|
285
286
|
}));
|
|
286
287
|
|
|
287
288
|
return function deleteGroup(_x2) {
|
|
@@ -458,10 +459,10 @@ var Multiselect = function Multiselect(_ref) {
|
|
|
458
459
|
setIsEditGroupVisible(false);
|
|
459
460
|
setIsItemListVisible(true);
|
|
460
461
|
}
|
|
461
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, (0,
|
|
462
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, (0, _objectSpread6.default)((0, _objectSpread6.default)({}, modalData), {}, {
|
|
462
463
|
onClickBtnDefault: function onClickBtnDefault() {
|
|
463
464
|
return setModalData(function (prev) {
|
|
464
|
-
return (0,
|
|
465
|
+
return (0, _objectSpread6.default)((0, _objectSpread6.default)({}, prev), {}, {
|
|
465
466
|
show: false
|
|
466
467
|
});
|
|
467
468
|
});
|
|
@@ -29,6 +29,7 @@ MultipleEditionDefault.args = {
|
|
|
29
29
|
articles: [118471, 120898],
|
|
30
30
|
//[216, 238, 239],
|
|
31
31
|
versions: [1, 1],
|
|
32
|
-
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.
|
|
32
|
+
token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJjM2FlNjRiMC0yNDcxLTQ1MmQtOGExYi04OGFkNWIxNjRjOWQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNjU0ODk3OCwibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzA2NTUyNTc4LCJpYXQiOjE3MDY1NDg5NzgsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.RPiGAf-R2eEqdsfAbKKC7uX57t1JTEIZ3rgJZZNQ6wnJm8hfDKk1aa1fOqGZMDVw_peoq_XyZQWvmsJ8pRexWxO05oLZchn1n_gml6rapq2WqVap1CYyj2k2aBEGJo5CZzWGFp8VVXn9nl9pm8AsFjjfCAQGFaKB_5iMeNCPYt_vXXQ-LAOwkjzoAP6ujmlpJMVMsXoCaabWH7t5Z8akNO0eS0KAscL5EPDl_MmjqV_2PeBXl1KYAU-uJbdSG1xRiSV_nqJ23B4TAkERDfouCfd3ysLMrlRxkcsQd9xOvrt9fQMlrJqrCuf6RoD12pgqSRIxk_cOa4NFm6SKwCwR" //token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJmZTVlNWI4YS03N2ZjLTRmNmQtYWY0Yy0yZjVmZmY0ZjQ4ZGUiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImZlNWU1YjhhLTc3ZmMtNGY2ZC1hZjRjLTJmNWZmZjRmNDhkZSIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJhNDkxNjFjNC0yZTE5LTQ0N2YtYWUwNy1hNTQ3YzU1MTM3NmMiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwNTk2ODExNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwNTk3MTcxNywiaWF0IjoxNzA1OTY4MTE3LCJlbWFpbCI6InJldGFpbGVybWVyY2hhbnRzY29udGVudG9oQGFsbGZyZWVtYWlsLm5ldCJ9.fAOa4nlswhCyYsznuS2YBPGluqd6ok7V_TR1tdu6v9KBbN0Q5AJQZFVVJz2F4P8629_FAPjKybbz0gkv7-YHu0z7dqwDOIyve4Agr8YCgoPJi4Fw4whzcULBI122IejHZqSE6YnA2Ry6VOnxkBOJRetBu6oYwGUxfLJ5s2wTGkxStzA8VTDp9QH9kFNt2AUR7yyjMmzK3QT9E7Hvi60IjfWQbKBQpkn2VKkb2ClfJFi81LeFV5vmH9a8OiK7PyHvW82ascs-n3QuV8HgByR-Sgl8sX9CjZArmPGxeLNxS3MaYkLpx1vieOJaG2hotXyQXkx2eTNJUAYnnT10Ixskfg"
|
|
33
|
+
//token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMzE0ODYyYy02OTYxLTQ5YjktODMwOC1hMDM3Mzg1MjUwYzAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMjQxMTc0MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTcwMjQxNTM0MSwiaWF0IjoxNzAyNDExNzQxLCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.O4Lr5HZLuueNNY1FxqrRBaQZKMgnTXY9IG7KAMkhWO20Dxnfj253sqOme36AbqIAsCQBy77GmnZtTAFs0uF9QBfEDzZXRQ1xcctboGZ9U235LlLdz-BNGoH5QCRXeZsZdXJ1M7yL8IvIdEnXkFC0WYcUMWMRUc6K6vgOvmCCQhzOr-uW-2nsLBGjBb7Tj_okViYvT0Lupo5Z0Z9Xc20oOWnVmrSuaYa1-b4AjOjEOnETA9usnRa6blOVOkHqi5fX8u11ejczINxNBtoizMPOQROuzuuPTvHrl17ae8JkNoxVCJe5ZdfRrUN1lwUXnOZim7QhNg8YR_uvPs_EJRIwfw",
|
|
33
34
|
|
|
34
35
|
};
|
|
@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports.
|
|
10
|
+
exports.MultipleEdition = void 0;
|
|
11
11
|
|
|
12
12
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
13
|
|
|
@@ -47,7 +47,7 @@ var _ScreenHeader = require("../../atoms/ScreenHeader");
|
|
|
47
47
|
|
|
48
48
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
49
49
|
|
|
50
|
-
var
|
|
50
|
+
var MultipleEdition = function MultipleEdition(_ref) {
|
|
51
51
|
var articles = _ref.articles,
|
|
52
52
|
versions = _ref.versions,
|
|
53
53
|
onClose = _ref.onClose,
|
|
@@ -72,20 +72,30 @@ var MEdition = function MEdition(_ref) {
|
|
|
72
72
|
attributesReviewed = _useState6[0],
|
|
73
73
|
setAttributesReviewed = _useState6[1];
|
|
74
74
|
|
|
75
|
-
var _useState7 = (0, _react.useState)(
|
|
75
|
+
var _useState7 = (0, _react.useState)([]),
|
|
76
76
|
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
77
|
-
|
|
78
|
-
|
|
77
|
+
descriptionsReviewed = _useState8[0],
|
|
78
|
+
setDescriptionsReviewed = _useState8[1];
|
|
79
79
|
|
|
80
|
-
var _useState9 = (0, _react.useState)(
|
|
80
|
+
var _useState9 = (0, _react.useState)([]),
|
|
81
81
|
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
imagesReviewed = _useState10[0],
|
|
83
|
+
setImagesReviewed = _useState10[1];
|
|
84
84
|
|
|
85
|
-
var _useState11 = (0, _react.useState)(
|
|
85
|
+
var _useState11 = (0, _react.useState)(false),
|
|
86
86
|
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
showRejectModal = _useState12[0],
|
|
88
|
+
setShowRejectModal = _useState12[1];
|
|
89
|
+
|
|
90
|
+
var _useState13 = (0, _react.useState)(false),
|
|
91
|
+
_useState14 = (0, _slicedToArray2.default)(_useState13, 2),
|
|
92
|
+
showValidationPanel = _useState14[0],
|
|
93
|
+
setShowValidationPanel = _useState14[1];
|
|
94
|
+
|
|
95
|
+
var _useState15 = (0, _react.useState)(""),
|
|
96
|
+
_useState16 = (0, _slicedToArray2.default)(_useState15, 2),
|
|
97
|
+
message = _useState16[0],
|
|
98
|
+
setMessage = _useState16[1];
|
|
89
99
|
|
|
90
100
|
var closeValidationPanel = function closeValidationPanel(e) {
|
|
91
101
|
if (!e.target.closest("#validation-panel") || e.target.closest(".validation-option") && showValidationPanel) {
|
|
@@ -94,13 +104,13 @@ var MEdition = function MEdition(_ref) {
|
|
|
94
104
|
}
|
|
95
105
|
};
|
|
96
106
|
|
|
97
|
-
var
|
|
107
|
+
var _useState17 = (0, _react.useState)({
|
|
98
108
|
columns: [],
|
|
99
109
|
data: []
|
|
100
110
|
}),
|
|
101
|
-
|
|
102
|
-
currentData =
|
|
103
|
-
setCurrentData =
|
|
111
|
+
_useState18 = (0, _slicedToArray2.default)(_useState17, 2),
|
|
112
|
+
currentData = _useState18[0],
|
|
113
|
+
setCurrentData = _useState18[1];
|
|
104
114
|
|
|
105
115
|
var _useReducer = (0, _react.useReducer)(_utils.dataReducer, {
|
|
106
116
|
description: {
|
|
@@ -117,10 +127,10 @@ var MEdition = function MEdition(_ref) {
|
|
|
117
127
|
dataServices = _useReducer2[0],
|
|
118
128
|
setDataServices = _useReducer2[1];
|
|
119
129
|
|
|
120
|
-
var
|
|
121
|
-
|
|
122
|
-
modalFromTable =
|
|
123
|
-
setModalFromTable =
|
|
130
|
+
var _useState19 = (0, _react.useState)(),
|
|
131
|
+
_useState20 = (0, _slicedToArray2.default)(_useState19, 2),
|
|
132
|
+
modalFromTable = _useState20[0],
|
|
133
|
+
setModalFromTable = _useState20[1];
|
|
124
134
|
|
|
125
135
|
var _useReducer3 = (0, _react.useReducer)(_utils.modalReducer, {
|
|
126
136
|
showModal: false
|
|
@@ -137,7 +147,7 @@ var MEdition = function MEdition(_ref) {
|
|
|
137
147
|
callbackToInitData();
|
|
138
148
|
}, []);
|
|
139
149
|
(0, _react.useEffect)(function () {
|
|
140
|
-
var _setDataColumns = (0, _utils.setDataColumns)(section, dataServices[section], token, setModalFromTable, setDataServices, setModal, setShowValidationPanel, setAttributeSelected, setShowRejectModal, setAttributesReviewed, setMessage, showValidationPanel, attributeSelected, attributesReviewed),
|
|
150
|
+
var _setDataColumns = (0, _utils.setDataColumns)(section, dataServices[section], token, setModalFromTable, setDataServices, setModal, setShowValidationPanel, setAttributeSelected, setShowRejectModal, setAttributesReviewed, setMessage, showValidationPanel, attributeSelected, attributesReviewed, descriptionsReviewed, imagesReviewed),
|
|
141
151
|
_setDataColumns2 = (0, _slicedToArray2.default)(_setDataColumns, 2),
|
|
142
152
|
columns = _setDataColumns2[0],
|
|
143
153
|
data = _setDataColumns2[1];
|
|
@@ -146,7 +156,7 @@ var MEdition = function MEdition(_ref) {
|
|
|
146
156
|
columns: columns,
|
|
147
157
|
data: data
|
|
148
158
|
});
|
|
149
|
-
}, [section, dataServices, attributeSelected, showValidationPanel, attributesReviewed]);
|
|
159
|
+
}, [section, dataServices, attributeSelected, showValidationPanel, attributesReviewed, descriptionsReviewed, imagesReviewed]);
|
|
150
160
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
|
|
151
161
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
152
162
|
className: "tabs",
|
|
@@ -205,17 +215,44 @@ var MEdition = function MEdition(_ref) {
|
|
|
205
215
|
type: "comment",
|
|
206
216
|
value: body === null || body === void 0 ? void 0 : body.replace(/<.*?\/?>/gm, "")
|
|
207
217
|
}];
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
218
|
+
|
|
219
|
+
if (section == "description" || section == "datasheet") {
|
|
220
|
+
if (section == "datasheet") {
|
|
221
|
+
index = attributesReviewed.findIndex(function (e) {
|
|
222
|
+
return e.articleId === attributeSelected.articleId && e.attributeId === attributeSelected.attributeId && e.versionId === attributeSelected.versionId;
|
|
223
|
+
});
|
|
224
|
+
attributesReviewed[index].isApproved = false;
|
|
225
|
+
attributesReviewed[index].isReviewed = true;
|
|
226
|
+
attributesReviewed[index].comment = comment[0].value;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
if (section == "description") {
|
|
230
|
+
index = descriptionsReviewed.findIndex(function (e) {
|
|
231
|
+
return e.articleId === attributeSelected.articleId && e.attributeId === attributeSelected.attributeId && e.versionId === attributeSelected.versionId;
|
|
232
|
+
});
|
|
233
|
+
descriptionsReviewed[index].isApproved = false;
|
|
234
|
+
descriptionsReviewed[index].isReviewed = true;
|
|
235
|
+
descriptionsReviewed[index].comment = comment[0].value;
|
|
236
|
+
console.log(descriptionsReviewed[index]);
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
document.getElementById("button_" + attributeSelected.articleId + "_" + attributeSelected.attributeId + "_" + attributeSelected.versionId).src = _rejectIcon.default;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
if (section == "images") {
|
|
243
|
+
index = imagesReviewed.findIndex(function (e) {
|
|
244
|
+
return e.articleId === attributeSelected.articleId && e.imageId === attributeSelected.attributeId && e.versionId === attributeSelected.versionId;
|
|
245
|
+
});
|
|
246
|
+
imagesReviewed[index].isApproved = false;
|
|
247
|
+
imagesReviewed[index].isReviewed = true;
|
|
248
|
+
imagesReviewed[index].comment = comment[0].value;
|
|
249
|
+
console.log(imagesReviewed[index]);
|
|
250
|
+
}
|
|
251
|
+
|
|
213
252
|
document.getElementById("button_" + attributeSelected.articleId + "_" + attributeSelected.attributeId + "_" + attributeSelected.versionId).src = _rejectIcon.default;
|
|
214
|
-
attributesReviewed[index].comment = comment[0].value;
|
|
215
|
-
console.log(attributesReviewed[index]);
|
|
216
253
|
setShowRejectModal(false);
|
|
217
254
|
|
|
218
|
-
case
|
|
255
|
+
case 6:
|
|
219
256
|
case "end":
|
|
220
257
|
return _context.stop();
|
|
221
258
|
}
|
|
@@ -240,4 +277,4 @@ var MEdition = function MEdition(_ref) {
|
|
|
240
277
|
});
|
|
241
278
|
};
|
|
242
279
|
|
|
243
|
-
exports.
|
|
280
|
+
exports.MultipleEdition = MultipleEdition;
|
|
@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
|
|
|
15
15
|
|
|
16
16
|
var _templateObject;
|
|
17
17
|
|
|
18
|
-
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: grid;\n grid-template-columns: 75% 25%;\n grid-template-rows: 75px 1fr;\n grid-template-areas:\n \"tabs action_buttons\"\n \"table table\";\n margin: 0 30px;\n body{\n font-family: Roboto;\n }\n\n .tabs {\n grid-area: tabs;\n display: flex;\n align-items: center;\n gap: 0 10px;\n }\n .action_buttons {\n grid-area: action_buttons;\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 0 10px;\n & > * {\n cursor: pointer;\n }\n }\n .table {\n grid-area: table;\n background: red;\n height: 100%;\n font-family: Raleway;\n }\n \n .buttons-container{\n background: white;\n width: max-content;\n padding: 8px;\n border: 1px solid ", ";\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);\n border-radius: 3px;\n position: absolute;\n top: -10%;\n z-index: 100;\n }\n\n .validation-option {\n width:
|
|
18
|
+
var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: grid;\n grid-template-columns: 75% 25%;\n grid-template-rows: 75px 1fr;\n grid-template-areas:\n \"tabs action_buttons\"\n \"table table\";\n margin: 0 30px;\n body{\n font-family: Roboto;\n }\n\n .tabs {\n grid-area: tabs;\n display: flex;\n align-items: center;\n gap: 0 10px;\n }\n .action_buttons {\n grid-area: action_buttons;\n display: flex;\n align-items: center;\n justify-content: end;\n gap: 0 10px;\n & > * {\n cursor: pointer;\n }\n }\n .table {\n grid-area: table;\n background: red;\n height: 100%;\n font-family: Raleway;\n }\n \n .buttons-container{\n background: white;\n width: max-content;\n padding: 8px;\n border: 1px solid ", ";\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);\n border-radius: 3px;\n position: absolute;\n top: -10%;\n left: 50px;\n z-index: 100;\n }\n\n .validation-button{\n width: 30px;\n height: 20px;\n display: flex;\n align-items: center;\n border: none;\n cursor: pointer;\n color: black;\n font-weight: 400;\n font-size: 13px;\n line-height: 18px;\n background-color: white;\n\n img {\n & + p {\n margin-left: 7px;\n }\n }\n\n &:hover {\n border-radius: 10px;\n }\n\n & + * {\n margin-top: 8px;\n }\n }\n\n .validation-option {\n width: 82px;\n height: 20px;\n display: flex;\n align-items: center;\n border: none;\n cursor: pointer;\n color: black;\n font-weight: 400;\n font-size: 13px;\n line-height: 18px;\n background-color: white;\n left: 7px;\n\n img {\n & + p {\n margin-left: 7px;\n }\n }\n\n &:hover {\n border-radius: 10px;\n }\n\n & + * {\n margin-top: 8px;\n }\n }\n\n td{\n margin:0;\n }\n \n textarea {\n width: 100%;\n border: 1px solid\n ", ";\n\n font-family: ", ";\n color: ", ";\n font-weight: normal;\n font-size: 12px;\n line-height: 15px;\n padding: 10px;\n outline: none;\n border-radius: 2px;\n resize: none;\n\n &:focus {\n border: 1px solid ", ";\n }\n }\n\n input{\n \n }\n"])), _variables.GlobalColors.s3, function (_ref) {
|
|
19
19
|
var isRequired = _ref.isRequired;
|
|
20
20
|
return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
|
|
21
21
|
}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2);
|