mirror/api
1
0
Fork 0
mirror of https://github.com/unraid/api.git synced 2026-01-06 08:39:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

chore: lint

Browse Source
This commit is contained in:
Zack Spear
2023-07-21 14:13:47 -07:00
parent 33763b5809
commit 17f5f0a936
2 changed files with 23 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
components/UserProfile.ce.vue
View File

@@ -1,6 +1,6 @@
<script lang="ts" setup>
import { storeToRefs } from 'pinia';
import { OnClickOutside } from '@vueuse/components'
import { OnClickOutside } from '@vueuse/components';
import { useCallbackStore } from '~/store/callbackActions';
import { useDropdownStore } from '~/store/dropdown';
@@ -16,7 +16,7 @@ export interface Props {
const props = defineProps<Props>();
const callbackStore = useCallbackStore();
const dropdownStore = useDropdownStore()
const dropdownStore = useDropdownStore();
const serverStore = useServerStore();
const { dropdownVisible } = storeToRefs(dropdownStore);
@@ -32,20 +32,20 @@ const { bannerGradient, theme } = storeToRefs(useThemeStore());
const clickOutsideTarget = ref();
const clickOutsideIgnoreTarget = ref();
const outsideDropdown = () => {
if (dropdownVisible.value) return dropdownStore.dropdownToggle();
if (dropdownVisible.value) { return dropdownStore.dropdownToggle(); }
};
/**
* Copy LAN IP on server name click
*/
let copyIpInterval: string | number | NodeJS.Timeout | undefined = undefined;
const { text, copy, copied, isSupported } = useClipboard({ source: lanIp.value ?? '' });
let copyIpInterval: string | number | NodeJS.Timeout | undefined;
const { copy, copied, isSupported } = useClipboard({ source: lanIp.value ?? '' });
const showCopyNotSupported = ref<boolean>(false);
const copyLanIp = () => {
if (!isSupported) showCopyNotSupported.value = true;
if (!isSupported) { showCopyNotSupported.value = true; }
copy(lanIp.value ?? '');
};
watch(showCopyNotSupported, async (newVal, oldVal) => {
watch(showCopyNotSupported, (newVal, oldVal) => {
if (newVal && oldVal === false) {
clearTimeout(copyIpInterval);
copyIpInterval = setTimeout(() => {
@@ -58,8 +58,10 @@ watch(showCopyNotSupported, async (newVal, oldVal) => {
*
*/
onBeforeMount(() => {
console.debug('[onBeforeMount]', { props }, typeof props.server);
if (!props.server) return console.error('Server data not present');
// console.debug('[onBeforeMount]', { props }, typeof props.server);
if (!props.server) {
throw new Error('Server data not present');
}
/**
* Set props from web component in store so the data is available throughout other components
*/
@@ -93,7 +95,9 @@ onBeforeMount(() => {
<span class="text-right text-12px sm:text-18px hidden 2xs:block">{{ description }}</span>
<span class="text-gamma hidden md:inline-block px-8px">&bull;</span>
</template>
<button @click="copyLanIp()" :title="`Click to Copy LAN IP ${lanIp}`">{{ name }}</button>
<button :title="`Click to Copy LAN IP ${lanIp}`" @click="copyLanIp()">
{{ name }}
</button>
<span
v-show="copied || showCopyNotSupported"
class="text-white text-12px leading-none py-4px px-8px absolute right-0 bg-gradient-to-r from-unraid-red to-orange text-center block rounded"
@@ -103,9 +107,9 @@ onBeforeMount(() => {
</span>
</h1>
<div class="block w-2px h-24px bg-gamma"></div>
<div class="block w-2px h-24px bg-gamma" />
<OnClickOutside class="flex items-center justify-end h-full" @trigger="outsideDropdown" :options="{ ignore: [clickOutsideIgnoreTarget] }">
<OnClickOutside class="flex items-center justify-end h-full" :options="{ ignore: [clickOutsideIgnoreTarget] }" @trigger="outsideDropdown">
<UpcDropdownTrigger ref="clickOutsideIgnoreTarget" />
<UpcDropdown ref="clickOutsideTarget" />
</OnClickOutside>

13
components/UserProfile/UptimeExpire.vue
View File

@@ -54,13 +54,12 @@ const output = computed(() => {
};
});
const runDiff = () => parsedTime.value = buildStringFromValues(dateDiff((time.value).toString(), countUp.value));
const runDiff = () => {
parsedTime.value = buildStringFromValues(dateDiff((time.value).toString(), countUp.value));
};
let interval: string | number | NodeJS.Timeout | undefined = undefined;
let interval: string | number | NodeJS.Timeout | undefined;
onBeforeMount(() => {
console.debug('[time]', time.value);
console.debug('[state]', state.value);
console.debug('[countUp]', countUp.value);
runDiff();
interval = setInterval(() => {
runDiff();
@@ -73,5 +72,7 @@ onBeforeUnmount(() => {
</script>
<template>
<p :title="output.title">{{ output.text }}</p>
<p :title="output.title">
{{ output.text }}
</p>
</template>