Upstream/Plan
1
0
Fork 0
mirror of https://github.com/plan-player-analytics/Plan.git synced 2024-09-17 17:21:00 +02:00
Code Issues Projects Releases Wiki Activity

Theme color now stored in localStorage (Stays constant even after browser is closed)

Browse Source
This commit is contained in:
Rsl1122 2017-11-20 21:26:04 +02:00
parent bf3044cb03
commit 7e743a4eaf
3 changed files with 33 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
Plan/src/main/resources/web/js/demo.js
View File

@ -1,6 +1,8 @@
$(function () {
skinChanger();
setSkin();
setSkinListHeightAndScroll(true);
$(window).resize(function () {
setSkinListHeightAndScroll(false);
@ -18,18 +20,41 @@ function skinChanger() {
$body.removeClass('theme-' + existTheme);
$this.addClass('active');
$body.addClass('theme-' + $this.data('theme'));
var theme = $this.data('theme');
$body.addClass('theme-' + theme);
localStorage.setItem("plan_skin", theme.toString());
});
}
function setSkin() {
var theme = localStorage.getItem("plan_skin");
if (theme === null) {
theme = 'light-green'
}
var body = document.getElementsByTagName('body')[0];
var classes = body.className.split(' ');
var themeClass;
for (i = 0; i < classes.length; i++) {
if (classes[i].startsWith('theme')) {
themeClass = classes[i];
break;
}
}
body.classList.remove(themeClass);
body.classList.add('theme-' + theme);
localStorage.setItem("plan_skin", theme);
}
//Skin tab content set height and show scroll
function setSkinListHeightAndScroll(isFirstTime) {
var height = $(window).height() - ($('.navbar').innerHeight() + $('.right-sidebar .nav-tabs').outerHeight());
var $el = $('.demo-choose-skin');
if (!isFirstTime){
$el.slimScroll({ destroy: true }).height('auto');
$el.parent().find('.slimScrollBar, .slimScrollRail').remove();
if (!isFirstTime) {
$el.slimScroll({destroy: true}).height('auto');
$el.parent().find('.slimScrollBar, .slimScrollRail').remove();
}
$el.slimscroll({

4
Plan/src/main/resources/web/network.html
View File

@ -345,7 +345,7 @@
var navButtons = document.getElementsByClassName("nav-button");
var tabs = document.getElementsByClassName("tab");
var slideIndex = window.sessionStorage.getItem("AnalysisSlideIndex");
var slideIndex = window.sessionStorage.getItem("NetworkSlideIndex");
if (slideIndex === null) {
slideIndex = 0;
}
@ -384,7 +384,7 @@
if (slideIndex < 0) {
slideIndex = max
}
window.sessionStorage.setItem("AnalysisSlideIndex", slideIndex);
window.sessionStorage.setItem("NetworkSlideIndex", slideIndex);
var value = slideIndex * percent;
x.style.transition = "0.5s";
x.style.transform = "translate3d(" + value + "%,0px,0)";

4
Plan/src/main/resources/web/player.html
View File

@ -562,7 +562,7 @@
var navButtons = document.getElementsByClassName("nav-button");
var tabs = document.getElementsByClassName("tab");
var slideIndex = window.sessionStorage.getItem("AnalysisSlideIndex");
var slideIndex = window.sessionStorage.getItem("InspectSlideIndex");
if (slideIndex === null) {
slideIndex = 0;
}
@ -602,7 +602,7 @@
if (slideIndex < 0) {
slideIndex = max
}
window.sessionStorage.setItem("AnalysisSlideIndex", slideIndex);
window.sessionStorage.setItem("InspectSlideIndex", slideIndex);
var value = slideIndex * percent;
x.style.transition = "0.5s";
x.style.transform = "translate3d(" + value + "%,0px,0)";