From 4c036231a68cb109267aa5d6513ed3e9ec17fdc4 Mon Sep 17 00:00:00 2001 From: Peter Olu Date: Sat, 23 Apr 2022 19:36:36 +0100 Subject: [PATCH 01/19] cleanups --- src/types/auto-imports.d.ts | 52 ++++++++++++++++++++++++++++ src/types/components.d.ts | 1 + src/views/dashboard/controls/Tab.vue | 8 ++--- 3 files changed, 55 insertions(+), 6 deletions(-) diff --git a/src/types/auto-imports.d.ts b/src/types/auto-imports.d.ts index e69de29b..753c2752 100644 --- a/src/types/auto-imports.d.ts +++ b/src/types/auto-imports.d.ts @@ -0,0 +1,52 @@ +// Generated by 'unplugin-auto-import' +// We suggest you to commit this file into source control +declare global { + const computed: typeof import('vue')['computed'] + const createApp: typeof import('vue')['createApp'] + const customRef: typeof import('vue')['customRef'] + const defineAsyncComponent: typeof import('vue')['defineAsyncComponent'] + const defineComponent: typeof import('vue')['defineComponent'] + const effectScope: typeof import('vue')['effectScope'] + const EffectScope: typeof import('vue')['EffectScope'] + const getCurrentInstance: typeof import('vue')['getCurrentInstance'] + const getCurrentScope: typeof import('vue')['getCurrentScope'] + const h: typeof import('vue')['h'] + const inject: typeof import('vue')['inject'] + const isReadonly: typeof import('vue')['isReadonly'] + const isRef: typeof import('vue')['isRef'] + const markRaw: typeof import('vue')['markRaw'] + const nextTick: typeof import('vue')['nextTick'] + const onActivated: typeof import('vue')['onActivated'] + const onBeforeMount: typeof import('vue')['onBeforeMount'] + const onBeforeUnmount: typeof import('vue')['onBeforeUnmount'] + const onBeforeUpdate: typeof import('vue')['onBeforeUpdate'] + const onDeactivated: typeof import('vue')['onDeactivated'] + const onErrorCaptured: typeof import('vue')['onErrorCaptured'] + const onMounted: typeof import('vue')['onMounted'] + const onRenderTracked: typeof import('vue')['onRenderTracked'] + const onRenderTriggered: typeof import('vue')['onRenderTriggered'] + const onScopeDispose: typeof import('vue')['onScopeDispose'] + const onServerPrefetch: typeof import('vue')['onServerPrefetch'] + const onUnmounted: typeof import('vue')['onUnmounted'] + const onUpdated: typeof import('vue')['onUpdated'] + const provide: typeof import('vue')['provide'] + const reactive: typeof import('vue')['reactive'] + const readonly: typeof import('vue')['readonly'] + const ref: typeof import('vue')['ref'] + const resolveComponent: typeof import('vue')['resolveComponent'] + const shallowReactive: typeof import('vue')['shallowReactive'] + const shallowReadonly: typeof import('vue')['shallowReadonly'] + const shallowRef: typeof import('vue')['shallowRef'] + const toRaw: typeof import('vue')['toRaw'] + const toRef: typeof import('vue')['toRef'] + const toRefs: typeof import('vue')['toRefs'] + const triggerRef: typeof import('vue')['triggerRef'] + const unref: typeof import('vue')['unref'] + const useAttrs: typeof import('vue')['useAttrs'] + const useCssModule: typeof import('vue')['useCssModule'] + const useCssVars: typeof import('vue')['useCssVars'] + const useSlots: typeof import('vue')['useSlots'] + const watch: typeof import('vue')['watch'] + const watchEffect: typeof import('vue')['watchEffect'] +} +export {} diff --git a/src/types/components.d.ts b/src/types/components.d.ts index f0636400..da5d949d 100644 --- a/src/types/components.d.ts +++ b/src/types/components.d.ts @@ -21,6 +21,7 @@ declare module '@vue/runtime-core' { ElMenuItemGroup: typeof import('element-plus/es')['ElMenuItemGroup'] ElOption: typeof import('element-plus/es')['ElOption'] ElPagination: typeof import('element-plus/es')['ElPagination'] + ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm'] ElPopover: typeof import('element-plus/es')['ElPopover'] ElProgress: typeof import('element-plus/es')['ElProgress'] ElRadio: typeof import('element-plus/es')['ElRadio'] diff --git a/src/views/dashboard/controls/Tab.vue b/src/views/dashboard/controls/Tab.vue index 2f0a95cf..1ceb30a9 100644 --- a/src/views/dashboard/controls/Tab.vue +++ b/src/views/dashboard/controls/Tab.vue @@ -154,7 +154,6 @@ import Trace from "./Trace.vue"; import Profile from "./Profile.vue"; import Log from "./Log.vue"; import Text from "./Text.vue"; -import FullVueWrapper from "@/components/FullVueWrapper.vue"; const props = { data: { @@ -165,7 +164,7 @@ const props = { }; export default defineComponent({ name: "Tab", - components: { Topology, Widget, Trace, Profile, Log, Text, FullVueWrapper }, + components: { Topology, Widget, Trace, Profile, Log, Text}, props, setup(props) { const { t } = useI18n(); @@ -196,11 +195,9 @@ export default defineComponent({ function observeItems() { const observer = new IntersectionObserver((entries) => { - entries.forEach((element) => { - console.log("Inter ratio:", element.intersectionRatio, 'Ele:', element.target.id); + entries.forEach((element) => { if (element.intersectionRatio > 0) { currentItem.value = element.target.id; - console.log(element.target.id) } }); }); @@ -294,7 +291,6 @@ export default defineComponent({ ); onMounted(() => { tabRef?.value["parentElement"]?.classList?.toggle("item"); - console.log(tabRef.value); }); return { currentItem, From 29b5a8fd9767c3d76456d2152e4f5c3f85007dd3 Mon Sep 17 00:00:00 2001 From: Peter Olu Date: Sun, 24 Apr 2022 05:14:41 +0100 Subject: [PATCH 02/19] added accuracy to scroll --- src/views/dashboard/controls/Tab.vue | 65 ++++++++++++++++++++-------- 1 file changed, 48 insertions(+), 17 deletions(-) diff --git a/src/views/dashboard/controls/Tab.vue b/src/views/dashboard/controls/Tab.vue index 1ceb30a9..113487ec 100644 --- a/src/views/dashboard/controls/Tab.vue +++ b/src/views/dashboard/controls/Tab.vue @@ -87,7 +87,11 @@ limitations under the License. --> :is-resizable="dashboardStore.editMode" @layout-updated="layoutUpdatedEvent" > -
+
@click="scrollToGraph(item.i)" v-for="item in dashboardStore.currentTabItems" :key="item.i" - :class="[currentItem === `tabitem${item.i}` ? 'active': '']" + :class="[currentItem === `tabitem${item.i}` ? 'active' : '']" class="scroll-to" >
@@ -143,7 +147,14 @@ limitations under the License. -->