From: Calin Crisan <ccrisan@gmail.com>
Date: Sat, 27 Dec 2014 14:41:19 +0000 (+0200)
Subject: media browser: number of entries is shown in each media group button
X-Git-Url: http://www.vanbest.org/gitweb/?a=commitdiff_plain;h=26c0427746b3443ae3832419ab3c3683d3dd6a32;p=motioneye-debian

media browser: number of entries is shown in each media group button
---

diff --git a/static/css/main.css b/static/css/main.css
index fa14bb7..69025bc 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -488,7 +488,7 @@ div.media-dialog {
 
 div.media-dialog-groups {
     float: left;
-    width: 10em;
+    width: 11em;
     text-align: center;
     overflow: auto;
     white-space: nowrap;
@@ -500,7 +500,7 @@ div.media-dialog-groups.small-screen {
 
 div.media-dialog-group-button {
     height: 1.5em;
-    width: 9.5em;
+    width: 10.5em;
     box-sizing: border-box;
     line-height: 1.5em;
     text-align: center;
diff --git a/static/js/main.js b/static/js/main.js
index 1e5b258..c06fdd8 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -2561,7 +2561,7 @@ function runMediaDialog(cameraId, mediaType) {
         if (keys.length) {
             keys.forEach(function (key) {
                 var groupButton = $('<div class="media-dialog-group-button"></div>');
-                groupButton.text(key || '(ungrouped)');
+                groupButton.text((key || '(ungrouped)') + ' (' + groups[key].length + ')');
                 groupButton[0].key = key;
                 
                 groupButton.click(function () {
@@ -2570,6 +2570,15 @@ function runMediaDialog(cameraId, mediaType) {
                 
                 groupsDiv.append(groupButton);
             });
+            
+            /* add tooltips to larger group buttons */
+            setTimeout(function () {
+                groupsDiv.find('div.media-dialog-group-button').each(function () {
+                    if (this.scrollWidth > this.offsetWidth) {
+                        this.title = this.innerHTML;
+                    }
+                });
+            }, 10);
         }
         else {
             groupsDiv.html('(no media files)');