reduce sync db access

dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js

@@ -1067,6 +1067,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
 
             var indicatorsHtml = '';
 
+            indicatorsHtml += indicators.getSyncIndicator(item);
             indicatorsHtml += indicators.getTimerIndicator(item);
 
             if (options.showGroupCount) {

dashboard-ui/bower_components/emby-webcomponents/indicators/indicators.css

@@ -12,6 +12,16 @@
     background-color: #52B54B;
 }
 
+.indicator {
+    border-radius: 500px;
+    display: -ms-flex;
+    display: -webkit-flex;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 500;
+}
+
 .timerIndicator {
     color: #CB272A;
 }
@@ -48,7 +58,22 @@
     height: 28px;
 }
 
-    .playedIndicatorIcon {
+.syncIndicator {
+    color: #fff;
+    border-radius: 500px;
+    padding: 3px;
+}
+
+.emptySyncIndicator {
+    background: #ccc;
+    color: #333;
+}
+
+.fullSyncIndicator {
+    background: #cc3333;
+}
+
+.playedIndicatorIcon, .syncIndicator {
     width: 22px;
     height: 22px;
     font-size: 22px;

dashboard-ui/bower_components/emby-webcomponents/indicators/indicators.js

@@ -100,12 +100,24 @@ define(['css!./indicators.css', 'material-icons'], function () {
         return '';
     }
 
+    function getSyncIndicator(item) {
+
+        if (item.SyncPercent == 100) {
+            return '<i class="md-icon indicator syncIndicator fullSyncIndicator">file_download</i>';
+        } else if (item.SyncPercent != null) {
+            return '<i class="md-icon indicator syncIndicator emptySyncIndicator">file_download</i>';
+        }
+
+        return '';
+    }
+
     return {
         getProgressBarHtml: getProgressBarHtml,
         getPlayedIndicatorHtml: getPlayedIndicator,
         getChildCountIndicatorHtml: getChildCountIndicatorHtml,
         enableProgressIndicator: enableProgressIndicator,
         getTimerIndicator: getTimerIndicator,
-        enablePlayedIndicator: enablePlayedIndicator
+        enablePlayedIndicator: enablePlayedIndicator,
+        getSyncIndicator: getSyncIndicator
     };
 });

dashboard-ui/css/librarybrowser.css

@@ -847,43 +847,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     background: rgba(248, 58, 34, .8);
 }
 
-.syncIndicator {
-    display: block;
-    position: absolute;
-    top: 5px;
-    right: 5px;
-    text-align: center;
-    vertical-align: middle;
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-    color: #fff;
-    line-height: 19px;
-    background-color: #52B54B;
-}
-
-.seriesTimerIndicator {
-    color: #cc3333;
-    position: absolute;
-    top: 5px;
-    right: 5px;
-    font-size: 200%;
-}
-
-.playedIndicator + .syncIndicator, .countIndicator + .syncIndicator {
-    top: 32px;
-}
-
-.card .playedIndicator, .card .countIndicator {
-    position: absolute;
-    top: 5px;
-    right: 5px;
-}
-
-.syncIndicator i {
-    font-size: 180%;
-}
-
 .recordingProgressBar::-moz-progress-bar {
     background-color: #cc3333;
 }