From db2c3bf10b3316530c0f10cf6d79b8880900fb21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gina=20H=C3=A4u=C3=9Fge?= <osd@foosel.net>
Date: Fri, 8 Jul 2016 11:13:14 +0200
Subject: [PATCH] Have frontend's printer state also track file path

Also display it on mouse over on the selected file's name.
---
 src/octoprint/static/js/app/viewmodels/printerstate.js | 3 +++
 src/octoprint/templates/sidebar/state.jinja2           | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/octoprint/static/js/app/viewmodels/printerstate.js b/src/octoprint/static/js/app/viewmodels/printerstate.js
index 067afa9b..0a0fd0c3 100644
--- a/src/octoprint/static/js/app/viewmodels/printerstate.js
+++ b/src/octoprint/static/js/app/viewmodels/printerstate.js
@@ -25,6 +25,7 @@ $(function() {
         });
 
         self.filename = ko.observable(undefined);
+        self.filepath = ko.observable(undefined);
         self.progress = ko.observable(undefined);
         self.filesize = ko.observable(undefined);
         self.filepos = ko.observable(undefined);
@@ -157,10 +158,12 @@ $(function() {
         self._processJobData = function(data) {
             if (data.file) {
                 self.filename(data.file.name);
+                self.filepath(data.file.path);
                 self.filesize(data.file.size);
                 self.sd(data.file.origin == "sdcard");
             } else {
                 self.filename(undefined);
+                self.filepath(undefined);
                 self.filesize(undefined);
                 self.sd(undefined);
             }
diff --git a/src/octoprint/templates/sidebar/state.jinja2 b/src/octoprint/templates/sidebar/state.jinja2
index feff1535..5de77a09 100644
--- a/src/octoprint/templates/sidebar/state.jinja2
+++ b/src/octoprint/templates/sidebar/state.jinja2
@@ -1,5 +1,5 @@
 {{ _('Machine State') }}: <strong data-bind="text: stateString"></strong><br>
-{{ _('File') }}: <strong data-bind="text: filename"></strong>&nbsp;<strong data-bind="visible: sd">(SD)</strong><br>
+{{ _('File') }}: <strong data-bind="text: filename, attr: {title: filepath}"></strong>&nbsp;<strong data-bind="visible: sd">(SD)</strong><br>
 {{ _('Timelapse') }}: <strong data-bind="text: timelapseString"></strong><br>
 <!-- ko foreach: filament -->
 <span data-bind="text: 'Filament (' + name() + '): '"></span><strong data-bind="text: formatFilament(data())"></strong><br>