Add back button

CHANGES.md

@@ -8,6 +8,10 @@
 2.22.1 / 2020-02-07
 ===================
 
+**Enhancements**
+
+* Change back to map to previous page button in detail page
+
 **Bug fixes**
 
 * Fix some bugs after upgrade to Leaflet 1.x

src/app/layout/controllers.js

@@ -138,6 +138,11 @@ function LayoutController($rootScope, $scope, $state, $location, resultsService,
         }
     };
 
+    //back button function called from back button's ng-click="back()"
+    $rootScope.previous = function previous () {
+        window.history.back();
+    };
+
     rootScopeEvents.push(
         $rootScope.$on('startSwitchGlobalLang', function () {
             resultsService.getAllResults()

src/app/layout/styles/_sidebar.scss

@@ -114,6 +114,7 @@
 
 .toolbar-action-label {
     display: none;
+    .previous &,
     .back-to-home & {
         font-weight: bold;
 

src/app/layout/templates/sidebar-detail.html

@@ -1,8 +1,8 @@
 <ul class="toolbar-actions detail-actions category-{{::result.properties.category.id}}">
-    <li class="toolbar-action back-to-home">
-        <a class="toolbar-action-link" href  ng-click="back()" tooltip-placement="right" tooltip="{{'BACK_TO_THE_MAP' | translate}}">
+    <li class="toolbar-action previous">
+        <a class="toolbar-action-link" href  ng-click="previous()" tooltip-placement="right" tooltip="{{'BACK' | translate}}">
             <ng-include class="stripe-icon svg-icon" src="'/images/icons/stripe.svg'"></ng-include>
-            <span class="toolbar-action-label">{{'BACK_TO_THE_MAP' | translate}}</span>
+            <span class="toolbar-action-label">{{'BACK' | translate}}</span>
         </a>
     </li>
     <li class="toolbar-action rep-3d" ng-if="result.properties.contentType === 'trek' && webGLisEnable">