littleshop/LittleShop/wwwroot/lib/hammerjs
sysadmin 76efba55bd feat: Phase 2.5 - Variant Collections Spreadsheet Editor
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
2025-11-13 19:40:06 +00:00
..
src feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
tests feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
.bowerrc feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
.jscsrc feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
.jshintrc feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
.npmignore feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
.travis.yml feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
bower.json feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
changelog.js feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
CHANGELOG.md feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
component.json feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
CONTRIBUTING.md feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
Gruntfile.coffee feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
hammer.js feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
hammer.min.js feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
hammer.min.js.map feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
hammer.min.map feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
LICENSE.md feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
package.json feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00
README.md feat: Phase 2.5 - Variant Collections Spreadsheet Editor 2025-11-13 19:40:06 +00:00

Hammer.js 2.0.6

Build Status

Support, Questions, and Collaboration

Slack Status

Documentation

Visit hammerjs.github.io for detailed documentation.

// get a reference to an element
var stage = document.getElementById('stage');

// create a manager for that element
var mc = new Hammer.Manager(stage);

// create a recognizer
var Rotate = new Hammer.Rotate();

// add the recognizer
mc.add(Rotate);

// subscribe to events
mc.on('rotate', function(e) {
    // do something cool
    var rotation = Math.round(e.rotation);    
    stage.style.transform = 'rotate('+rotation+'deg)';
});

An advanced demo is available here: http://codepen.io/runspired/full/ZQBGWd/

Contributing

Read the contributing guidelines.

For PRs.

  • Use Angular Style commit messages
  • Rebase your PR branch when necessary
  • If you add a feature or fix a bug, please add or fix any necessary tests.
  • If a new feature, open a docs PR to go with.

Building

You can get the pre-build versions from the Hammer.js website, or do this by yourself running npm install -g grunt-cli && npm install && grunt build