var tpl = '<div><h2>Foo</h2><p>Welcome to the foo.</p></div>';
tpl += '<input type=\"button\" class=\"btn btn-default\" ng-click=\"doReload()\" value=\"Reload\"></input>';
tpl += '<input type=\"button\" class=\"btn btn-default\" ng-click=\"doClearServerUrl()\" value=\"Clear Server Url\"></input>';
tpl += '<input type=\"button\" class=\"btn btn-default\" ng-click=\"doClearCache()\" value=\"Clear Cache\"></input>';
tpl += '<p>{{message}}</p>';

pageRouteInit.push(function ($routeProvider, $locationProvider) {
	$routeProvider.when('/example-ui/foo', {
		template: tpl,
		controller: PageFoo
	});
});

function PageFoo($scope) {
	$scope.message = '';
	$scope.doReload = function () {
  		window.location.reload(true);
	};
	
	$scope.doClearServerUrl = function () {
		FFSpaLoader.clearServerUrl(function(err) {
			if (err) {
				$scope.message = 'Error: '+err;
			} else {
				$scope.message = 'Cleared server url';
			}
			$scope.$apply();
		});
	};
	
	$scope.doClearCache = function () {
		FFSpaLoader.clearCache(function(err) {
			if (err) {
				$scope.message = 'Error: '+err;
			} else {
				$scope.message = 'Cleared cache';
			}
			$scope.$apply();
		});
	};
}