2022-11-20 23:42:38 +05:30
|
|
|
<script lang="ts">
|
2022-12-27 20:58:47 +05:30
|
|
|
import { Link } from "$lib/Card";
|
2022-11-20 23:42:38 +05:30
|
|
|
|
2022-12-27 20:58:47 +05:30
|
|
|
export let url: string;
|
2023-01-03 00:42:06 +05:30
|
|
|
export let item: any = 200;
|
|
|
|
export let type: "geo" | "eu" | "us" | "backup" | "tor" | "torBp" = "geo";
|
2022-11-20 23:42:38 +05:30
|
|
|
</script>
|
|
|
|
|
2023-01-03 00:42:06 +05:30
|
|
|
{#if type === "tor" || type === "torBp"}
|
|
|
|
<Link
|
|
|
|
{url}
|
|
|
|
class="torcolored"
|
|
|
|
>
|
|
|
|
<div class="flex flex-row items-center gap-1">
|
|
|
|
<div class="i-simple-icons:tor {type === "torBp" ? "" : "h-6 w-6"}" />
|
|
|
|
{#if type === "torBp"}
|
|
|
|
<span class="text-base">Backup</span>
|
2022-12-27 20:58:47 +05:30
|
|
|
{/if}
|
2023-01-03 00:42:06 +05:30
|
|
|
</div>
|
|
|
|
</Link>
|
|
|
|
{:else}
|
|
|
|
<Link
|
|
|
|
{url}
|
|
|
|
class="web {item === 200
|
|
|
|
? ''
|
|
|
|
: 'pointer-events-none cursor-default opacity-50'}"
|
|
|
|
>
|
|
|
|
<div class="flex items-center gap-2 text-base">
|
|
|
|
<div
|
|
|
|
class={item === 200
|
2023-01-05 22:42:43 +05:30
|
|
|
? "i-ic:outline-open-in-new text-xl"
|
|
|
|
: "i-ic:outline-close"}
|
2023-01-03 00:42:06 +05:30
|
|
|
/>
|
|
|
|
<span>
|
|
|
|
{#if item !== 200}
|
|
|
|
({item})
|
|
|
|
{/if}
|
|
|
|
{#if type === "geo"}
|
|
|
|
GeoDNS
|
|
|
|
{:else if type === "eu"}
|
|
|
|
EU
|
|
|
|
{:else if type === "us"}
|
|
|
|
US
|
|
|
|
{:else if type === "backup"}
|
|
|
|
Backup
|
|
|
|
{/if}
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</Link>
|
|
|
|
{/if}
|