Fixed console error

assets/js/watched_indicator.js

@@ -0,0 +1,24 @@
+'use strict';
+var save_player_pos_key = 'save_player_pos';
+
+function get_all_video_times() {
+    return helpers.storage.get(save_player_pos_key) || {};
+}
+
+document.querySelectorAll('.watched-indicator').forEach(function (indicator) {
+    var watched_part = get_all_video_times()[indicator.dataset.id];
+    var total = parseInt(indicator.dataset.length, 10);
+    if (watched_part === undefined) {
+        watched_part = total;
+    }
+    var percentage = Math.round((watched_part / total) * 100);
+
+    if (percentage < 5) {
+        percentage = 5;
+    }
+    if (percentage > 90) {
+        percentage = 100;
+    }
+
+    indicator.style.width = percentage + '%';
+});

assets/js/watched_widget.js

@@ -32,27 +32,3 @@ function mark_unwatched(target) {
         }
     });
 }
-
-var save_player_pos_key = 'save_player_pos';
-
-function get_all_video_times() {
-    return helpers.storage.get(save_player_pos_key) || {};
-}
-
-document.querySelectorAll('.watched-indicator').forEach(function (indicator) {
-    var watched_part = get_all_video_times()[indicator.dataset.id];
-    var total = parseInt(indicator.dataset.length, 10);
-    if (watched_part === undefined) {
-        watched_part = total;
-    }
-    var percentage = Math.round((watched_part / total) * 100);
-
-    if (percentage < 5) {
-        percentage = 5;
-    }
-    if (percentage > 90) {
-        percentage = 100;
-    }
-
-    indicator.style.width = percentage + '%';
-});

src/invidious/views/add_playlist_items.ecr

@@ -39,7 +39,7 @@
     <% end %>
 </div>
 
-<script src="/js/watched_widget.js"></script>
+<script src="/js/watched_indicator.js"></script>
 
 <% if query %>
     <%- query_encoded = URI.encode_www_form(query.text, space_to_plus: true) -%>

src/invidious/views/channel.ecr

@@ -49,7 +49,7 @@
 <% end %>
 </div>
 
-<script src="/js/watched_widget.js"></script>
+<script src="/js/watched_indicator.js"></script>
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-md-4-5"></div>

src/invidious/views/edit_playlist.ecr

@@ -62,7 +62,7 @@
 <% end %>
 </div>
 
-<script src="/js/watched_widget.js"></script>
+<script src="/js/watched_indicator.js"></script>
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-lg-1-5">

src/invidious/views/feeds/playlists.ecr

@@ -33,4 +33,4 @@
 <% end %>
 </div>
 
-<script src="/js/watched_widget.js"></script>
+<script src="/js/watched_indicator.js"></script>

src/invidious/views/feeds/popular.ecr

@@ -17,4 +17,4 @@
 <% end %>
 </div>
 
-<script src="/js/watched_widget.js"></script>
+<script src="/js/watched_indicator.js"></script>

src/invidious/views/feeds/subscriptions.ecr

@@ -54,6 +54,7 @@
 }.to_pretty_json
 %>
 </script>
+<script src="/js/watched_widget.js"></script>
 
 <div class="pure-g">
 <% videos.each do |item| %>
@@ -61,7 +62,7 @@
 <% end %>
 </div>
 
-<script src="/js/watched_widget.js"></script>
+<script src="/js/watched_indicator.js"></script>
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-lg-1-5">

src/invidious/views/feeds/trending.ecr

@@ -46,4 +46,4 @@
 <% end %>
 </div>
 
-<script src="/js/watched_widget.js"></script>
+<script src="/js/watched_indicator.js"></script>

src/invidious/views/hashtag.ecr

@@ -24,7 +24,7 @@
     <%- end -%>
 </div>
 
-<script src="/js/watched_widget.js"></script>
+<script src="/js/watched_indicator.js"></script>
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-lg-1-5">

src/invidious/views/playlist.ecr

@@ -106,7 +106,7 @@
 <% end %>
 </div>
 
-<script src="/js/watched_widget.js"></script>
+<script src="/js/watched_indicator.js"></script>
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-lg-1-5">

src/invidious/views/search.ecr

@@ -37,7 +37,7 @@
 </div>
 <%- end -%>
 
-<script src="/js/watched_widget.js"></script>
+<script src="/js/watched_indicator.js"></script>
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-lg-1-5">