add function to remove planted crops on context / long press

concept.md

@@ -6,7 +6,7 @@
   - [ ] Watering of crops
   - [ ] Quick access on field for crops and later tools
   - [ ] Switch system from field -> crop to crop -> fields
-  - [ ] Removing planted crops and regaining of removed crop
+  - [x] Removing planted crops and regaining of removed crop
   - [ ] Revision of crop-assets
 - [x] Farm animals
   - [x] Animal products (egg, milk, wool, etc.)

src/components/CropField.vue

@@ -3,6 +3,7 @@
         <div class="row grass-border" id="field">
             <div :class="'crop-field '+(!field.data ? 'empty' : '')"
                  v-on:click="interactWithField(field)"
+                 v-on:contextmenu.prevent="removeCrop(field)"
                  v-for="field in fields"
                  v-bind:key="field.id">
                 <img v-if="field.data" class="planted-field" :src="getCropAsset(field)"/>
@@ -106,6 +107,33 @@ export default {
             } else {
                 return seed.assetsFolder + '1.png';
             }
+        },
+        removeCrop(field) {
+            let view = this;
+            let seed = ItemService.getItemByID(field.data.seed_id);
+
+            iziToast.question({
+                title: 'Do you want to remove this '+seed.name+'?',
+                buttons: [
+                    ['<button><b>YES</b></button>', function (instance, toast) {
+                        field.data = null;
+                        view.$store.commit('addItemToInventory', {item: seed, quantity: 1});
+
+                        iziToast.success({
+                            title: 'Added removed '+seed.name+' back to inventory',
+                            image: seed.icon
+                        })
+
+                        instance.hide({ transitionOut: 'fadeOut' }, toast, 'button');
+                    }, true],
+                    ['<button>NO</button>', function (instance, toast) {
+
+                        instance.hide({ transitionOut: 'fadeOut' }, toast, 'button');
+
+                    }],
+                ],
+                timeout: false
+            })
         }
     }
 }