624 recent updates feed on main page

app/Http/Controllers/Controller.php

@@ -2,12 +2,13 @@
 
 namespace App\Http\Controllers;
 
+use App\Http\Controllers\Traits\Responds;
 use Illuminate\Foundation\Bus\DispatchesJobs;
 use Illuminate\Routing\Controller as BaseController;
 use Illuminate\Foundation\Validation\ValidatesRequests;
 use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
 
 class Controller extends BaseController
 {
-    use AuthorizesRequests, DispatchesJobs, ValidatesRequests;
+    use AuthorizesRequests, DispatchesJobs, ValidatesRequests, Responds;
 }

app/Http/Controllers/TreetController.php

@@ -0,0 +1,92 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Treet;
+
+class TreetController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index()
+    {
+        //
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function create(Request $request)
+    {
+        $treet = Treet::create([
+            'app_name' => $request->app_name,
+            'image_path' => $request->image_path,
+            'description' => $request->description
+        ]);
+        return $this->created($treet);
+
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(Request $request)
+    {
+        //
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show(Treet $treet)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(Treet $treet)
+    {
+        //
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(Request $request, Treet $treet)
+    {
+        //
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(Treet $treet)
+    {
+        //
+    }
+    public function getTreetFeed(Request $request)
+    {
+        $this->validate($request, [
+            'limit' => 'nullable|integer|min:6|max:90',
+        ]);
+
+        $limit = $request->limit ?: 10;
+
+        $treets = Treet::select(['id','app_name', 'image_path', 'description', 'created_at'])
+            ->orderBy('created_at', 'desc')
+            ->limit($limit)
+            ->get();
+
+        $treets->map(function ($treet) {
+            $treet->date = $treet->created_at->diffForHumans();
+        });
+
+
+
+        return $this->success($treets);
+    }
+}

app/Policies/TreetPolicy.php

@@ -0,0 +1,66 @@
+<?php
+
+namespace App\Policies;
+
+use App\Treet;
+use App\User;
+use Illuminate\Auth\Access\Response;
+
+class TreetPolicy
+{
+    /**
+     * Determine whether the user can view any models.
+     */
+    public function viewAny(User $user): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can view the model.
+     */
+    public function view(User $user, Treet $treet): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can create models.
+     */
+    public function create(User $user): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can update the model.
+     */
+    public function update(User $user, Treet $treet): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can delete the model.
+     */
+    public function delete(User $user, Treet $treet): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can restore the model.
+     */
+    public function restore(User $user, Treet $treet): bool
+    {
+        //
+    }
+
+    /**
+     * Determine whether the user can permanently delete the model.
+     */
+    public function forceDelete(User $user, Treet $treet): bool
+    {
+        //
+    }
+}

app/Treet.php

@@ -0,0 +1,21 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Treet extends Model
+{
+    use HasFactory;
+
+    protected $fillable = [
+        'app_name',
+        'image_path',
+        'description',
+    ];
+
+    protected $casts = [
+        'created_at' => 'datetime',
+    ];
+}

database/factories/ModelFactory.php

@@ -243,3 +243,18 @@ function fuzifyCoorinates($original_latitude, $original_longitude)
         'observations_count' => $faker->numberBetween(10, 5000),
     ];
 });
+
+
+$factory->define(\App\Treet::class, function (Faker\Generator $faker) {
+    $appNames = ['Treesnap','FlorestaDB','HealthyWoods', 'Avid Deer', 'Eastern Forest Pests'];
+    $imagePaths = ["../images/logos/treesnap_logo.png","../images/logos/florestadb_logo.png","../images/logos/healthywoods_logo.png","../images/logos/aviddeer_logo.png","../images/logos/efp_logo.png"];
+
+    $randApp = array_rand($appNames, 1);
+
+    return [
+        'app_name' => $appNames[$randApp],
+        'image_path' => $imagePaths[$randApp],
+        'description' => $faker->sentence()
+    ];
+});
+

database/migrations/2024_05_14_164032_create_treets_table.php

@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('treets', function (Blueprint $table) {
+            $table->id();
+            $table->text('app_name');
+            $table->text('image_path');
+            $table->text('description');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('treets');
+    }
+};

database/seeders/TreetSeeder.php

@@ -0,0 +1,22 @@
+<?php
+
+namespace Database\Seeders;
+
+use Illuminate\Database\Console\Seeds\WithoutModelEvents;
+use Illuminate\Database\Seeder;
+use App\Treet;
+
+
+class TreetSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        $treets_count = 10;
+
+        factory(Treet::class, $treets_count)->create();
+
+    }
+}

