From 58f30494b4b48e39c714e1be6e68c7097955da18 Mon Sep 17 00:00:00 2001
From: Benedict Aas <x+g@shou.io>
Date: Mon, 20 Mar 2017 21:00:07 +0000
Subject: [PATCH] feat(GUI): show drive name instead of device name (#1181)

We show the friendly drive name on the main page with the drive's device name
or mount point now inside a tooltip. Drive names longer than 11 characters are
truncated with a middle ellipsis.

Change-Type: minor
Changelog-Entry: Show friendly drive name instead of device name in the main screen.
Closes: https://github.com/resin-io/etcher/issues/1170
---
 lib/gui/pages/main/templates/main.tpl.html | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/lib/gui/pages/main/templates/main.tpl.html b/lib/gui/pages/main/templates/main.tpl.html
index 196a4672..3d1e58a7 100644
--- a/lib/gui/pages/main/templates/main.tpl.html
+++ b/lib/gui/pages/main/templates/main.tpl.html
@@ -60,8 +60,12 @@
           <div class="step-selection-text"
             ng-class="{
               'text-disabled': main.shouldDriveStepBeDisabled()
-            }">
-            <span class="step-drive step-name">{{ main.selection.getDrive().name }}</span>
+            }"
+            uib-tooltip="{{ main.selection.getDrive().name }}">
+            <span class="step-drive step-name">
+              <!-- middleEllipses errors on undefined, therefore fallback to empty string -->
+              {{ (main.selection.getDrive().description || "") | middleEllipses:11 }}
+            </span>
             <span class="step-drive step-size">{{ main.selection.getDrive().size | gigabyte | number:1 }} GB</span>
           </div>
           <button class="button button-link step-footer"