$dateRange is undefined - php

Question

I am following this tutorial:
https://learn.microsoft.com/en-us/graph/tutorials/php?tutorial-step=4
However, I did not manage to list all the events in my calendar. I was able to dump json file by using this:
return response()->json($events);
However, after replacing that line with:
$viewData['events'] = $events;
return view('calendar', $viewData);
I received this error:
ErrorException Undefined variable: dateRange (View:
C:\Users\syahm\FWIMS\resources\views\calendar.blade.php)
http://localhost:8000/calendar Hide solutions $dateRange is undefined
My controller.blade.php:
#extends('layout')
#section('content')
<h1>Calendar</h1>
<h2>{{ $dateRange }}</h2>
<a class="btn btn-light btn-sm mb-3" href={{action('CalendarController#getNewEventForm')}}>New event</a>
<table class="table">
<thead>
<tr>
<th scope="col">Organizer</th>
<th scope="col">Subject</th>
<th scope="col">Start</th>
<th scope="col">End</th>
</tr>
</thead>
<tbody>
#isset($events)
#foreach($events as $event)
<tr>
<td>{{ $event->getOrganizer()->getEmailAddress()->getName() }}</td>
<td>{{ $event->getSubject() }}</td>
<td>{{ \Carbon\Carbon::parse($event->getStart()->getDateTime())->format('n/j/y g:i A') }}</td>
<td>{{ \Carbon\Carbon::parse($event->getEnd()->getDateTime())->format('n/j/y g:i A') }}</td>
</tr>
#endforeach
#endif
</tbody>
</table>
#endsection
My CalendarController.php:
<?php
namespace App\Http\Controllers;
use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Microsoft\Graph\Graph;
use Microsoft\Graph\Model;
use App\TokenStore\TokenCache;
use App\TimeZones\TimeZones;
class CalendarController extends Controller
{
public function calendar()
{
$viewData = $this->loadViewData();
$graph = $this->getGraph();
// Get user's timezone
$timezone = TimeZones::getTzFromWindows($viewData['userTimeZone']);
// Get start and end of week
$startOfWeek = new \DateTimeImmutable('monday -1 week', $timezone);
$endOfWeek = new \DateTimeImmutable('monday', $timezone);
$queryParams = array(
'startDateTime' => $startOfWeek->format(\DateTimeInterface::ISO8601),
'endDateTime' => $endOfWeek->format(\DateTimeInterface::ISO8601),
// Only request the properties used by the app
'$select' => 'subject,organizer,start,end',
// Sort them by start time
'$orderby' => 'start/dateTime',
// Limit results to 25
'$top' => 25
);
// Append query parameters to the '/me/calendarView' url
$getEventsUrl = '/me/calendarView?'.http_build_query($queryParams);
$events = $graph->createRequest('GET', $getEventsUrl)
// Add the user's timezone to the Prefer header
->addHeaders(array(
'Prefer' => 'outlook.timezone="'.$viewData['userTimeZone'].'"'
))
->setReturnType(Model\Event::class)
->execute();
$viewData['events'] = $events;
return view('calendar', $viewData);
}
private function getGraph(): Graph
{
// Get the access token from the cache
$tokenCache = new TokenCache();
$accessToken = $tokenCache->getAccessToken();
// Create a Graph client
$graph = new Graph();
$graph->setAccessToken($accessToken);
return $graph;
}
}
Added 'dd($viewData);' to my calendarcontroller.php and I received this:
array:4 [▼
"userName" => "ABC"
"userEmail" => "ABC#localhost"
"userTimeZone" => "Eastern Standard Time"
"events" => array:3 [▼
0 => Microsoft\Graph\Model\Event {#310 ▼
#_propDict: array:6 [▼
"#odata.etag" => "W/"3ixz55KajUefR0tOGmhiSQABIRK5QA==""
"id" => "AAMkAGZlZWE2N2ZlLTczM2ItNDI2Ny05NWU0LTZmOWFiNzZmZmJhZABGAAAAAAC85uAHa4F5RpnXBxFnN2zgBwDeLHPnkpqNR59HS04aaGJJAAAAAAENAADeLHPnkpqNR59HS04aaGJJAAEhezxbAAA="
"subject" => "AA 2"
"start" => array:2 [▼
"dateTime" => "2020-11-23T09:30:00.0000000"
"timeZone" => "Eastern Standard Time"
]
"end" => array:2 [▼
"dateTime" => "2020-11-23T16:30:00.0000000"
"timeZone" => "Eastern Standard Time"
]
"organizer" => array:1 [▼
"emailAddress" => array:2 [▼
"name" => "AA"
"address" => "AA#localhost"
]
]
]
}
1 => Microsoft\Graph\Model\Event {#296 ▼
#_propDict: array:6 [▼
"#odata.etag" => "W/"3ixz55KajUefR0tOGmhiSQABIl5/QA==""
"id" => "AAMkAGZlZWE2N2ZlLTczM2ItNDI2Ny05NWU0LTZmOWFiNzZmZmJhZABGAAAAAAC85uAHa4F5RpnXBxFnN2zgBwDeLHPnkpqNR59HS04aaGJJAAAAAAENAADeLHPnkpqNR59HS04aaGJJAAEhezxcAAA="
"subject" => "AA 3"
"start" => array:2 [▼
"dateTime" => "2020-11-25T09:30:00.0000000"
"timeZone" => "Eastern Standard Time"
]
"end" => array:2 [▼
"dateTime" => "2020-11-25T16:30:00.0000000"
"timeZone" => "EasternStandard Time"
]
"organizer" => array:1 [▼
"emailAddress" => array:2 [▶]
]
]
}
2 => Microsoft\Graph\Model\Event {#306 ▼
#_propDict: array:6 [▼
"#odata.etag" => "W/"3ixz55KajUefR0tOGmhiSQABIwjzEw==""
"id" => "AAMkAGZlZWE2N2ZlLTczM2ItNDI2Ny05NWU0LTZmOWFiNzZmZmJhZABGAAAAAAC85uAHa4F5RpnXBxFnN2zgBwDeLHPnkpqNR59HS04aaGJJAAAAAAENAADeLHPnkpqNR59HS04aaGJJAAEjdLLVAAA="
"subject" => "AA 4/2020 "
"start" => array:2 [▼
"dateTime" => "2020-11-26T14:30:00.0000000"
"timeZone" => "Eastern Standard Time"
]
"end" => array:2 [▼
"dateTime" => "2020-11-26T16:00:00.0000000"
"timeZone" => "Eastern Standard Time"
]
"organizer" => array:1 [▼
"emailAddress" => array:2 [▼
"name" => "AA"
"address" => "AA#localhost"
]
]
]
}
]
]

Answer 1

Removed this from my calendar.blade.php and it is now working!
<h2>{{ $dateRange }}</h2>
<a class="btn btn-light btn-sm mb-3" href={{action('CalendarController#getNewEventForm')}}>New event</a>