resources/assets/js/components/RecentUpdates.jsx

@@ -0,0 +1,18 @@
+import React, {Component} from 'react'
+
+export default class RecentUpdates extends Component {
+  render() {
+    return (
+      <div className="recent-updates">
+        <div className="container">
+          <h2 className="title is-3 text-white has-text-centered">Recent Updates</h2>
+          <div className="update-marquee">
+            <div className="update-card">
+              <h1>The Hemlock survey has been updated to support the Lingering Hemlock Protocol</h1>
+            </div>
+          </div>
+        </div>
+      </div>
+    )
+  }
+}

resources/assets/js/components/TwitterFeed.jsx

@@ -1,23 +1,70 @@
-import React from 'react'
+import React, { Component } from 'react'
 
-export default class TwitterFeed extends React.Component {
+export default class TwitterFeed extends Component {
+  constructor(props) {
+    super(props)
+
+    this.state = {
+      treets: [],
+      loading     : true,
+    }
+  }
+
   componentDidMount() {
-    this.interval = setInterval(() => {
-      if (window.twttr) {
-        window.twttr.widgets.load()
-        clearInterval(this.interval)
-      }
-    }, 15)
+    this.loadTreets()
+
+    setInterval(this.loadTreets.bind(this), 120000)
   }
 
+  loadTreets() {
+    axios.get(`/web/treets/feed`).then(response => {
+      this.setState({treets: response.data.data, loading: false})
+    }).catch(error => {
+      console.log(error)
+      this.setState({loading: false})
+    })
+  }
+
+  renderTreet(treet) {
+    return (
+
+      <div key={treet.id}
+      className={'item-box elevation-1 is-lighter-dark is-flex flex-space-between flex-v-center'}>
+      <div className="is-flex flex-v-center flex-column-left flex-wrap">
+          <div className="flex-row">
+
+          <div className="item mr-3">
+              <img src={treet.image_path}
+                   alt={treet.app_name}
+                   className="item-thumbnail "
+                   style={{marginTop: 8}}/>
+          </div>
+          <div className="item">
+            <div className="text-dark-muted text-wrap"><strong>{treet.app_name}</strong></div>
+          </div>
+          </div>
+          <div className="item">
+
+            <div className="text-dark-muted my-4 text-wrap w-100">{treet.description}</div>
+            <div className="text-dark-muted text-wrap">{treet.date}</div>
+          </div>
+        </div>
+      </div>
+
+    )
+  }
   render() {
     return (
-      <div>
-        <a className="twitter-timeline"
-           data-height="487"
-           data-width="432"
-           data-link-color="#2A9D8F"
-           href="https://twitter.com/Treesnapapp?ref_src=twsrc%5Etfw">Tweets by Treesnapapp</a>
+      <div style={{maxHeight: 487, overflowY: 'auto'}} className={'invisible-scrollbar'}>
+        {this.state.loading ?
+          <p className="has-text-centered">
+            <i className="fa fa-spinner fa-spin"></i>
+          </p>
+          : null}
+        {this.state.treets.map(this.renderTreet.bind(this))}
+        {this.state.treets.length === 0 && !this.state.loading ?
+          <p className="text-dark-muted has-text-centered">There are no treets at this time</p>
+          : null}
       </div>
     )
   }