Frontend View Lokale Routen

← zurück zur Übersicht

Lokale Routen

Modul: happyHour.views.localRoutes
Controllerdatei: views/local-routes/local-routes.js
Templatedatei: views/local-routes/local-routes.html
Route: /localRoutes
Autor: Dorothee Nies

Abhängigkeiten

AppStatusPersistenceService

Zum Speichern der geöffneten Route im Anwendungsstatus

RoutesPersistenceService

Zum Laden der Routen aus dem lokalen Gerätespeicher

$location

Zum Weiterleiten auf andere Ansichten

formatDays

Dient dem Formatieren von Wochentagen

## Funktionsweise

Aufrufen der Routen

Der Controller ermöglicht das aufrufen aller Routen aus dem LocalStorage.

$scope.localRoutes = RoutesPersistenceService.getAll();

Der Klick auf eine Route ruft die openRoute-Funktion auf.

ng-click="openRoute(localRoute.id)

Diese speichert die ausgewählte Route im AppStatus und leitet auf die Anzeige der aktuellen Route weiter.

$scope.openRoute = function(routeId){
  var localRouteToOpen = RoutesPersistenceService.get(routeId);
  AppStatusPersistenceService.setRoute(localRouteToOpen.route);
  $location.path('/currentRoute');
};

Löschen einer Route

Zum Löschen einer Route wird das Löschen-Icon geklickt. Dabei wird durch die ng-class-Direktive ein Popup geöffnet, das durch die popupOpen-Variable gesteuert wird. Dabei wird außerdem hinterlegt, welche Route gelöscht werden soll.

<span ng-click="$parent.popupOpen = true; $parent.routeToDelete = localRoute.id;"></span>

<div class="e__popup-overlay" ng-class="{is__open: popupOpen}">

Per Klick auf den "Entfernen"-Button im Popup wird die vorher hinterlegte Route dann gelöscht.

<div ng-click="removeRoute(routeToDelete); popupOpen = false">Entfernen</div>

Die removeRoute-Funktion löscht die Route aus dem LocalStorage und aktualisiert die Routenliste in der Anzeige.

$scope.removeRoute = function(routeId) {
  RoutesPersistenceService.remove(routeId);
  $scope.localRoutes = RoutesPersistenceService.getAll();
};