changed base path of REST api and updated frontend api quering

backend/src/main/whattocook/configs/RepositoryConfig.java

@@ -1,17 +1,19 @@
 package whattocook.configs;
 
+import org.springframework.context.annotation.Configuration;
 import org.springframework.data.rest.core.config.RepositoryRestConfiguration;
 import org.springframework.data.rest.webmvc.config.RepositoryRestConfigurer;
-import org.springframework.stereotype.Component;
 import org.springframework.web.servlet.config.annotation.CorsRegistry;
-@Component
-public class RestRepositoryConfigurator implements RepositoryRestConfigurer {
+import whattocook.models.Item;
 
+@Configuration
+class RepositoryConfig implements RepositoryRestConfigurer {
 
     @Override
     public void configureRepositoryRestConfiguration(RepositoryRestConfiguration config, CorsRegistry cors) {
-        config.disableDefaultExposure();
-        RepositoryRestConfigurer.super.configureRepositoryRestConfiguration(config, cors);
+        config.exposeIdsFor(Item.class);
+        config.setBasePath("/api/v1");
     }
+
 }
 

backend/src/main/whattocook/controller/ItemController.java

@@ -5,14 +5,11 @@ import lombok.extern.slf4j.Slf4j;
 import whattocook.models.Item;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.*;
-import whattocook.models.Unit;
 import whattocook.services.ItemService;
 
 import java.util.List;
-
 @Slf4j
 @RestController()
-@RequestMapping("/api/v1")
 public class ItemController {
 
     @Autowired

frontend/src/Api.js

@@ -10,7 +10,11 @@ const instance = axios.create({
 export default {
     createNew: (name, quantity, unit) => instance.post("/api/v1/items", {name: name, quantity : quantity, unit : unit}),
 
-    getAll: () => instance.get('/api/v1/items'),
+    getAll: () => instance.get('/api/v1/items', {  
+        transformResponse: [function (data) {  
+          return data? JSON.parse(data)._embedded.items : data;  
+        }]  
+      }), 
 
     removeForId: (id) => instance.delete('/api/v1/items/'+ id)
 }

frontend/src/components/ItemModel.vue

@@ -84,14 +84,14 @@
 
         api.createNew(components[0],
                       parseInt(components[1].replace ( /[^\d.]/g, '' )),
-                      components[1].replace(/[0-9]/g, ''))
-          .then( (response) => {  
+                      components[1].replace(/[0-9]/g, '') === 'ml' ? 'MILLILETERS' : "GRAMMS"
+          ).then( (response) => {  
           this.$log.debug("New item created:", response);  
           this.items.push({  
               id: response.data.id,  
               name: components[0],
               quantity: parseInt(components[1].replace ( /[^\d.]/g, '' )),
-              unit: components[1].replace(/[0-9]/g, '')
+              unit: components[1].replace(/[0-9]/g, '') === 'MILLILETERS' ? 'ml' : 'g'
           })  
           }).catch((error) => {  
             this.$log.debug(error);