github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-15 01:33:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

cleanups

Browse Source
This commit is contained in:
Peter Olu 2022-04-24 16:11:00 +01:00
parent 7f2464cc28
commit ff913ecc58
2 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/FullVue.vue
View File

@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License. -->
<template>
<div class="scroll-snap-container">
<div :id="'item' + item.i" class="item" v-for="item in items" :key="item.i">
<div :id="'item' + item.i" class="item" v-for="item in items" :key="item.i">
<slot v-if="items.length">
<component :is="item.type" :data="item" />
</slot>

32
src/views/dashboard/controls/Tab.vue
View File

@ -205,19 +205,19 @@ export default defineComponent({
function scrollToGraph(e: any) {
document?.getElementById(`tabitem${e}`)?.scrollIntoView();
}
function debounce(func: any, wait: number) {
let timeout = null;
return function (func, delayMs) {
clearTimeout(timeout);
timeout = setTimeout(() => {
func();
}, delayMs || 500);
};
}
function scrollDecider() {
console.log("runing debounce");
console.log(window.scrollY);
}
// function debounce(func: any, wait: number) {
// let timeout: any = null;
// return function (func, delayMs) {
// clearTimeout(timeout);
// timeout = setTimeout(() => {
// func();
// }, delayMs || 500);
// };
// }
// function scrollDecider() {
// console.log("runing debounce");
// console.log(window.scrollY);
// }
function observeItems(kill = false) {
const observer = new IntersectionObserver((entries) => {
entries.forEach((element) => {
@ -332,9 +332,9 @@ export default defineComponent({
);
onMounted(() => {
tabObserveContainer?.value?.addEventListener("scroll", (e: Event) => {
debounce(() => {
console.log("Yeah!");
}, 100);
// debounce(() => {
// console.log("Yeah!");
// }, 100);
});
tabRef?.value["parentElement"]?.classList?.toggle("item");
if (dashboardStore.fullView) {