mirror of https://github.com/TZGyn/shortener
Compare commits
2 Commits
56764e4aa6
...
9a044801db
| Author | SHA1 | Date |
|---|---|---|
 TZGyn
|
9a044801db
|
1 year ago |
|
TZGyn
|
8d74c44b1f
|
1 year ago |
@ -0,0 +1 @@
|
|||||||
|
ALTER TABLE "shortener" DROP CONSTRAINT "shortener_code_unique";
|
||||||
@ -0,0 +1,457 @@
|
|||||||
|
{
|
||||||
|
"id": "c91acbf2-ca0a-4726-b2b2-70fd1f8bd9ff",
|
||||||
|
"prevId": "49d0736b-4fb4-4ab7-bc0e-b3401b2dcc1d",
|
||||||
|
"version": "7",
|
||||||
|
"dialect": "postgresql",
|
||||||
|
"tables": {
|
||||||
|
"public.email_verification_token": {
|
||||||
|
"name": "email_verification_token",
|
||||||
|
"schema": "",
|
||||||
|
"columns": {
|
||||||
|
"id": {
|
||||||
|
"name": "id",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": true,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"user_id": {
|
||||||
|
"name": "user_id",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"email": {
|
||||||
|
"name": "email",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"expires_at": {
|
||||||
|
"name": "expires_at",
|
||||||
|
"type": "timestamp with time zone",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"indexes": {},
|
||||||
|
"foreignKeys": {},
|
||||||
|
"compositePrimaryKeys": {},
|
||||||
|
"uniqueConstraints": {}
|
||||||
|
},
|
||||||
|
"public.project": {
|
||||||
|
"name": "project",
|
||||||
|
"schema": "",
|
||||||
|
"columns": {
|
||||||
|
"id": {
|
||||||
|
"name": "id",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": true,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"uuid": {
|
||||||
|
"name": "uuid",
|
||||||
|
"type": "uuid",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false,
|
||||||
|
"default": "gen_random_uuid()"
|
||||||
|
},
|
||||||
|
"name": {
|
||||||
|
"name": "name",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"user_id": {
|
||||||
|
"name": "user_id",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"qr_background": {
|
||||||
|
"name": "qr_background",
|
||||||
|
"type": "varchar(7)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "'#ffffff'"
|
||||||
|
},
|
||||||
|
"qr_foreground": {
|
||||||
|
"name": "qr_foreground",
|
||||||
|
"type": "varchar(7)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "'#000000'"
|
||||||
|
},
|
||||||
|
"domain_status": {
|
||||||
|
"name": "domain_status",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "'verified'"
|
||||||
|
},
|
||||||
|
"enable_custom_domain": {
|
||||||
|
"name": "enable_custom_domain",
|
||||||
|
"type": "boolean",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": false
|
||||||
|
},
|
||||||
|
"custom_ip": {
|
||||||
|
"name": "custom_ip",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
},
|
||||||
|
"custom_domain_id": {
|
||||||
|
"name": "custom_domain_id",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
},
|
||||||
|
"custom_domain": {
|
||||||
|
"name": "custom_domain",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
},
|
||||||
|
"qr_corner_square_style": {
|
||||||
|
"name": "qr_corner_square_style",
|
||||||
|
"type": "varchar",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "'square'"
|
||||||
|
},
|
||||||
|
"qr_dot_style": {
|
||||||
|
"name": "qr_dot_style",
|
||||||
|
"type": "varchar",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "'square'"
|
||||||
|
},
|
||||||
|
"qr_image_base64": {
|
||||||
|
"name": "qr_image_base64",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"indexes": {},
|
||||||
|
"foreignKeys": {},
|
||||||
|
"compositePrimaryKeys": {},
|
||||||
|
"uniqueConstraints": {}
|
||||||
|
},
|
||||||
|
"public.session": {
|
||||||
|
"name": "session",
|
||||||
|
"schema": "",
|
||||||
|
"columns": {
|
||||||
|
"id": {
|
||||||
|
"name": "id",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": true,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"user_id": {
|
||||||
|
"name": "user_id",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"expires_at": {
|
||||||
|
"name": "expires_at",
|
||||||
|
"type": "timestamp with time zone",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"indexes": {},
|
||||||
|
"foreignKeys": {},
|
||||||
|
"compositePrimaryKeys": {},
|
||||||
|
"uniqueConstraints": {}
|
||||||
|
},
|
||||||
|
"public.shortener": {
|
||||||
|
"name": "shortener",
|
||||||
|
"schema": "",
|
||||||
|
"columns": {
|
||||||
|
"id": {
|
||||||
|
"name": "id",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": true,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"link": {
|
||||||
|
"name": "link",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"ios": {
|
||||||
|
"name": "ios",
|
||||||
|
"type": "boolean",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": false
|
||||||
|
},
|
||||||
|
"ios_link": {
|
||||||
|
"name": "ios_link",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
},
|
||||||
|
"android": {
|
||||||
|
"name": "android",
|
||||||
|
"type": "boolean",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": false
|
||||||
|
},
|
||||||
|
"android_link": {
|
||||||
|
"name": "android_link",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
},
|
||||||
|
"code": {
|
||||||
|
"name": "code",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"created_at": {
|
||||||
|
"name": "created_at",
|
||||||
|
"type": "timestamp",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "now()"
|
||||||
|
},
|
||||||
|
"user_id": {
|
||||||
|
"name": "user_id",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"active": {
|
||||||
|
"name": "active",
|
||||||
|
"type": "boolean",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": true
|
||||||
|
},
|
||||||
|
"project_id": {
|
||||||
|
"name": "project_id",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"indexes": {},
|
||||||
|
"foreignKeys": {},
|
||||||
|
"compositePrimaryKeys": {},
|
||||||
|
"uniqueConstraints": {}
|
||||||
|
},
|
||||||
|
"public.user": {
|
||||||
|
"name": "user",
|
||||||
|
"schema": "",
|
||||||
|
"columns": {
|
||||||
|
"id": {
|
||||||
|
"name": "id",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": true,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"uuid": {
|
||||||
|
"name": "uuid",
|
||||||
|
"type": "uuid",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false,
|
||||||
|
"default": "gen_random_uuid()"
|
||||||
|
},
|
||||||
|
"email_verified": {
|
||||||
|
"name": "email_verified",
|
||||||
|
"type": "boolean",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": false
|
||||||
|
},
|
||||||
|
"email": {
|
||||||
|
"name": "email",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"google_id": {
|
||||||
|
"name": "google_id",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
},
|
||||||
|
"username": {
|
||||||
|
"name": "username",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
},
|
||||||
|
"password": {
|
||||||
|
"name": "password",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
},
|
||||||
|
"created_at": {
|
||||||
|
"name": "created_at",
|
||||||
|
"type": "timestamp",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "now()"
|
||||||
|
},
|
||||||
|
"plan": {
|
||||||
|
"name": "plan",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "'free'"
|
||||||
|
},
|
||||||
|
"stripe_customer_id": {
|
||||||
|
"name": "stripe_customer_id",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
},
|
||||||
|
"qr_background": {
|
||||||
|
"name": "qr_background",
|
||||||
|
"type": "varchar(7)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "'#fff'"
|
||||||
|
},
|
||||||
|
"qr_foreground": {
|
||||||
|
"name": "qr_foreground",
|
||||||
|
"type": "varchar(7)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "'#000'"
|
||||||
|
},
|
||||||
|
"qr_corner_square_style": {
|
||||||
|
"name": "qr_corner_square_style",
|
||||||
|
"type": "varchar",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "'square'"
|
||||||
|
},
|
||||||
|
"qr_dot_style": {
|
||||||
|
"name": "qr_dot_style",
|
||||||
|
"type": "varchar",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "'square'"
|
||||||
|
},
|
||||||
|
"qr_image_base64": {
|
||||||
|
"name": "qr_image_base64",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"indexes": {},
|
||||||
|
"foreignKeys": {},
|
||||||
|
"compositePrimaryKeys": {},
|
||||||
|
"uniqueConstraints": {
|
||||||
|
"user_email_unique": {
|
||||||
|
"name": "user_email_unique",
|
||||||
|
"nullsNotDistinct": false,
|
||||||
|
"columns": [
|
||||||
|
"email"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"public.visitor": {
|
||||||
|
"name": "visitor",
|
||||||
|
"schema": "",
|
||||||
|
"columns": {
|
||||||
|
"id": {
|
||||||
|
"name": "id",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": true,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"shortener_id": {
|
||||||
|
"name": "shortener_id",
|
||||||
|
"type": "text",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"created_at": {
|
||||||
|
"name": "created_at",
|
||||||
|
"type": "timestamp",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "now()"
|
||||||
|
},
|
||||||
|
"country_code": {
|
||||||
|
"name": "country_code",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"country": {
|
||||||
|
"name": "country",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"city": {
|
||||||
|
"name": "city",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true
|
||||||
|
},
|
||||||
|
"device_type": {
|
||||||
|
"name": "device_type",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "''"
|
||||||
|
},
|
||||||
|
"device_vendor": {
|
||||||
|
"name": "device_vendor",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "''"
|
||||||
|
},
|
||||||
|
"os": {
|
||||||
|
"name": "os",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "''"
|
||||||
|
},
|
||||||
|
"browser": {
|
||||||
|
"name": "browser",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "''"
|
||||||
|
},
|
||||||
|
"referer": {
|
||||||
|
"name": "referer",
|
||||||
|
"type": "varchar(255)",
|
||||||
|
"primaryKey": false,
|
||||||
|
"notNull": true,
|
||||||
|
"default": "''"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"indexes": {},
|
||||||
|
"foreignKeys": {},
|
||||||
|
"compositePrimaryKeys": {},
|
||||||
|
"uniqueConstraints": {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"enums": {},
|
||||||
|
"schemas": {},
|
||||||
|
"sequences": {},
|
||||||
|
"_meta": {
|
||||||
|
"columns": {},
|
||||||
|
"schemas": {},
|
||||||
|
"tables": {}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,47 +0,0 @@
|
|||||||
<script lang="ts">
|
|
||||||
import { Button } from '$lib/components/ui/button'
|
|
||||||
import * as AlertDialog from '$lib/components/ui/alert-dialog'
|
|
||||||
import { Loader2 } from 'lucide-svelte'
|
|
||||||
import { invalidateAll } from '$app/navigation'
|
|
||||||
import { toast } from 'svelte-sonner'
|
|
||||||
|
|
||||||
export let deleteDialogOpen = false
|
|
||||||
export let deleteShortenerCode = ''
|
|
||||||
let isDeleteLoading = false
|
|
||||||
|
|
||||||
const deleteShortener = async () => {
|
|
||||||
isDeleteLoading = true
|
|
||||||
await fetch(`/api/shortener/${deleteShortenerCode}`, {
|
|
||||||
method: 'delete',
|
|
||||||
})
|
|
||||||
isDeleteLoading = false
|
|
||||||
toast.success('Shortener deleted successfully')
|
|
||||||
deleteDialogOpen = false
|
|
||||||
await invalidateAll()
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<AlertDialog.Root bind:open={deleteDialogOpen}>
|
|
||||||
<AlertDialog.Content>
|
|
||||||
<AlertDialog.Header>
|
|
||||||
<AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>
|
|
||||||
<AlertDialog.Description>
|
|
||||||
You are about to delete a shortener.
|
|
||||||
</AlertDialog.Description>
|
|
||||||
</AlertDialog.Header>
|
|
||||||
<AlertDialog.Footer>
|
|
||||||
<AlertDialog.Cancel disabled={isDeleteLoading}
|
|
||||||
>Cancel</AlertDialog.Cancel>
|
|
||||||
<Button
|
|
||||||
variant="destructive"
|
|
||||||
on:click={deleteShortener}
|
|
||||||
class="flex gap-2"
|
|
||||||
disabled={isDeleteLoading}>
|
|
||||||
{#if isDeleteLoading}
|
|
||||||
<Loader2 class="animate-spin" />
|
|
||||||
{/if}
|
|
||||||
Delete
|
|
||||||
</Button>
|
|
||||||
</AlertDialog.Footer>
|
|
||||||
</AlertDialog.Content>
|
|
||||||
</AlertDialog.Root>
|
|
||||||
@ -1,225 +0,0 @@
|
|||||||
<script lang="ts">
|
|
||||||
import { Button, buttonVariants } from '$lib/components/ui/button'
|
|
||||||
import * as Card from '$lib/components/ui/card'
|
|
||||||
import * as Dialog from '$lib/components/ui/dialog'
|
|
||||||
import * as DropdownMenu from '$lib/components/ui/dropdown-menu'
|
|
||||||
import * as Tooltip from '$lib/components/ui/tooltip'
|
|
||||||
import * as Avatar from '$lib/components/ui/avatar'
|
|
||||||
import { Badge } from '$lib/components/ui/badge'
|
|
||||||
import { ScrollArea } from '$lib/components/ui/scroll-area'
|
|
||||||
import type { Shortener, Project } from '$lib/db/types'
|
|
||||||
import {
|
|
||||||
BarChart,
|
|
||||||
EditIcon,
|
|
||||||
ExternalLink,
|
|
||||||
Loader2Icon,
|
|
||||||
MoreVertical,
|
|
||||||
QrCode,
|
|
||||||
TrashIcon,
|
|
||||||
} from 'lucide-svelte'
|
|
||||||
import DeleteShortenerDialog from './DeleteShortenerDialog.svelte'
|
|
||||||
import EditProjectLinkPage from '../links/[linkid]/edit/+page.svelte'
|
|
||||||
import { goto, preloadData, pushState } from '$app/navigation'
|
|
||||||
import { cn } from '$lib/utils'
|
|
||||||
import type { page } from '$app/stores'
|
|
||||||
|
|
||||||
export let shortener: Shortener & {
|
|
||||||
visitorCount: number
|
|
||||||
}
|
|
||||||
export let shortener_url: string
|
|
||||||
export let selected_project: Project
|
|
||||||
|
|
||||||
let deleteDialogOpen = false
|
|
||||||
let deleteShortenerCode = ''
|
|
||||||
const openDeleteDialog = (code: string) => {
|
|
||||||
deleteShortenerCode = code
|
|
||||||
deleteDialogOpen = true
|
|
||||||
}
|
|
||||||
|
|
||||||
let editProjectLinkOpen = false
|
|
||||||
let editData: typeof $page.state.editProjectLink
|
|
||||||
|
|
||||||
const showEditModal = async (projectUuid: string, code: string) => {
|
|
||||||
const href = `/dashboard/projects/${projectUuid}/links/${code}/edit`
|
|
||||||
const result = await preloadData(href)
|
|
||||||
|
|
||||||
if (result.type === 'loaded' && result.status === 200) {
|
|
||||||
editData = result.data as typeof $page.state.editProjectLink
|
|
||||||
editProjectLinkOpen = true
|
|
||||||
} else {
|
|
||||||
// something bad happened! try navigating
|
|
||||||
goto(href)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
let isLoadingQrModal = false
|
|
||||||
const showQRModal = async (e: MouseEvent) => {
|
|
||||||
isLoadingQrModal = true
|
|
||||||
const { href } = e.currentTarget as HTMLAnchorElement
|
|
||||||
|
|
||||||
if (innerWidth < 640) goto(href)
|
|
||||||
|
|
||||||
const result = await preloadData(href)
|
|
||||||
|
|
||||||
if (result.type === 'loaded' && result.status === 200) {
|
|
||||||
pushState(href, { projectLinkQR: result.data })
|
|
||||||
} else {
|
|
||||||
goto(href)
|
|
||||||
}
|
|
||||||
isLoadingQrModal = false
|
|
||||||
}
|
|
||||||
|
|
||||||
const shortenerUrl = selected_project.enable_custom_domain
|
|
||||||
? selected_project.custom_domain || shortener_url
|
|
||||||
: shortener_url
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<Card.Root>
|
|
||||||
<Card.Header>
|
|
||||||
<Card.Title class="flex items-center justify-between gap-4">
|
|
||||||
<Avatar.Root class="overflow-visible">
|
|
||||||
<Avatar.Image
|
|
||||||
src={'https://www.google.com/s2/favicons?sz=128&domain_url=' +
|
|
||||||
shortener.link}
|
|
||||||
alt="favicon" />
|
|
||||||
<Avatar.Fallback class="bg-opacity-0">
|
|
||||||
<img src="/favicon.png" alt="favicon" />
|
|
||||||
</Avatar.Fallback>
|
|
||||||
</Avatar.Root>
|
|
||||||
<div class="flex flex-grow flex-col items-start gap-2">
|
|
||||||
<Tooltip.Root>
|
|
||||||
<Tooltip.Trigger>
|
|
||||||
<div
|
|
||||||
class="max-w-[250px] overflow-x-clip overflow-ellipsis whitespace-nowrap">
|
|
||||||
{shortener.link}
|
|
||||||
</div>
|
|
||||||
</Tooltip.Trigger>
|
|
||||||
<Tooltip.Content>
|
|
||||||
<p>{shortener.link}</p>
|
|
||||||
</Tooltip.Content>
|
|
||||||
</Tooltip.Root>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="text-muted-foreground flex items-center gap-2 text-sm">
|
|
||||||
<a
|
|
||||||
href={'https://' + shortenerUrl + '/' + shortener.code}
|
|
||||||
target="_blank"
|
|
||||||
class="hover:underline">
|
|
||||||
{shortenerUrl + '/' + shortener.code}
|
|
||||||
</a>
|
|
||||||
<ExternalLink size={16} />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<DropdownMenu.Root>
|
|
||||||
<DropdownMenu.Trigger>
|
|
||||||
<MoreVertical />
|
|
||||||
</DropdownMenu.Trigger>
|
|
||||||
<DropdownMenu.Content>
|
|
||||||
<DropdownMenu.Group>
|
|
||||||
<a
|
|
||||||
href={`/dashboard/projects/${selected_project.uuid}/links/${shortener.code}/edit`}
|
|
||||||
on:click|preventDefault={() =>
|
|
||||||
showEditModal(
|
|
||||||
selected_project.uuid || '',
|
|
||||||
shortener.code,
|
|
||||||
)}>
|
|
||||||
<DropdownMenu.Item class="flex items-center gap-2">
|
|
||||||
<EditIcon size={16} />Edit
|
|
||||||
</DropdownMenu.Item>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu.Item
|
|
||||||
on:click={() => openDeleteDialog(shortener.id)}
|
|
||||||
class="text-destructive data-[highlighted]:bg-destructive flex items-center gap-2">
|
|
||||||
<TrashIcon size={16} />
|
|
||||||
Delete
|
|
||||||
</DropdownMenu.Item>
|
|
||||||
</DropdownMenu.Group>
|
|
||||||
</DropdownMenu.Content>
|
|
||||||
</DropdownMenu.Root>
|
|
||||||
</Card.Title>
|
|
||||||
</Card.Header>
|
|
||||||
<Card.Content>
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div class="flex gap-2">
|
|
||||||
<Button
|
|
||||||
href={`/dashboard/links/${shortener.code}`}
|
|
||||||
class="bg-secondary flex h-8 items-center justify-center gap-1 rounded text-sm">
|
|
||||||
<BarChart size={20} />
|
|
||||||
<div>
|
|
||||||
{shortener.visitorCount} visits
|
|
||||||
</div>
|
|
||||||
</Button>
|
|
||||||
<a
|
|
||||||
class={cn(
|
|
||||||
buttonVariants({ variant: 'default' }),
|
|
||||||
'bg-secondary flex h-8 items-center justify-center gap-1 rounded text-sm',
|
|
||||||
)}
|
|
||||||
href={`/dashboard/projects/${selected_project.uuid}/links/${shortener.code}/qr`}
|
|
||||||
on:click|preventDefault={showQRModal}>
|
|
||||||
{#if isLoadingQrModal}
|
|
||||||
<Loader2Icon size={20} class="animate-spin" />
|
|
||||||
{:else}
|
|
||||||
<QrCode size={20} />
|
|
||||||
{/if}
|
|
||||||
</a>
|
|
||||||
{#if shortener.ios}
|
|
||||||
<Tooltip.Root>
|
|
||||||
<Tooltip.Trigger>
|
|
||||||
<Badge variant="outline" class="flex gap-2">iOS</Badge>
|
|
||||||
</Tooltip.Trigger>
|
|
||||||
<Tooltip.Content>
|
|
||||||
<p>{shortener.ios_link}</p>
|
|
||||||
</Tooltip.Content>
|
|
||||||
</Tooltip.Root>
|
|
||||||
{/if}
|
|
||||||
{#if shortener.android}
|
|
||||||
<Tooltip.Root>
|
|
||||||
<Tooltip.Trigger>
|
|
||||||
<Badge variant="outline" class="flex gap-2">
|
|
||||||
Android
|
|
||||||
</Badge>
|
|
||||||
</Tooltip.Trigger>
|
|
||||||
<Tooltip.Content>
|
|
||||||
<p>{shortener.android_link}</p>
|
|
||||||
</Tooltip.Content>
|
|
||||||
</Tooltip.Root>
|
|
||||||
{/if}
|
|
||||||
</div>
|
|
||||||
<div class="flex gap-4">
|
|
||||||
{#if shortener.projectName}
|
|
||||||
<Badge variant="secondary">{shortener.projectName}</Badge>
|
|
||||||
{/if}
|
|
||||||
<Badge variant="outline" class="flex gap-2">
|
|
||||||
{#if shortener.active}
|
|
||||||
<span
|
|
||||||
class="relative inline-flex h-2 w-2 rounded-full bg-green-400">
|
|
||||||
</span>
|
|
||||||
Active
|
|
||||||
{:else}
|
|
||||||
<span
|
|
||||||
class="relative inline-flex h-2 w-2 rounded-full bg-gray-600">
|
|
||||||
</span>
|
|
||||||
Inactive
|
|
||||||
{/if}
|
|
||||||
</Badge>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Card.Content>
|
|
||||||
</Card.Root>
|
|
||||||
|
|
||||||
<DeleteShortenerDialog bind:deleteDialogOpen {deleteShortenerCode} />
|
|
||||||
|
|
||||||
<Dialog.Root bind:open={editProjectLinkOpen}>
|
|
||||||
<Dialog.Content>
|
|
||||||
<Dialog.Header>
|
|
||||||
<Dialog.Title>Edit Shortener</Dialog.Title>
|
|
||||||
<Dialog.Description>
|
|
||||||
Edit Shortener Here. Click Save To Save.
|
|
||||||
</Dialog.Description>
|
|
||||||
</Dialog.Header>
|
|
||||||
<ScrollArea class="max-h-[calc(100vh-200px)]">
|
|
||||||
<EditProjectLinkPage data={editData} shallowRouting />
|
|
||||||
</ScrollArea>
|
|
||||||
</Dialog.Content>
|
|
||||||
</Dialog.Root>
|
|
||||||
Loading…
Reference in New Issue