Meals
Meals crud built using the awesome Grid with CustomRender for the items and inline editing.
Infinite scrolling with more button is used to load additional data.
Dropzone.js is used to upload the picture and Cropper.js is used to resize and crop it, and only after cropping the image we upload it to the server.
The image is uploaded into a temp location and the file name is stored in a hidden input, when the user clicks save the image will be copied from the temp location into the permanent one.
Infinite scrolling with more button is used to load additional data.
Dropzone.js is used to upload the picture and Cropper.js is used to resize and crop it, and only after cropping the image we upload it to the server.
The image is uploaded into a temp location and the file name is stored in a hidden input, when the user clicks save the image will be copied from the temp location into the permanent one.