Add CSV exporter, fix #9

Author: katajakasa

utuputki/webui/public/partials/history.html

@@ -1,6 +1,17 @@
-<div class="col-sm-6 col-lg-4">
+<div class="col-sm-12">
     <h2>History</h2>
 </div>
+<div class="col-sm-12 queue_add_block">
+    <div class="row">
+        <div class="col-lg-6 col-md-6">
+            <form class="input-group">
+                <span class="input-group-btn submit-button">
+                    <button class="btn btn-default" type="submit" ng-click="export()">Export</button>
+                </span>
+            </form>
+        </div>
+    </div>
+</div>
 <div class="col-sm-12 queue_show_block">
     <div class="queue_info" ng-if="grid_opts.data">
         <div ui-grid="grid_opts" ui-grid-auto-resize ng-style="getTableHeight()" class="queue_grid"></div>

utuputki/webui/public/static/custom/controllers/history.js

@@ -101,6 +101,29 @@ app.controller('HistoryController', ['$scope', '$window', '$rootScope', '$locati
             refresh_grid();
         }
 
+        $scope.export = function() {
+            var c_player = Player.get_current_player();
+            if(c_player == null) {
+                return;
+            }
+
+            var playlist = Playlist.get_playlist();
+            var out = [];
+            for(var i = 0; i < playlist.length; i++) {
+                var field = playlist[i];
+                var source = field.source;
+                var duration = moment.duration(source.length_seconds, "seconds").format("hh:mm:ss", { trim: false });
+                out.push([
+                    source.id,
+                    source.title,
+                    duration,
+                    'http://youtu.be/'+source.youtube_hash,
+                    source.description
+                ]);
+            }
+            exportToCsv("playlist.csv", out);
+        };
+
         function init() {
             var c_player = Player.get_current_player();
             Playlist.query(c_player.id);

utuputki/webui/public/static/custom/other/utils.js

@@ -0,0 +1,43 @@
+'use strict';
+
+// http://stackoverflow.com/questions/14964035/how-to-export-javascript-array-info-to-csv-on-client-side
+function exportToCsv(filename, rows) {
+    var processRow = function (row) {
+        var finalVal = '';
+        for (var j = 0; j < row.length; j++) {
+            var innerValue = row[j] === null ? '' : row[j].toString();
+            if (row[j] instanceof Date) {
+                innerValue = row[j].toLocaleString();
+            }
+            var result = innerValue.replace(/"/g, '""');
+            if (result.search(/("|,|\n)/g) >= 0)
+                result = '"' + result + '"';
+            if (j > 0)
+                finalVal += ',';
+            finalVal += result;
+        }
+        return finalVal + '\n';
+    };
+
+    var csvFile = '';
+    for (var i = 0; i < rows.length; i++) {
+        csvFile += processRow(rows[i]);
+    }
+
+    var blob = new Blob([csvFile], { type: 'text/csv;charset=utf-8;' });
+    if (navigator.msSaveBlob) { // IE 10+
+        navigator.msSaveBlob(blob, filename);
+    } else {
+        var link = document.createElement("a");
+        if (link.download !== undefined) { // feature detection
+            // Browsers that support HTML5 download attribute
+            var url = URL.createObjectURL(blob);
+            link.setAttribute("href", url);
+            link.setAttribute("download", filename);
+            link.style.visibility = 'hidden';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        }
+    }
+}