P3X GitList

Raw View History

Blames found: 24 Mode: javascript Binary: false

Hang on, we reloading big blames...

dd5784c6

const themes = require('./themes.js') window.gitlist.themes = themes;

df0c8f11

const Cookies = require('js-cookie') const themeCookieName = 'gitlist-bootstrap-theme' function getThemeCookie() { const theme = Cookies.get(themeCookieName) return theme || 'bootstrap-cosmo'; } gitlist.getThemeCookie = getThemeCookie;

acb728d8

$(function() {

45980021

const themeList = $('#theme-list'); const menuResponsive = require('./menu-responsive') const debounceResize = menuResponsive({ menuList: themeList, }) function setThemeCookie(theme) {

dd5784c6

Cookies.set(themeCookieName, theme, window.gitlist.cookieSettings);

45980021

} const currentCookie = getThemeCookie('gitlist-bootstrap-theme');

dd5784c6

const darkMenu = []; const lightMenu = []

45980021

for(let key in themes) {

dd5784c6

const actualTheme = key.substring(10) const menu = '<li class="' + (currentCookie === key ? 'active' : '') + '" style="text-transform: capitalize"><a href="#" data-theme="' + key + '" class="theme-link">' + actualTheme + '</a></li>'; if (window.gitlist.isDark(actualTheme)) { darkMenu.push(menu) } else { lightMenu.push(menu) } } for(let menu of lightMenu) { themeList.append(menu); } themeList.append('<li class="divider"></li>') for(let menu of darkMenu) {

45980021

themeList.append(menu); }

aa5ba625

gitlist.setTheme()

45980021

const themesheet = $('#bootstrap-theme'); $('.theme-link').click(function(event){

457f0624

dd5784c6

event.preventDefault(); const generateNewTheme = () => { debounceResize(); themeList.find('.active').removeClass('active'); const $this = $(this); $this.parent().addClass('active'); const themeurl = themes[$this.attr('data-theme')]; setThemeCookie($this.attr('data-theme')); const href = (gitlist.basepath === '/' ? '' : gitlist.basepath) + themeurl; themesheet.attr('href', href); gitlist.setTheme() }

457f0624

if (window.gitlist.lastloadSpan !== undefined && window.gitlist.lastloadSpan > 1000) { $('body').prepend(` <div class="p3x-gitlist-overlay"> <div>

4af1308b

<i class="fas fa-cog fa-spin fa-3x"></i>

457f0624

</div> <div> For a big page, it takes some time to switch the theme...<br/> The page rendering took about ${Math.ceil(window.gitlist.lastloadSpan / 1000)} seconds ...<br/>

dd5784c6

It means, the theme will take <strong>about</strong> the same time ...<br/> What is good, is that we are not reloading the server data.

457f0624

</div> </div> `)

dd5784c6

setTimeout(() => { generateNewTheme() }, 250) } else { generateNewTheme();

457f0624

}

dd5784c6

45980021

});

dd5784c6

});