linse/seweb
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Swiper removed

Browse Source 
- Swiper removal work in progress
+ Fine debugging for every js-file
This commit is contained in:
Daniel
2025-03-17 11:07:50 +01:00
parent 680434e5e8
commit ca2945ac22
8 changed files with 419 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
client/jsFiles/SEAWebClientSwiper.js
View File

@@ -1,7 +1,14 @@
// %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
// % SWIPER
// local debugging: print the name of every executed funtion to the console
var debug_swiper_daniel = 0;
function insertSwiper(s) {
if (debug_swiper_daniel) {
console.log("%cfunction: insertSwiper", "color:white;background:lightblue");
}
// Create an empty swiper-instance and append the swiper-container to
// 'grid-element' s.
@@ -59,30 +66,53 @@ function insertSwiper(s) {
}
function findSlide(s, type) {
if (debug_swiper_daniel) {
console.log("%cfunction: findSlide" , "color:white;background:lightblue");
console.log (s, type);
}
var i;
for (i = 0; i < swiper[s].slides.length; i++) {
if (swiper[s].slides[i].slideType === type) {
if (debug_swiper_daniel) {
console.log ('found slide ',i);
}
return i;
}
}
if (debug_swiper_daniel) {
console.log ('found no slide ');
}
return null;
}
function replaceSlideContent(slide, title, content) {
if (debug_swiper_daniel) {
console.log("%cfunction: replaceSlideContent", "color:white;background:lightblue");
}
titlewrapper = slide.childNodes[0].childNodes[0];
titlewrapper.innerHTML = title;
slide.replaceChild(content, slide.childNodes[1])
}
function insertSlide(s, title, type, content) {
if (debug_swiper_daniel) {
console.log("%cfunction: insertSlide", "color:white;background:lightblue");
}
// console.log("title: ",title," s: ",s);
// Inserts new group to instance s of Swiper. return inserted position
var isl = findSlide(s, type);
var slide = swiper[s].slides[isl];
if (slide) { // slide already exists
replaceSlideContent(slide, title, content);
return isl;
}
// Removed, Swiper will be removed, so there´s no need to look for swiper slides.
// Instead content will be replaced
// var isl = findSlide(s, type);
// var slide = swiper[s].slides[isl];
// if (slide) { // slide already exists
// replaceSlideContent(slide, title, content);
// return isl;
// }
var panel = document.createElement('div');
panel.classList.add("panel");
@@ -101,44 +131,56 @@ function insertSlide(s, title, type, content) {
panel.appendChild(createUpdateButton(s));
}*/
slide = document.createElement('div');
slide.classList.add("swiper-slide", "swiper-slide-main");
var gridContainer = document.createElement('div');
// gridContainer.classList.add("swiper-slide", "swiper-slide-main");
gridContainer.classList.add("grid-container");
// Store type so it can be found easiely later.
slide.slideType = type;
slide.appendChild(panel);
slide.appendChild(content);
gridContainer.slideType = type;
gridContainer.appendChild(panel);
gridContainer.appendChild(content);
// Graphics-slide is put at mostleft position.
if (type == "graphics" || type == "_overview") {
swiper[s].prependSlide(slide);
swiper[s].slideTo(0);
return 0;
}
swiper[s].appendSlide(slide);
if (type == "console") {
if (s === 3) {
// Slide mostright swiper-instance to last position (console)
swiper[3].slideNext();
}
return swiper[s].slides.length - 1;
}
// if (type == "graphics" || type == "_overview") {
// swiper[s].prependSlide(slide);
// swiper[s].slideTo(0);
// return 0;
// }
// swiper[s].appendSlide(slide);
// if (type == "console") {
// if (s === 3) {
// // Slide mostright swiper-instance to last position (console)
// swiper[3].slideNext();
// }
// return swiper[s].slides.length - 1;
// }
var gridelements = document.getElementsByClassName('grid-element');
gridelements[s].innerHTML = "";
gridelements[s].appendChild(gridContainer);
let pos = 0;
if (swiper[s].slides.length > 1) {
var consoleslide = swiper[s].slides[swiper[s].slides.length - 2];
if (consoleslide.slideType == "console") {
// shift Console-slide to mostright position.
swiper[s].removeSlide(swiper[s].slides.length - 2);
swiper[s].appendSlide(consoleslide);
// Slide to position of new slide
pos = swiper[s].slides.length - 2;
} else {
pos = swiper[s].slides.length - 1;
}
}
swiper[s].slideTo(pos);
// if (swiper[s].slides.length > 1) {
// var consoleslide = swiper[s].slides[swiper[s].slides.length - 2];
// if (consoleslide.slideType == "console") {
// // shift Console-slide to mostright position.
// swiper[s].removeSlide(swiper[s].slides.length - 2);
// swiper[s].appendSlide(consoleslide);
// // Slide to position of new slide
// pos = swiper[s].slides.length - 2;
// } else {
// pos = swiper[s].slides.length - 1;
// }
// }
// swiper[s].slideTo(pos);
return pos;
}
function createCloseButton(s) {
if (debug_swiper_daniel) {
console.log("%cfunction: createCloseButton", "color:white;background:lightblue");
}
// Creates 'span'-element containing close-button.
var wrapper = document.createElement('span');
wrapper.onclick = function () {
@@ -151,6 +193,10 @@ function createCloseButton(s) {
}
function createUpdateButton(s){
if (debug_swiper_daniel) {
console.log("%cfunction: createUpdateButton", "color:white;background:lightblue");
}
// Creates 'span'-element containing update-button (Should be removed later!)
var button = document.createElement('span');
button.classList.add("interactive", "toggle-updates-graphics")
@@ -163,22 +209,30 @@ function createUpdateButton(s){
}
function defaultSlidePos(s) {
if (debug_swiper_daniel) {
console.log("%cfunction: defaultSlidePos", "color:white;background:lightblue");
}
return s < 3 ? 0 : swiper[s].slides.length-1;
}
function getSlideNames() {
var names = []
for (var s=0; s<MAXBLOCK; s++) {
var sw = swiper[s];
var name = "";
if (sw.activeIndex != defaultSlidePos(s) && sw.slides.length > 0) {
name = sw.slides[sw.activeIndex].slideType;
if (debug_swiper_daniel) {
console.log("%cfunction: getSlideNames", "color:white;background:lightblue");
}
names.push();
}
for (var s=MAXBLOCK-1; s>=0; s--) {
if (names[s] != "") break;
names.pop();
}
return names;
var names = []
for (var s=0; s<MAXBLOCK; s++) {
var sw = swiper[s];
var name = "";
if (sw.activeIndex != defaultSlidePos(s) && sw.slides.length > 0) {
name = sw.slides[sw.activeIndex].slideType;
}
names.push();
}
for (var s=MAXBLOCK-1; s>=0; s--) {
if (names[s] != "") break;
names.pop();
}
return names;
}