Replaces JSON textarea with professional Excel-like spreadsheet interface for managing product variant properties. Features: - Handsontable 14.6.1 spreadsheet component - Property presets (Size, Color, Material, Storage, Custom) - Inline cell editing with Tab/Enter navigation - Context menu for add/remove rows and columns - Keyboard shortcuts (Ctrl+D delete, Ctrl+Enter save, Ctrl+Z undo) - Mobile touch gestures (swipe to delete rows) - Automatic JSON serialization on form submit - Form validation before saving - Comprehensive user guide documentation Files Changed: - LittleShop/package.json: NPM package management setup - LittleShop/wwwroot/js/variant-editor.js: 400-line spreadsheet editor module - LittleShop/wwwroot/lib/handsontable/: Handsontable library (Community Edition) - LittleShop/wwwroot/lib/hammerjs/: Hammer.js touch gesture library - LittleShop/Areas/Admin/Views/VariantCollections/Edit.cshtml: Spreadsheet UI integration - VARIANT_COLLECTIONS_USER_GUIDE.md: Complete user guide (18+ pages) Technical Details: - Excel-like editing experience (no more manual JSON editing) - Mobile-first responsive design - Browser compatibility: Chrome 90+, Firefox 88+, Edge 90+, Safari 14+ - Touch-optimized for mobile administration - Automatic data validation and error handling
1 line
4.4 KiB
JavaScript
1 line
4.4 KiB
JavaScript
!function(E,T){if("object"==typeof exports&&"object"==typeof module)module.exports=T(require("handsontable"));else if("function"==typeof define&&define.amd)define(["handsontable"],T);else{var _="object"==typeof exports?T(require("handsontable")):T(E.Handsontable);for(var N in _)("object"==typeof exports?exports:E)[N]=_[N]}}("undefined"!=typeof self?self:this,(E=>(()=>{var T={330:T=>{"use strict";T.exports=E},436:E=>{E.exports=function(E){return E&&E.__esModule?E:{default:E}},E.exports.__esModule=!0,E.exports.default=E.exports}},_={};function N(E){var O=_[E];if(void 0!==O)return O.exports;var I=_[E]={exports:{}};return T[E](I,I.exports,N),I.exports}var O={};return(()=>{"use strict";var E=N(436)(N(330));const T=E.default.languages.dictionaryKeys,_={languageCode:"ko-KR",[T.CONTEXTMENU_ITEMS_ROW_ABOVE]:"위쪽에 행 삽입",[T.CONTEXTMENU_ITEMS_ROW_BELOW]:"아래쪽에 행 삽입",[T.CONTEXTMENU_ITEMS_INSERT_LEFT]:"왼쪽에 열 삽입",[T.CONTEXTMENU_ITEMS_INSERT_RIGHT]:"오른쪽에 열 삽입",[T.CONTEXTMENU_ITEMS_REMOVE_ROW]:["행 삭제","여러 행 삭제"],[T.CONTEXTMENU_ITEMS_REMOVE_COLUMN]:["열 삭제","여러 열 삭제"],[T.CONTEXTMENU_ITEMS_UNDO]:"되돌리기",[T.CONTEXTMENU_ITEMS_REDO]:"다시하기",[T.CONTEXTMENU_ITEMS_READ_ONLY]:"읽기 전용",[T.CONTEXTMENU_ITEMS_CLEAR_COLUMN]:"열 지우기",[T.CONTEXTMENU_ITEMS_ALIGNMENT]:"정렬",[T.CONTEXTMENU_ITEMS_ALIGNMENT_LEFT]:"왼쪽",[T.CONTEXTMENU_ITEMS_ALIGNMENT_CENTER]:"중앙",[T.CONTEXTMENU_ITEMS_ALIGNMENT_RIGHT]:"오른쪽",[T.CONTEXTMENU_ITEMS_ALIGNMENT_JUSTIFY]:"자동",[T.CONTEXTMENU_ITEMS_ALIGNMENT_TOP]:"위쪽",[T.CONTEXTMENU_ITEMS_ALIGNMENT_MIDDLE]:"가운데",[T.CONTEXTMENU_ITEMS_ALIGNMENT_BOTTOM]:"아래쪽",[T.CONTEXTMENU_ITEMS_FREEZE_COLUMN]:"열 고정",[T.CONTEXTMENU_ITEMS_UNFREEZE_COLUMN]:"열 고정 해제",[T.CONTEXTMENU_ITEMS_BORDERS]:"테두리",[T.CONTEXTMENU_ITEMS_BORDERS_TOP]:"위쪽",[T.CONTEXTMENU_ITEMS_BORDERS_RIGHT]:"오른쪽",[T.CONTEXTMENU_ITEMS_BORDERS_BOTTOM]:"아래쪽",[T.CONTEXTMENU_ITEMS_BORDERS_LEFT]:"왼쪽",[T.CONTEXTMENU_ITEMS_REMOVE_BORDERS]:"테두리 지우기",[T.CONTEXTMENU_ITEMS_ADD_COMMENT]:"댓글 달기",[T.CONTEXTMENU_ITEMS_EDIT_COMMENT]:"댓글 편집",[T.CONTEXTMENU_ITEMS_REMOVE_COMMENT]:"댓글 삭제",[T.CONTEXTMENU_ITEMS_READ_ONLY_COMMENT]:"읽기 전용 댓글",[T.CONTEXTMENU_ITEMS_MERGE_CELLS]:"셀 병합",[T.CONTEXTMENU_ITEMS_UNMERGE_CELLS]:"셀 병합 해제",[T.CONTEXTMENU_ITEMS_COPY]:"복사",[T.CONTEXTMENU_ITEMS_CUT]:"잘라내기",[T.CONTEXTMENU_ITEMS_NESTED_ROWS_INSERT_CHILD]:"자녀 행 추가",[T.CONTEXTMENU_ITEMS_NESTED_ROWS_DETACH_CHILD]:"부모행에서 제거",[T.CONTEXTMENU_ITEMS_HIDE_COLUMN]:["열 숨기기","여러 열 숨기기"],[T.CONTEXTMENU_ITEMS_SHOW_COLUMN]:["열 숨기기 해제","여러 열 숨기기 해제"],[T.CONTEXTMENU_ITEMS_HIDE_ROW]:["행 숨기기","여러 행 숨기기"],[T.CONTEXTMENU_ITEMS_SHOW_ROW]:["행 숨기기 해제","여러 행 숨기기 해제"],[T.FILTERS_CONDITIONS_NONE]:"조건없음",[T.FILTERS_CONDITIONS_EMPTY]:"비어있음",[T.FILTERS_CONDITIONS_NOT_EMPTY]:"비어있지 않음",[T.FILTERS_CONDITIONS_EQUAL]:"같",[T.FILTERS_CONDITIONS_NOT_EQUAL]:"같지 않음",[T.FILTERS_CONDITIONS_BEGINS_WITH]:"시작 문자",[T.FILTERS_CONDITIONS_ENDS_WITH]:"끝 문자",[T.FILTERS_CONDITIONS_CONTAINS]:"포함",[T.FILTERS_CONDITIONS_NOT_CONTAIN]:"포함하지 않음",[T.FILTERS_CONDITIONS_GREATER_THAN]:"보다 큼",[T.FILTERS_CONDITIONS_GREATER_THAN_OR_EQUAL]:"크거나 같음",[T.FILTERS_CONDITIONS_LESS_THAN]:"보다 작",[T.FILTERS_CONDITIONS_LESS_THAN_OR_EQUAL]:"작거나 같음",[T.FILTERS_CONDITIONS_BETWEEN]:"사이",[T.FILTERS_CONDITIONS_NOT_BETWEEN]:"사이 제외",[T.FILTERS_CONDITIONS_AFTER]:"다음",[T.FILTERS_CONDITIONS_BEFORE]:"전",[T.FILTERS_CONDITIONS_TODAY]:"오늘",[T.FILTERS_CONDITIONS_TOMORROW]:"내일",[T.FILTERS_CONDITIONS_YESTERDAY]:"어제",[T.FILTERS_VALUES_BLANK_CELLS]:"공란",[T.FILTERS_DIVS_FILTER_BY_CONDITION]:"조건부 필터",[T.FILTERS_DIVS_FILTER_BY_VALUE]:"값 필터",[T.FILTERS_LABELS_CONJUNCTION]:"그리고",[T.FILTERS_LABELS_DISJUNCTION]:"또는",[T.FILTERS_BUTTONS_SELECT_ALL]:"전체선택",[T.FILTERS_BUTTONS_CLEAR]:"지우기",[T.FILTERS_BUTTONS_OK]:"확인",[T.FILTERS_BUTTONS_CANCEL]:"취소",[T.FILTERS_BUTTONS_PLACEHOLDER_SEARCH]:"찾기",[T.FILTERS_BUTTONS_PLACEHOLDER_VALUE]:"값",[T.FILTERS_BUTTONS_PLACEHOLDER_SECOND_VALUE]:"두번째 값"};E.default.languages.registerLanguageDictionary(_)})(),O=O.___})())); |