Added ActivityLog in admin/dashboard

app/Http/Controllers/Admin/ActivityController.php

@@ -0,0 +1,36 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Collection;
+use App\Http\Controllers\Controller;
+use Spatie\Activitylog\Models\Activity;
+
+class ActivityController extends Controller
+{
+
+    /**
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function activities()
+    {
+        $activities = $this->getLatestActivityItems();
+
+        return response()->json($activities);
+    }
+
+
+    /**
+     * Get all activity for admin dashboard.
+     *
+     * @return Collection
+     */
+    public function getLatestActivityItems(): Collection
+    {
+        return Activity::with('causer')
+            ->latest()
+            ->limit(30)
+            ->get();
+    }
+}

app/Http/Controllers/Auth/RegisterController.php

@@ -71,6 +71,14 @@ protected function create(array $data)
             'password' => bcrypt($data['password']),
         ]);
 
+        activity()->by($user->id)
+            ->performedOn($user)
+            ->withProperties([
+                'type'  => 'user',
+                'title' => $user->username,
+            ])
+            ->log('New user has been registered.');
+
         $user_id = $user->id;
         $roles = Role::all()->where('name', 'user')->first();
         $role_id = $roles->id;

app/Http/Controllers/Forum/DiscussionController.php

@@ -61,7 +61,7 @@ public function store(DiscussionRequest $request)
             ->withProperties([
                 'type' => 'discussion',
                 'title' => $discussion->title,
-                'link'  => 'discuss/channels/' . $channel->channel_url . '/' . $discussion->slug,
+                'link'  => '/discuss/channels/' . $channel->channel_url . '/' . $discussion->slug,
             ])
             ->log('Create discussion');
 

resources/assets/js/app.js

@@ -38,6 +38,10 @@ import DiscussionComments from './vuejs/components/forum/DiscussionComments.vue'
 /* Search component */
 import ForumSearch from './vuejs/components/forum/ForumSearch.vue';
 
+/* Dashboard component */
+import ActivityLog from './vuejs/components/admin/dashboard/Activitylog.vue';
+
+
 const app = new Vue({
   el: '#app',
 
@@ -58,6 +62,7 @@ const app = new Vue({
     AdminRole,
     CommentVote,
     ForumSearch,
-    DiscussionComments
+    DiscussionComments,
+    ActivityLog
   }
 });

resources/assets/js/bootstrap.js

@@ -8,6 +8,7 @@ window._ = require('lodash');
 
 window.$ = window.jQuery = require('jquery');
 window.axios = require('axios');
+window.moment = require('moment')
 require('bootstrap-sass');
 require('metismenu');
 require('jquery-slimscroll');
@@ -25,6 +26,10 @@ require('./plugins/main');
 window.Vue = require('vue');
 require('vue-resource');
 
+Vue.filter('timeago', function(value) {
+  return moment.utc(value).local().fromNow();
+});
+
 /**
  * We'll register a HTTP interceptor to attach the "CSRF" header to each of
  * the outgoing requests issued by this application. The CSRF middleware

resources/assets/js/vuejs/components/admin/dashboard/Activitylog.vue

@@ -0,0 +1,105 @@
+<template>
+  <div id="activity-log">
+
+    <scale-loader
+            class="admin-scale-loader"
+            :loading="loading"
+            :color="color"
+            :height="height"
+            :width="width"
+            :margin="margin"
+    >
+    </scale-loader>
+
+    <div class="ibox" v-show="!loading">
+
+      <div class="ibox-title">
+        <h5>Activities in forum</h5>
+      </div> <!-- /.ibox-title -->
+
+      <div class="ibox-content">
+
+        <!-- ACTIVITYLOG TABLE -->
+        <div class="table-responsive" v-show="!loading">
+          <div class="dataTables_wrapper form-inline dt-bootstrap">
+            <table class="table table-striped table-bordered table-hover dataTable dtr-inline">
+              <thead>
+              <tr>
+                <th>#</th>
+                <th>Time</th>
+                <th>Description</th>
+                <th>User</th>
+              </tr>
+              </thead>
+              <tbody>
+              <tr v-for="activity in activities">
+                <td>{{ activity.id }}</td>
+                <td>{{ activity.created_at | timeago }}</td>
+                <td>
+                  <span v-if="activity.properties.type == 'user'">
+                    {{ activity.description }}
+                  </span>
+                  <span v-else>
+                    {{ activity.description }}
+                    <a :href="activity.properties.link">"{{ activity.properties.title }}"</a>
+                  </span>
+                </td>
+                <td>
+                  <a :href="'/@' + activity.causer.username">{{ activity.causer.username }}</a>
+                </td>
+              </tr>
+              </tbody>
+            </table>
+
+          </div> <!-- /.dataTables_wrapper-->
+        </div> <!-- /.table-responsive -->
+        <!-- /ACTIVITYLOG TABLE -->
+
+      </div> <!-- /.ibox-content -->
+    </div> <!-- /.ibox -->
+
+  </div>
+</template>
+
+<script>
+  import ScaleLoader from 'vue-spinner/src/ScaleLoader.vue'
+
+  export default {
+    name: 'activity-log',
+    data () {
+      return {
+        height: '60px',
+        activities: []
+      }
+    }, // data()
+
+    components: {
+        'scale-loader': ScaleLoader
+    }, // components
+
+    beforeMount () {
+      this.loading = true
+    }, // beforeMount()
+
+    mounted () {
+      this.loading = false
+      this.getAllActivities()
+    }, // mounted()
+
+    methods: {
+      getAllActivities () {
+        axios.get('/api/admin/activities')
+          .then((response) => {
+            console.log(response)
+            this.activities = response.data
+          })
+          .catch((error) => {
+
+          })
+      } // getAllActivities()
+    } // methods
+  }
+</script>
+
+<style lang="css">
+</style>

resources/views/admin/dashboard/index.blade.php

@@ -3,5 +3,5 @@
 @section('title', '| Dashboard')
 
 @section('content')
-
+    <activity-log></activity-log>
 @endsection

routes/api.php

@@ -4,6 +4,9 @@
 Route::get('/discussions/{discussion}/comments', 'Forum\DiscussionCommentController@index');
 
 Route::group(['middleware' => 'auth:api', 'prefix' => 'admin'], function () {
+    /* Dashboard routes */
+    Route::get('/activities', 'Admin\ActivityController@activities');
+
     /* Channels routes */
     Route::post('channels/store', 'Admin\ChannelController@store');
     Route::get('channels', 'Admin\ChannelController@channels');