lani/fxl.codes.kisekae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Going back to the canvas thing

Browse Source
This commit is contained in:
Lani Aung
2021-12-12 13:49:19 -07:00
parent 720b387dd3
commit 262bce4549
20 changed files with 3623 additions and 537 deletions
Download Patch File Download Diff File Expand all files Collapse all files
wwwroot/js/main.js
+102 -16
View File
File diff suppressed because one or more lines are too long
wwwroot/js/uploader.js
+1 -1
View File
@@ -246,7 +246,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
\***************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _material_chips__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @material/chips */ \"./node_modules/@material/chips/chip-set/component.js\");\n/* harmony import */ var _utility__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utility */ \"./Scripts/utility.ts\");\n\n\nvar Uploader = (function () {\n function Uploader() {\n this.init();\n }\n Uploader.prototype.init = function () {\n var _this = this;\n var upload = document.getElementById(\"lzh_upload\");\n var container = document.querySelector(\".mdc-evolution-chip-set__chips\");\n document.addEventListener(\"MDCChipSet:interaction\", function (event) {\n console.log(event);\n });\n document.addEventListener(\"MDCChipSet:selection\", function (event) {\n console.log(event);\n });\n upload.addEventListener(\"change\", function (event) {\n while (container.firstChild)\n container.removeChild(container.firstChild);\n for (var index = 0; index < upload.files.length; index++) {\n _this.addChip(container, index, upload.files.item(index));\n }\n var element = document.querySelector(\".mdc-evolution-chip-set\");\n _this.chips = _material_chips__WEBPACK_IMPORTED_MODULE_1__.MDCChipSet.attachTo(element);\n });\n };\n Uploader.prototype.addChip = function (container, index, file) {\n var chipClass = \"mdc-evolution-chip\";\n var textButton = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"button\", { \"type\": \"button\", \"tabindex\": 0 }, chipClass + \"__action\", chipClass + \"__action--primary\")\n .addChildren(_utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, chipClass + \"__ripple\", chipClass + \"__ripple--primary\"), _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, chipClass + \"__text-label\").setText(file.name));\n var textWrapper = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", { \"role\": \"gridcell\" }, chipClass + \"__cell\", chipClass + \"__cell--primary\")\n .addChildren(textButton);\n var trailingButton = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"button\", { \"type\": \"button\", \"tabindex\": -1, \"data-mdc-deletable\": \"true\", \"aria-label\": \"Remove \" + file.name })\n .addChildren(_utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, chipClass + \"__ripple\", chipClass + \"__ripple--trailing\"), _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, chipClass + \"__icon\", chipClass + \"__icon--trailing\").setText(\"close\"));\n var trailingWrapper = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", { \"role\": \"gridcell\" }, chipClass + \"__cell\", chipClass + \"__cell--trailing\")\n .addChildren(trailingButton);\n var chip = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", { \"role\": \"row\", \"id\": \"chip_\" + index }, chipClass).addChildren(textWrapper, trailingWrapper).build();\n container.appendChild(chip);\n };\n return Uploader;\n}());\nnew Uploader();\n\n\n//# sourceURL=webpack://fxl.codes.kisekae/./Scripts/upload.ts?");
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _material_chips__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @material/chips */ \"./node_modules/@material/chips/chip-set/component.js\");\n/* harmony import */ var _utility__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utility */ \"./Scripts/utility.ts\");\n\n\nvar Uploader = (function () {\n function Uploader() {\n this.init();\n }\n Uploader.prototype.init = function () {\n var _this = this;\n var upload = document.getElementById(\"lzh_upload\");\n var container = document.querySelector(\".mdc-evolution-chip-set__chips\");\n document.addEventListener(\"MDCChipSet:interaction\", function (event) {\n console.log(event);\n });\n document.addEventListener(\"MDCChipSet:selection\", function (event) {\n console.log(event);\n });\n upload.addEventListener(\"change\", function (event) {\n while (container.firstChild)\n container.removeChild(container.firstChild);\n for (var index = 0; index < upload.files.length; index++) {\n _this.addChip(container, index, upload.files.item(index));\n }\n var element = document.querySelector(\".mdc-evolution-chip-set\");\n _this.chips = _material_chips__WEBPACK_IMPORTED_MODULE_1__.MDCChipSet.attachTo(element);\n });\n };\n Uploader.prototype.addChip = function (container, index, file) {\n var chipClass = \"mdc-evolution-chip\";\n var textButton = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"button\", { \"type\": \"button\", \"tabindex\": 0 }, \"\".concat(chipClass, \"__action\"), \"\".concat(chipClass, \"__action--primary\"))\n .addChildren(_utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, \"\".concat(chipClass, \"__ripple\"), \"\".concat(chipClass, \"__ripple--primary\")), _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, \"\".concat(chipClass, \"__text-label\")).setText(file.name));\n var textWrapper = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", { \"role\": \"gridcell\" }, \"\".concat(chipClass, \"__cell\"), \"\".concat(chipClass, \"__cell--primary\"))\n .addChildren(textButton);\n var trailingButton = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"button\", { \"type\": \"button\", \"tabindex\": -1, \"data-mdc-deletable\": \"true\", \"aria-label\": \"Remove \".concat(file.name) })\n .addChildren(_utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, \"\".concat(chipClass, \"__ripple\"), \"\".concat(chipClass, \"__ripple--trailing\")), _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, \"\".concat(chipClass, \"__icon\"), \"\".concat(chipClass, \"__icon--trailing\")).setText(\"close\"));\n var trailingWrapper = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", { \"role\": \"gridcell\" }, \"\".concat(chipClass, \"__cell\"), \"\".concat(chipClass, \"__cell--trailing\"))\n .addChildren(trailingButton);\n var chip = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", { \"role\": \"row\", \"id\": \"chip_\".concat(index) }, chipClass).addChildren(textWrapper, trailingWrapper).build();\n container.appendChild(chip);\n };\n return Uploader;\n}());\nnew Uploader();\n\n\n//# sourceURL=webpack://fxl.codes.kisekae/./Scripts/upload.ts?");
/***/ }),