phx-react 1.3.336 → 1.3.338
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/cjs/components/HeaderBar/HeaderBar.js +1 -1
- package/dist/cjs/components/HeaderBar/HeaderBar.js.map +1 -1
- package/dist/cjs/components/UploadAvatar/UploadAvatar.d.ts +9 -0
- package/dist/cjs/components/UploadAvatar/UploadAvatar.js +86 -0
- package/dist/cjs/components/UploadAvatar/UploadAvatar.js.map +1 -0
- package/dist/cjs/components/UploadAvatar/index.d.ts +1 -0
- package/dist/cjs/components/UploadAvatar/index.js +5 -0
- package/dist/cjs/components/UploadAvatar/index.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/HeaderBar/HeaderBar.js +1 -1
- package/dist/esm/components/HeaderBar/HeaderBar.js.map +1 -1
- package/dist/esm/components/UploadAvatar/UploadAvatar.d.ts +9 -0
- package/dist/esm/components/UploadAvatar/UploadAvatar.js +83 -0
- package/dist/esm/components/UploadAvatar/UploadAvatar.js.map +1 -0
- package/dist/esm/components/UploadAvatar/index.d.ts +1 -0
- package/dist/esm/components/UploadAvatar/index.js +2 -0
- package/dist/esm/components/UploadAvatar/index.js.map +1 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -31,7 +31,7 @@ var PHXHeaderBar = function (_a) {
|
|
|
31
31
|
onUpload();
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
|
-
return (react_1["default"].createElement("div", { className: "mb-5 flex items-center justify-between sm:flex-auto ".concat(className) },
|
|
34
|
+
return (react_1["default"].createElement("div", { className: "mb-5 h-[1.875rem] flex items-center justify-between sm:flex-auto ".concat(className) },
|
|
35
35
|
react_1["default"].createElement("div", { className: 'flex items-center' },
|
|
36
36
|
isCancel && (react_1["default"].createElement("button", { className: 'mr-2 inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', onClick: onCancel, type: 'button' },
|
|
37
37
|
react_1["default"].createElement(solid_2.ArrowLeftIcon, { className: 'h-5 w-5' }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuC;AACvC,oCAAqC;AACrC,2CAAoD;AACpD,kCAAqC;AACrC,mDAAkE;AAClE,mDAAyD;AACzD,kCAAmC;AAgC5B,IAAM,YAAY,GAAG,UAAC,EA4BhB;QA3BX,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,SAAS,eAAA,EACT,sBAIC,EAJD,cAAc,mBAAG;QACf,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,KAAK;KACvB,KAAA,EACD,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAuB,EAAvB,SAAS,mBAAG,WAAW,KAAA,EACvB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,oBAIC,EAJD,YAAY,mBAAG;QACb,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,KAAK;KACvB,KAAA,EACD,UAAU,gBAAA;IAEV,IAAM,cAAc,GAAG;QACrB,qBAAqB;QACrB,IAAI,UAAU,EAAE;YACd,UAAU,EAAE,CAAA;SACb;IACH,CAAC,CAAA;IACD,IAAM,YAAY,GAAG;QACnB,qBAAqB;QACrB,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface UploadAvatarProps {
|
|
3
|
+
basePath: string;
|
|
4
|
+
apiCdnUpload: string;
|
|
5
|
+
projectId: string;
|
|
6
|
+
handleListenUpload: any;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
}
|
|
9
|
+
export default function PHXUploadAvatar({ apiCdnUpload, basePath, defaultValue, handleListenUpload, projectId, }: UploadAvatarProps): React.JSX.Element;
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var react_2 = require("react");
|
|
6
|
+
var Button_1 = require("../Button");
|
|
7
|
+
function PHXUploadAvatar(_a) {
|
|
8
|
+
var _this = this;
|
|
9
|
+
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, defaultValue = _a.defaultValue, handleListenUpload = _a.handleListenUpload, projectId = _a.projectId;
|
|
10
|
+
var _b = (0, react_2.useState)(''), link = _b[0], setLink = _b[1];
|
|
11
|
+
var inputRef = (0, react_2.useRef)(null);
|
|
12
|
+
var defaultAvatar = 'https://static-data-sisv2.phx-smartschool.com/common/prod/avatar/default_avatar.png';
|
|
13
|
+
var _c = (0, react_2.useState)(false), loading = _c[0], setLoading = _c[1];
|
|
14
|
+
var handleUploadAvatar = function (e) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
15
|
+
var files, fileLength, selectedFile, formData, response, responseData, res, error_1;
|
|
16
|
+
return tslib_1.__generator(this, function (_a) {
|
|
17
|
+
switch (_a.label) {
|
|
18
|
+
case 0:
|
|
19
|
+
files = e.target.files;
|
|
20
|
+
fileLength = files.length;
|
|
21
|
+
if (!(files && fileLength !== 0)) return [3 /*break*/, 8];
|
|
22
|
+
setLoading(true);
|
|
23
|
+
selectedFile = files[0];
|
|
24
|
+
formData = new FormData();
|
|
25
|
+
formData.append('file', selectedFile);
|
|
26
|
+
// @ts-ignore
|
|
27
|
+
formData.append('projectId', projectId);
|
|
28
|
+
formData.append('moduleId', 'upload-avatar');
|
|
29
|
+
_a.label = 1;
|
|
30
|
+
case 1:
|
|
31
|
+
_a.trys.push([1, 7, , 8]);
|
|
32
|
+
return [4 /*yield*/, fetch(basePath + apiCdnUpload, {
|
|
33
|
+
method: 'POST',
|
|
34
|
+
body: formData
|
|
35
|
+
})];
|
|
36
|
+
case 2:
|
|
37
|
+
response = _a.sent();
|
|
38
|
+
if (!response.ok) return [3 /*break*/, 5];
|
|
39
|
+
return [4 /*yield*/, response.json()];
|
|
40
|
+
case 3:
|
|
41
|
+
responseData = _a.sent();
|
|
42
|
+
return [4 /*yield*/, responseData.link];
|
|
43
|
+
case 4:
|
|
44
|
+
res = _a.sent();
|
|
45
|
+
setLink(res);
|
|
46
|
+
handleListenUpload(res);
|
|
47
|
+
setLoading(false);
|
|
48
|
+
return [3 /*break*/, 6];
|
|
49
|
+
case 5:
|
|
50
|
+
console.error('Request failed with status:', response.status);
|
|
51
|
+
_a.label = 6;
|
|
52
|
+
case 6: return [3 /*break*/, 8];
|
|
53
|
+
case 7:
|
|
54
|
+
error_1 = _a.sent();
|
|
55
|
+
console.error('Error:', error_1);
|
|
56
|
+
return [3 /*break*/, 8];
|
|
57
|
+
case 8: return [2 /*return*/];
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
}); };
|
|
61
|
+
var handleClick = function () {
|
|
62
|
+
var _a;
|
|
63
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
64
|
+
};
|
|
65
|
+
var handleDeleteImage = function () {
|
|
66
|
+
setLink(defaultAvatar);
|
|
67
|
+
handleListenUpload(defaultAvatar);
|
|
68
|
+
};
|
|
69
|
+
(0, react_2.useEffect)(function () {
|
|
70
|
+
if (defaultValue) {
|
|
71
|
+
setLink(defaultValue);
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
}, [defaultValue]);
|
|
77
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
78
|
+
react_1["default"].createElement("div", { className: ' items-center lg:flex xl:flex' },
|
|
79
|
+
react_1["default"].createElement("img", { alt: 'avatar', className: 'inline-block h-14 w-14 rounded-full', src: link && !loading ? link : defaultAvatar }),
|
|
80
|
+
react_1["default"].createElement("div", { className: 'lg:ml-4 xl:ml-4 2xl:ml-4' },
|
|
81
|
+
react_1["default"].createElement(Button_1.PHXButton, { className: 'mr-3', onClick: handleClick, secondary: true, size: 'small' }, "T\u1EA3i \u1EA3nh l\u00EAn"),
|
|
82
|
+
react_1["default"].createElement("input", { ref: inputRef, className: 'hidden', id: 'file', onChange: handleUploadAvatar, type: 'file' }),
|
|
83
|
+
defaultValue || link ? (react_1["default"].createElement(Button_1.PHXButton, { onClick: handleDeleteImage, secondary: true, size: 'small' }, "X\u00F3a \u1EA3nh")) : null))));
|
|
84
|
+
}
|
|
85
|
+
exports["default"] = PHXUploadAvatar;
|
|
86
|
+
//# sourceMappingURL=UploadAvatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UploadAvatar.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/UploadAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './UploadAvatar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8B"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -39,4 +39,5 @@ import { PHXEmptyRecord } from './components/EmptyRecord';
|
|
|
39
39
|
import { PHXPagePermission } from './components/PagePermission';
|
|
40
40
|
import { PHXTimePicker } from './components/TimePicker';
|
|
41
41
|
import { PHXDropdown } from './components/Dropdown';
|
|
42
|
-
|
|
42
|
+
import PHXUploadAvatar from './components/UploadAvatar/UploadAvatar';
|
|
43
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, };
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.PHXDropdown = exports.PHXTimePicker = exports.PHXPagePermission = exports.PHXEmptyRecord = exports.PHXLoginPn28 = exports.PHXDatePicker = exports.PHXSearchResultList = exports.PHXTableLogImportExport = exports.PHXUploadFile = exports.PHXTextEditor = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
|
|
3
|
+
exports.PHXUploadAvatar = exports.PHXDropdown = exports.PHXTimePicker = exports.PHXPagePermission = exports.PHXEmptyRecord = exports.PHXLoginPn28 = exports.PHXDatePicker = exports.PHXSearchResultList = exports.PHXTableLogImportExport = exports.PHXUploadFile = exports.PHXTextEditor = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var UploadFile_1 = require("./components/UploadFile/UploadFile");
|
|
6
6
|
exports.PHXUploadFile = UploadFile_1.PHXUploadFile;
|
|
@@ -84,4 +84,6 @@ var TimePicker_1 = require("./components/TimePicker");
|
|
|
84
84
|
exports.PHXTimePicker = TimePicker_1.PHXTimePicker;
|
|
85
85
|
var Dropdown_1 = require("./components/Dropdown");
|
|
86
86
|
exports.PHXDropdown = Dropdown_1.PHXDropdown;
|
|
87
|
+
var UploadAvatar_1 = tslib_1.__importDefault(require("./components/UploadAvatar/UploadAvatar"));
|
|
88
|
+
exports.PHXUploadAvatar = UploadAvatar_1["default"];
|
|
87
89
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,iEAAkE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,iEAAkE;AA4EhE,wBA5EO,0BAAa,CA4EP;AA3Ef,sDAAuD;AAwErD,wBAxEO,0BAAa,CAwEP;AAvEf,0CAA2C;AAwDzC,kBAxDO,cAAO,CAwDP;AAvDT,iEAAwC;AAyCtC,oBAzCK,gBAAS,CAyCL;AAxCX,8CAA+C;AAyC7C,oBAzCO,kBAAS,CAyCP;AAxCX,0CAA2C;AAyCzC,kBAzCO,cAAO,CAyCP;AAxCT,gDAAiD;AAyC/C,qBAzCO,oBAAU,CAyCP;AAxCZ,kDAAmD;AAyCjD,sBAzCO,sBAAW,CAyCP;AAxCb,4CAA6C;AA2C3C,mBA3CO,gBAAQ,CA2CP;AA1CV,kDAAmD;AAwCjD,sBAxCO,sBAAW,CAwCP;AAvCb,oDAAqD;AAwCnD,uBAxCO,wBAAY,CAwCP;AAvCd,4CAA6C;AAyC3C,mBAzCO,gBAAQ,CAyCP;AAxCV,8CAA+C;AAyC7C,oBAzCO,kBAAS,CAyCP;AAxCX,4CAA6C;AAyC3C,mBAzCO,gBAAQ,CAyCP;AAxCV,kDAAmD;AAyCjD,sBAzCO,sBAAW,CAyCP;AAxCb,kDAAmD;AAyCjD,sBAzCO,sBAAW,CAyCP;AAxCb,4DAA6D;AAyC3D,2BAzCO,gCAAgB,CAyCP;AAxClB,kDAAmD;AA0CjD,sBA1CO,sBAAW,CA0CP;AAzCb,wFAAiE;AA0C/D,+BA1CK,yBAAoB,CA0CL;AAzCtB,0FAA4D;AA0C1D,yBA1CK,0BAAc,CA0CL;AAzChB,gGAAkE;AA0ChE,4BA1CK,6BAAiB,CA0CL;AAzCnB,kDAAmD;AA0CjD,sBA1CO,sBAAW,CA0CP;AAzCb,4CAA6C;AA0C3C,mBA1CO,gBAAQ,CA0CP;AAzCV,0CAA2C;AA0CzC,kBA1CO,cAAO,CA0CP;AAzCT,sDAAuD;AA0CrD,wBA1CO,0BAAa,CA0CP;AAzCf,kEAAmE;AA0CjE,8BA1CO,sCAAmB,CA0CP;AAzCrB,4CAA6C;AA0C3C,mBA1CO,gBAAQ,CA0CP;AAzCV,4CAA6C;AA0C3C,mBA1CO,gBAAQ,CA0CP;AAzCV,8CAA+C;AA0C7C,oBA1CO,kBAAS,CA0CP;AAzCX,wDAAyD;AA0CvD,yBA1CO,4BAAc,CA0CP;AAzChB,kDAAmD;AA0CjD,sBA1CO,sBAAW,CA0CP;AAzCb,gEAAiE;AA2C/D,6BA3CO,oCAAkB,CA2CP;AA1CpB,sDAAuD;AA2CrD,wBA3CO,0BAAa,CA2CP;AA1Cf,0EAA2E;AA4CzE,kCA5CO,8CAAuB,CA4CP;AA3CzB,kEAAmE;AA4CjE,8BA5CO,sCAAmB,CA4CP;AA3CrB,sDAAuD;AA4CrD,wBA5CO,0BAAa,CA4CP;AA3Cf,oDAAqD;AA4CnD,uBA5CO,wBAAY,CA4CP;AA3Cd,wDAAyD;AA4CvD,yBA5CO,4BAAc,CA4CP;AA3ChB,8DAA+D;AA4C7D,4BA5CO,kCAAiB,CA4CP;AA3CnB,sDAAuD;AA4CrD,wBA5CO,0BAAa,CA4CP;AA3Cf,kDAAmD;AA4CjD,sBA5CO,sBAAW,CA4CP;AA3Cb,gGAAoE;AA4ClE,0BA5CK,yBAAe,CA4CL"}
|
|
@@ -27,7 +27,7 @@ export var PHXHeaderBar = function (_a) {
|
|
|
27
27
|
onUpload();
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
return (React.createElement("div", { className: "mb-5 flex items-center justify-between sm:flex-auto ".concat(className) },
|
|
30
|
+
return (React.createElement("div", { className: "mb-5 h-[1.875rem] flex items-center justify-between sm:flex-auto ".concat(className) },
|
|
31
31
|
React.createElement("div", { className: 'flex items-center' },
|
|
32
32
|
isCancel && (React.createElement("button", { className: 'mr-2 inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', onClick: onCancel, type: 'button' },
|
|
33
33
|
React.createElement(ArrowLeftIcon, { className: 'h-5 w-5' }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAgCnC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EA4BhB;QA3BX,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,SAAS,eAAA,EACT,sBAIC,EAJD,cAAc,mBAAG;QACf,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,KAAK;KACvB,KAAA,EACD,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAuB,EAAvB,SAAS,mBAAG,WAAW,KAAA,EACvB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,oBAIC,EAJD,YAAY,mBAAG;QACb,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,KAAK;KACvB,KAAA,EACD,UAAU,gBAAA;IAEV,IAAM,cAAc,GAAG;QACrB,qBAAqB;QACrB,IAAI,UAAU,EAAE;YACd,UAAU,EAAE,CAAA;SACb;IACH,CAAC,CAAA;IACD,IAAM,YAAY,GAAG;QACnB,qBAAqB;QACrB,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface UploadAvatarProps {
|
|
3
|
+
basePath: string;
|
|
4
|
+
apiCdnUpload: string;
|
|
5
|
+
projectId: string;
|
|
6
|
+
handleListenUpload: any;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
}
|
|
9
|
+
export default function PHXUploadAvatar({ apiCdnUpload, basePath, defaultValue, handleListenUpload, projectId, }: UploadAvatarProps): React.JSX.Element;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { __awaiter, __generator } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { PHXButton } from '../Button';
|
|
5
|
+
export default function PHXUploadAvatar(_a) {
|
|
6
|
+
var _this = this;
|
|
7
|
+
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, defaultValue = _a.defaultValue, handleListenUpload = _a.handleListenUpload, projectId = _a.projectId;
|
|
8
|
+
var _b = useState(''), link = _b[0], setLink = _b[1];
|
|
9
|
+
var inputRef = useRef(null);
|
|
10
|
+
var defaultAvatar = 'https://static-data-sisv2.phx-smartschool.com/common/prod/avatar/default_avatar.png';
|
|
11
|
+
var _c = useState(false), loading = _c[0], setLoading = _c[1];
|
|
12
|
+
var handleUploadAvatar = function (e) { return __awaiter(_this, void 0, void 0, function () {
|
|
13
|
+
var files, fileLength, selectedFile, formData, response, responseData, res, error_1;
|
|
14
|
+
return __generator(this, function (_a) {
|
|
15
|
+
switch (_a.label) {
|
|
16
|
+
case 0:
|
|
17
|
+
files = e.target.files;
|
|
18
|
+
fileLength = files.length;
|
|
19
|
+
if (!(files && fileLength !== 0)) return [3 /*break*/, 8];
|
|
20
|
+
setLoading(true);
|
|
21
|
+
selectedFile = files[0];
|
|
22
|
+
formData = new FormData();
|
|
23
|
+
formData.append('file', selectedFile);
|
|
24
|
+
// @ts-ignore
|
|
25
|
+
formData.append('projectId', projectId);
|
|
26
|
+
formData.append('moduleId', 'upload-avatar');
|
|
27
|
+
_a.label = 1;
|
|
28
|
+
case 1:
|
|
29
|
+
_a.trys.push([1, 7, , 8]);
|
|
30
|
+
return [4 /*yield*/, fetch(basePath + apiCdnUpload, {
|
|
31
|
+
method: 'POST',
|
|
32
|
+
body: formData
|
|
33
|
+
})];
|
|
34
|
+
case 2:
|
|
35
|
+
response = _a.sent();
|
|
36
|
+
if (!response.ok) return [3 /*break*/, 5];
|
|
37
|
+
return [4 /*yield*/, response.json()];
|
|
38
|
+
case 3:
|
|
39
|
+
responseData = _a.sent();
|
|
40
|
+
return [4 /*yield*/, responseData.link];
|
|
41
|
+
case 4:
|
|
42
|
+
res = _a.sent();
|
|
43
|
+
setLink(res);
|
|
44
|
+
handleListenUpload(res);
|
|
45
|
+
setLoading(false);
|
|
46
|
+
return [3 /*break*/, 6];
|
|
47
|
+
case 5:
|
|
48
|
+
console.error('Request failed with status:', response.status);
|
|
49
|
+
_a.label = 6;
|
|
50
|
+
case 6: return [3 /*break*/, 8];
|
|
51
|
+
case 7:
|
|
52
|
+
error_1 = _a.sent();
|
|
53
|
+
console.error('Error:', error_1);
|
|
54
|
+
return [3 /*break*/, 8];
|
|
55
|
+
case 8: return [2 /*return*/];
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
}); };
|
|
59
|
+
var handleClick = function () {
|
|
60
|
+
var _a;
|
|
61
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
62
|
+
};
|
|
63
|
+
var handleDeleteImage = function () {
|
|
64
|
+
setLink(defaultAvatar);
|
|
65
|
+
handleListenUpload(defaultAvatar);
|
|
66
|
+
};
|
|
67
|
+
useEffect(function () {
|
|
68
|
+
if (defaultValue) {
|
|
69
|
+
setLink(defaultValue);
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
}, [defaultValue]);
|
|
75
|
+
return (React.createElement(React.Fragment, null,
|
|
76
|
+
React.createElement("div", { className: ' items-center lg:flex xl:flex' },
|
|
77
|
+
React.createElement("img", { alt: 'avatar', className: 'inline-block h-14 w-14 rounded-full', src: link && !loading ? link : defaultAvatar }),
|
|
78
|
+
React.createElement("div", { className: 'lg:ml-4 xl:ml-4 2xl:ml-4' },
|
|
79
|
+
React.createElement(PHXButton, { className: 'mr-3', onClick: handleClick, secondary: true, size: 'small' }, "T\u1EA3i \u1EA3nh l\u00EAn"),
|
|
80
|
+
React.createElement("input", { ref: inputRef, className: 'hidden', id: 'file', onChange: handleUploadAvatar, type: 'file' }),
|
|
81
|
+
defaultValue || link ? (React.createElement(PHXButton, { onClick: handleDeleteImage, secondary: true, size: 'small' }, "X\u00F3a \u1EA3nh")) : null))));
|
|
82
|
+
}
|
|
83
|
+
//# sourceMappingURL=UploadAvatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UploadAvatar.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/UploadAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './UploadAvatar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -39,4 +39,5 @@ import { PHXEmptyRecord } from './components/EmptyRecord';
|
|
|
39
39
|
import { PHXPagePermission } from './components/PagePermission';
|
|
40
40
|
import { PHXTimePicker } from './components/TimePicker';
|
|
41
41
|
import { PHXDropdown } from './components/Dropdown';
|
|
42
|
-
|
|
42
|
+
import PHXUploadAvatar from './components/UploadAvatar/UploadAvatar';
|
|
43
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, };
|
package/dist/esm/index.js
CHANGED
|
@@ -39,5 +39,6 @@ import { PHXEmptyRecord } from './components/EmptyRecord';
|
|
|
39
39
|
import { PHXPagePermission } from './components/PagePermission';
|
|
40
40
|
import { PHXTimePicker } from './components/TimePicker';
|
|
41
41
|
import { PHXDropdown } from './components/Dropdown';
|
|
42
|
-
|
|
42
|
+
import PHXUploadAvatar from './components/UploadAvatar/UploadAvatar';
|
|
43
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, };
|
|
43
44
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,oBAAoB,MAAM,gCAAgC,CAAA;AACjE,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,iBAAiB,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|