Hello again everyone, I've started testing this widget.
As a different use case, I'd like to use each waypoint to trigger a different event.
In my case, I have three different labels, and each time I reach a waypoint I'd like to swith to visible a specific one.
Is there a way using the default properties?
Also, if it can be done in JS, what would be the code to call for each waypoint to trigger the label visibility? I know the label's visibility part, but I mean I don't know the wayfinder code part, example: $scope.app.view['Home'].wdg['wayfinder-1'].????['???']
Does it make sense?
Thank you very much
Andrea
Hi @AndreaT ,
I would suggest to use the Wayfinder widget propeties $scope.app.view['YourViewName'].wdg['YourWayfinderWdg']['selectedWaypointValue'] so example what it could contain e.g. for Waypoint-1:
{"rows":[{"position":{"x":0.0642,"y":0.4871,"z":1.2134},"gaze":{"x":0,"y":0,"z":1},"up":{"x":0,"y":1,"z":0},"eventRadius":"0.8","wayfinderDisplayBoundary":"0.4","label":"waypoint-1"}],"dataShape":{"fieldDefinitions":{"gaze":{"aspects":{},"baseType":"STRING","name":"gaze"},"position":{"aspects":{},"baseType":"STRING","name":"position"},"up":{"aspects":{},"baseType":"STRING","name":"up"},"metadata":{"aspects":{},"baseType":"STRING","name":"metadata"},"label":{"aspects":{},"baseType":"STRING","name":"label"}}}}
and
$scope.app.view['YourViewName'].wdg['YourWayfinderWdg']['poi'] which a number starting by 0 no waypoint was found and counting then the waypoints
You could define also callbacks where you can check the values and then start the desired actions here example
and the sample js code for it:
let DEBUG=false
$scope.testClbkArrived = function(text) {
console.log("--->$scope.testClbkArrived ()::");
for (var i= 0; i < arguments.length; i++)
{if(DEBUG)console.log('Argument ['+i+']='+arguments[i]);}
let WaypointValue=$scope.app.view['Home'].wdg['wayfinder-1']['selectedWaypointValue'].rows[0].label
let Waypoi =$scope.app.view['Home'].wdg['wayfinder-1']['poi']
//arrived ... you can add there your code when you arrived - e.g. make something visible e.g. below
$scope.setWidgetProp("textArea-2","text","Arrived[poi="+Waypoi+"] to "+WaypointValue);
$timeout($scope.$root.$broadcast('app.view["Home"].wdg["popup-1"].svc.showpopup'),100);
}
$scope.testClbkDeparted = function(text) {
console.log("--->$scope.testClbk(.testClbkkDeparted::");
{//departed ... you can add there your code when you departed - e.g. make something invisible
}
}What I observed was that the arrived event was working fine but the departed event does not fire (at leaset in preview mode).
Here sample steps
This is great, thanks @RolandRaytchev !
Also it's a good way to understand a bit more how to debug new features.
Anyway, I've noticed that the departed event happens only when reaching the last point, see the picture.
I also played with the next/prev buttons and only when arriving and leaving to the last POI it fires the departed event.
Hi @RolandRaytchev , I've started implementing your solution into a project but it looks like it's not working anymore.
Basically it's not showing the values on the labels. Did anything change behind the scenes with the official release of the widget?
I'd like to jump to a specific waypoint by pressing a toggle. But again, the main fact is that also your solution now gives back errors
See below, lables have not been updated, nor the value label and errors in the debug.
@AmberWright sorry if I stress this out.
Now I've edited the JS replacing the properties with the new names.
What happens then:
Using the popup from JS showing, respectively, 'selectedWaypointIndex' and 'selectedWaypointData' works as expected.
If you look above, the text area shows [object object] and the second label has been disabled.
The bindings are:
- 'selectedWaypointData' -> text-area 'text'
- none to the 2nd label
If I bind the 'selectedWaypointData' to the label I'll get this
How can I then get the waypoint "name" in a label without scripting it in JS?
I apologize in advance if I missed something obvious out. I tried several times before posting 😅
