@@ -30,12 +30,12 @@ function getCookie(cname) {
30
30
function updateBanner ( ) {
31
31
waitForTurnstileToken ( ( ) => {
32
32
fetch ( "/latestState" , { headers : { "X-TURNSTILE-TOKEN" : window . turnstileToken } } )
33
- . then ( function ( res ) {
34
- return res . json ( )
35
- } )
36
- . then ( function ( data ) {
37
- // always visible
38
- var epochHandle = document . getElementById ( "banner-epoch-data" )
33
+ . then ( function ( res ) {
34
+ return res . json ( )
35
+ } )
36
+ . then ( function ( data ) {
37
+ // always visible
38
+ var epochHandle = document . getElementById ( "banner-epoch-data" )
39
39
40
40
if ( data . currentEpoch ) {
41
41
epochHandle . innerHTML = addCommas ( data . currentEpoch )
@@ -92,89 +92,39 @@ function updateBanner() {
92
92
const icon = icons [ i ]
93
93
icon . setAttribute ( "data-original-title" , `The last finalized epoch was ${ data . finalityDelay } epochs ago.` )
94
94
}
95
-
96
- var slotHandle = document . getElementById ( "banner-slot-data" )
97
- if ( data . currentSlot ) {
98
- slotHandle . innerHTML = addCommas ( data . currentSlot )
99
- slotHandle . setAttribute ( "href" , "/slot/" + data . currentSlot )
100
- }
101
-
102
- var ethPriceHandle = document . getElementById ( "banner-eth-price-data" )
103
-
104
- try {
105
- let userCurrency = getCookie ( "currency" )
106
- if ( userCurrency == data . rates . mainCurrency ) userCurrency = data . rates . tickerCurrency
107
- var price = data . rates . mainCurrencyPrices [ userCurrency ]
108
- ethPriceHandle . innerHTML = `<span class='currency-symbol'>${ price . symbol } </span><span class='k-formatted-price'>${ price . truncPrice } </span><span class='price'>${ addCommas ( price . roundPrice ) } </span>`
109
- } catch ( err ) {
110
- console . error ( "failed updating banner-price:" , err )
111
- }
112
-
113
- var finDelayDataHandle = document . getElementById ( "banner-fin-data" )
114
- finDelayHtml = `
115
- <div id="banner-fin" class="info-item d-flex mr-3">
116
- <div class="info-item-header mr-1 text-warning">
117
- <span class="item-icon">
118
- <i class="fas fa-exclamation-triangle" data-toggle="tooltip" title="" data-original-title="The last finalized epoch was ${ data . finalityDelay } epochs ago."></i>
119
- </span>
120
- <span class="item-text">
121
- Finality
122
- </span>
123
- </div>
124
- <div class="info-item-body text-warning">
125
- <span id="banner-fin-data">${ data . finalityDelay } </span>
126
- <i class="fas fa-exclamation-triangle item-text" data-toggle="tooltip" title="" data-original-title="The last finalized epoch was ${ data . finalityDelay } epochs ago."></i>
127
- </div>
128
- </div>
129
- `
130
-
131
- if ( ! finDelayDataHandle && data . finalityDelay > 3 && ! data . syncing ) {
132
- // create fin delay node
133
- document . getElementById ( "banner-slot" ) . insertAdjacentHTML ( "afterend" , finDelayHtml )
134
- $ ( "#banner-fin i" ) . each ( function ( ) {
135
- $ ( this ) . tooltip ( "update" )
136
- } )
137
- } else if ( finDelayDataHandle && data . finalityDelay > 3 && ! data . syncing ) {
138
- // update fin delay node
139
- finDelayDataHandle . textContent = data . finalityDelay
140
- var icons = document . querySelectorAll ( "#banner-fin i" )
141
- for ( let i = 0 ; i < icons . length ; i ++ ) {
142
- const icon = icons [ i ]
143
- icon . setAttribute ( "data-original-title" , `The last finalized epoch was ${ data . finalityDelay } epochs ago.` )
144
- }
145
- $ ( "#banner-fin i" ) . each ( function ( ) {
146
- $ ( this ) . tooltip ( "update" )
147
- } )
148
- } else {
149
- // delete fin delay node if it exists
150
- let findDelayHandle = document . getElementById ( "banner-fin" )
151
- if ( findDelayHandle ) findDelayHandle . remove ( )
152
- }
153
- if ( data . syncing ) {
154
- // remove fin delay if we are still syncing
155
- let findDelayHandle = document . getElementById ( "banner-fin" )
156
- if ( findDelayHandle ) findDelayHandle . remove ( )
157
-
158
- var bannerHandle = document . getElementById ( "banner-status" )
159
- if ( ! bannerHandle ) {
160
- var statusHtml = `
161
- <a data-toggle="tooltip" title="The explorer is currently syncing with the network" id="banner-status" style="white-space: nowrap;" class="mr-2" href="/"><i class="fas fa-sync"></i> <span>|</span></a>
162
- `
163
- document . getElementById ( "banner-home" ) . remove ( )
164
- document . getElementById ( "banner-stats" ) . insertAdjacentHTML ( "afterbegin" , statusHtml )
165
- }
166
- } else {
167
- // delete sync if it exists otherwise do nothing
168
- var statusHandle = document . getElementById ( "banner-status" )
169
- if ( statusHandle ) {
170
- var homeHtml = `
171
- <a id="banner-home" style="white-space: nowrap;" class="mr-2" href="/"><i class="fas fa-home"></i> <span>|</span></a>
95
+ $ ( "#banner-fin i" ) . each ( function ( ) {
96
+ $ ( this ) . tooltip ( "update" )
97
+ } )
98
+ } else {
99
+ // delete fin delay node if it exists
100
+ let findDelayHandle = document . getElementById ( "banner-fin" )
101
+ if ( findDelayHandle ) findDelayHandle . remove ( )
102
+ }
103
+ if ( data . syncing ) {
104
+ // remove fin delay if we are still syncing
105
+ let findDelayHandle = document . getElementById ( "banner-fin" )
106
+ if ( findDelayHandle ) findDelayHandle . remove ( )
107
+
108
+ var bannerHandle = document . getElementById ( "banner-status" )
109
+ if ( ! bannerHandle ) {
110
+ var statusHtml = `
111
+ <a data-toggle="tooltip" title="The explorer is currently syncing with the network" id="banner-status" style="white-space: nowrap;" class="mr-2" href="/"><i class="fas fa-sync"></i> <span>|</span></a>
172
112
`
173
- statusHandle . remove ( )
174
- document . getElementById ( "banner-stats" ) . insertAdjacentHTML ( "afterbegin" , homeHtml )
175
- }
113
+ document . getElementById ( "banner-home" ) . remove ( )
114
+ document . getElementById ( "banner-stats" ) . insertAdjacentHTML ( "afterbegin" , statusHtml )
176
115
}
177
- } )
116
+ } else {
117
+ // delete sync if it exists otherwise do nothing
118
+ var statusHandle = document . getElementById ( "banner-status" )
119
+ if ( statusHandle ) {
120
+ var homeHtml = `
121
+ <a id="banner-home" style="white-space: nowrap;" class="mr-2" href="/"><i class="fas fa-home"></i> <span>|</span></a>
122
+ `
123
+ statusHandle . remove ( )
124
+ document . getElementById ( "banner-stats" ) . insertAdjacentHTML ( "afterbegin" , homeHtml )
125
+ }
126
+ }
127
+ } )
178
128
} )
179
129
}
180
130
0 commit comments