Meals

Meals crud built using the awesome Grid with CustomRender for the items and inline editing.
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.
Unlike on other pages, here the grid model is built on the client. We get the items for the first page from the server and build the grid model, when the user clicks "more" button we load the next items from the server and concat them with the existing ones, after rebuild the grid model.
By accessing this site, you agree to the use of cookies and other technologies to process your personal data (e.g. IP address) to enhance and personalise your experience across our websites. Additionally, third-party companies, may store cookies on your device and use similar technologies to collect and use certain information. For more information, refer to our privacy policy and cookie policy.