Revize 274760e7

refs #7015: Přidání dinamického odkazu pro export do CSV

frontend/app.js

@@ -170 +170 @@
         $scope.showInfoLoading = false;
         $scope.vehicles = [];
         $scope.filterVehicles = [];
+        $scope.urlExportCsv = null;
 
         Vehicle.query(null, function (data) {
             $scope.vehicles = data;
@@ -206 +207 @@
 
         let range = $scope.getRange();
 
-        // if (!$rootScope.selectDevice || args.id !== $rootScope.selectDevice.id)
-        //     $rootScope.selectDevice = {name: '...', street: '...', town: '...'};
-
-
-        Device.get({
+        let query = {
             period: range.isTime ? 'time-period' : 'day-period',
             id: args.id,
             direction: args.direction,
             dateFrom: range.fromDate.format('YYYY-MM-DD'),
             dateTo: range.toDate.format('YYYY-MM-DD'),
             timeFrom: range.isTime ? range.fromTime.format('HH:mm') : null,
-            timeTo: range.isTime ? range.toTime.format('HH:mm') : null,
-        }, function (data) {
+            timeTo: range.isTime ? range.toTime.format('HH:mm') : null
+        };
+
+        Device.get(query, function (data) {
             $rootScope.selectDevice = data;
 
             $scope.renderGraphAverageSpeed();
             $scope.renderGraphNumberVehicles();
 
+            $scope.urlExportCsv = $scope.generateUrlExportCsv(query);
+
             $scope.showInfoLoading = false;
         }, function (response) {
             $rootScope.selectDevice = null;
@@ -234 +235 @@
 
     });
 
+    $scope.generateUrlExportCsv = function (query) {
+        let relativeUrl = '/devices/:id/:period/csv?'.replace(':id', query.id).replace(':period', query.period);
+        delete query.id;
+        delete query.period;
+
+        let paramsUrl = jQuery.param(query);
+        return config.API_URL + relativeUrl + paramsUrl;
+    };
 
     $scope.changeRange = function () {
         if ($scope.range.fromDate >= $scope.range.toDate || ($scope.range.isTime && $scope.range.fromTime >= $scope.range.toTime)) {

frontend/index.php

@@ -210 +210 @@
             <h4 class="mt-4">Počet vozidel</h4>
             <canvas id="graphNumberVehicles" class="mb-5"></canvas>
 
+            <div class="text-center">
+                <a class="btn btn-dark" href="{{ urlExportCsv }}" role="button">Export CSV</a>
+            </div>
+
             <div class="text-center mb-2 mt-2 w-100">
                 <small class="text-muted">zdroj dat: <a target="_blank" href="https://doprava.plzensky-kraj.cz">doprava.plzensky-kraj.cz</a>
                 </small>