Implement dropNLastRounds

Author: sbachinin

index.d.ts

@@ -62,7 +62,7 @@ type Options = {
     liveMatchBorderColor: string,
     liveMatchBgColor: string,
     distanceBetweenScorePairs: number,
-    hideNLastRounds: number,
+    dropNLastRounds: number,
 
     onMatchClick: (match: Partial<Match>) => void,
 

lib/draw/get_round_titles.mjs

@@ -8,8 +8,8 @@ const get_default_round_name = (rounds_count, round_index) => {
     return `1/${Math.pow(2, rounds_count - round_index - 1)}`
 }
 
-export const get_round_titles = (all_data, get_option) => {
-    return all_data.rounds.map((r, i) => {
+export const get_round_titles = (all_data, renderableRoundsCount, get_option) => {
+    return all_data.rounds.slice(0, renderableRoundsCount).map((r, i) => {
         const wrapper = document.createElement('div')
         wrapper.className = 'round-title'
 

lib/draw/render_content.mjs

@@ -43,12 +43,14 @@ export const render_content = (all_data, shell, get_option) => {
 
     tryAddLackingRounds(all_data, get_option)
 
-    shell.round_titles_wrapper.append(...get_round_titles(all_data, get_option))
+    const renderableRoundsCount = all_data.rounds.length - get_option('dropNLastRounds')
+
+    shell.round_titles_wrapper.append(...get_round_titles(all_data, renderableRoundsCount, get_option))
 
     shell.matches_positioner.innerHTML = ''
 
     const round_elements = []
-    all_data.rounds.forEach((_, round_index) => {
+    all_data.rounds.slice(0, renderableRoundsCount).forEach((_, round_index) => {
 
         const round_el = get_round_element(all_data, round_index, get_option)
 

lib/options/options_meta.mjs

@@ -42,7 +42,7 @@ const GENERAL_OPTIONS = {
         default_value: false
     },
 
-    hideNLastRounds: {
+    dropNLastRounds: {
         type: 'number',
         default_value: 0
     }