1
0
mirror of https://github.com/minio/docs.git synced 2025-07-27 08:41:57 +03:00

Alpha Release Work

This commit is contained in:
ravindk89
2020-09-29 18:57:09 -04:00
parent d2657ec80a
commit e3e9caf593
76 changed files with 1115 additions and 1152 deletions

View File

@ -1,11 +1,11 @@
window.addEventListener('DOMContentLoaded', (event) => {
console.log('DOM fully loaded and parsed');
var topic = document.getElementById('on-this-page');
var topic = document.getElementById('table-of-contents');
if (topic != null) {
document.getElementById('localtoc').appendChild(
document.getElementById('on-this-page')
document.getElementById('table-of-contents')
);
console.log("moving local toc");
@ -17,45 +17,47 @@ window.addEventListener('DOMContentLoaded', (event) => {
// this from working, especially if the 'section' is really long. Not sure
// how to resolve that.
let options = {
rootMargin: '-85px 0px 0px 0px'
}
// Removing this from the logic flow until we have better / cleaner logic.
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
const id = entry.target.getAttribute('id');
// let options = {
// rootMargin: '-100px 0px 0px -100px'
// }
// const observer = new IntersectionObserver(entries => {
// entries.forEach(entry => {
// const id = entry.target.getAttribute('id');
if (id == document.querySelector('.section[id]').getAttribute('id'))
return 0
if (entry.intersectionRatio > 0) {
// if (id == document.querySelector('.section[id]').getAttribute('id'))
// return 0
// if (entry.intersectionRatio > 0) {
pElement = document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement;
liElement = document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement.parentElement;
// pElement = document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement;
// liElement = document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement.parentElement;
liElement.classList.add('active');
pElement.classList.add('active-p');
// liElement.classList.add('active');
// pElement.classList.add('active-p');
liElementParent = liElement.parentElement.parentElement
// liElementParent = liElement.parentElement.parentElement
if (liElementParent.tagName == "LI") {
//liElementParent.classList.remove("active")
// Need to re-visit this logic
}
// if (liElementParent.tagName == "LI") {
// //liElementParent.classList.remove("active")
// // Need to re-visit this logic
// }
} else {
document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement.parentElement.classList.remove('active');
document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement.classList.remove('active-p');
}
});
},options);
// } else {
// document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement.parentElement.classList.remove('active');
// document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement.classList.remove('active-p');
// }
// });
// },options);
// Track all sections that have an `id` applied
document.querySelectorAll('.section[id]').forEach((section) => {
observer.observe(section);
});
// // Track all sections that have an `id` applied
// document.querySelectorAll('.section[id]').forEach((section) => {
// observer.observe(section);
// });
const leftcolumn = document.querySelector('.left');
const centercolumn = document.querySelector('.center');