add Jo image, add coins with update and add incentives

src/views/chatbot/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container chatbot-container">
-    <h1>Chatbot Joe</h1>
+    <img src="@/assets/joe.png" class="joeimage">
   </div>
 </template>
 
@@ -67,6 +67,11 @@ export default {
     font-size: 20px;
     text-align: center;
   }
+
+  .joeimage{
+    float:left;
+    height:600px;
+  }
 }
 </style>
 <style>

src/views/incentives/list.vue

@@ -22,13 +22,13 @@
         </template>
       </el-table-column>
 
-      <el-table-column width="120px" align="center" label="Erstellt von">
+      <el-table-column v-if="roles.includes('admin')" width="120px" align="center" label="Erstellt von">
         <template slot-scope="scope">
           <span>{{ scope.row.author }}</span>
         </template>
       </el-table-column>
 
-      <el-table-column class-name="status-col" label="Status" width="110">
+      <el-table-column v-if="roles.includes('admin')" class-name="status-col" label="Status" width="110">
         <template slot-scope="{row}">
           <el-tag :type="row.status | statusFilter">
             {{ row.status }}
@@ -36,7 +36,7 @@
         </template>
       </el-table-column>
 
-      <el-table-column align="center" label="Actions" width="120">
+      <el-table-column v-if="roles.includes('admin')" align="center" label="Actions" width="120">
         <template slot-scope="scope">
           <router-link :to="'/incentive/edit/'+scope.row.id">
             <el-button type="primary" size="small" icon="el-icon-edit">
@@ -51,6 +51,7 @@
 
 <script>
 import { fetchList } from '@/api/article'
+import { mapGetters } from 'vuex'
 
 export default {
   name: 'IncentiveList',
@@ -75,6 +76,11 @@ export default {
       }
     }
   },
+  computed: {
+    ...mapGetters([
+      'roles'
+    ])
+  },
   created() {
     this.getList()
   },