Add reports list to sidebar

src/components/dashboard/app-sidebar.vue

@@ -38,7 +38,7 @@
                 <li class="navList-heading">Reports</li>
                 <li>
                     <ul class="subList subList">
-                        <li class="subList-item"><a class="link">Places</a></li>
+                        <li class="subList-item"><a class="link" :href="reportPlaces">Places</a></li>
                         <li class="subList-item"><a class="link">Users</a></li>
                     </ul>
                 </li>
@@ -74,6 +74,7 @@ export default {
             onReviews: process.env.VUE_APP_INNER_PATH + '/approve-places',
             approvedPlaces: process.env.VUE_APP_INNER_PATH + '/approved-places',
             rejectedPlaces: process.env.VUE_APP_INNER_PATH + '/rejected-places',
+            reportPlaces: process.env.VUE_APP_INNER_PATH + '/reports',
             notApprovePlacesLegth: null,
             moderatorAvatar: null,
             moderatorNickname: null

src/pages/app-reports.vue

@@ -0,0 +1,65 @@
+<template>
+  <app-layout>
+   <app-table :cols="cols" :rows="rows"></app-table>
+  </app-layout>
+</template>
+
+
+
+<script>
+    import AppLayout from "@/components/dashboard/app-layout";
+    import AppTable from "@/components/table/table-layout.vue";
+    import reportService from '../services/report.service';
+
+
+    export default {
+        name: "reports",
+        data() {
+          return {
+              cols: [
+                  {
+                      id: 'createdBy',
+                      label: 'Created by',
+                  },
+                  {
+                      id: 'placeName',
+                      label: 'Place name',
+                  },
+                  {
+                      id: 'reportComment',
+                      label: 'Report comment',
+                  },
+                  {
+                      id: 'createdAt',
+                      label: 'Created at'
+                  },
+                  {
+                      id: 'solved',
+                      label: 'Is solved ?'
+                  }
+              ],
+              rows: []
+          }
+        },
+        methods: {
+
+        },
+        created() {
+            reportService.getAllReports()
+            .then((reports) => {
+                this.rows = reports;
+            })
+            .catch((err) => {
+                throw new Error(err);
+            })
+        },
+        components: {
+            AppLayout,
+            AppTable
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

src/router/router.js

@@ -16,6 +16,7 @@ import ApprovedPlaces from '../pages/approved-places';
 import RejectedPlaces from '../pages/rejected-places';
 import AllUsers from '../pages/app-allUsers';
 import CreateModerator from '../pages/create-moderator';
+import Reports from '../pages/app-reports';
 
 Vue.use(VueRouter)
 
@@ -178,6 +179,17 @@ const router = new VueRouter({
                 admin: true,
                 moderator: false
             }
+        },
+        {
+            path: '/reports',
+            name: 'reports',
+            component: Reports,
+
+            meta: {
+                guest: false,
+                admin: true,
+                moderator: true
+            }
         }
     ]
 })

src/services/report.service.js

@@ -0,0 +1,13 @@
+import RequestService from './request.service';
+
+const reportService = {
+   async getAllReports(){
+    try {
+        return await RequestService.get('/api/reports');
+    } catch (error) {
+        throw new Error(error);
+    }
+   }
+};
+
+export default reportService;