WIP jordan
This commit is contained in:
@@ -116,8 +116,8 @@ const formatDate = (d: string) => d
|
||||
<UBadge color="blue" variant="outline">{{ task.policy_type?.toUpperCase() }}</UBadge>
|
||||
<UBadge color="gray" variant="outline">{{ task.comm_type }}</UBadge>
|
||||
</div>
|
||||
<h1 class="text-xl font-bold text-slate-900 font-mono">{{ task.application_id }}</h1>
|
||||
<p class="text-gray-500 text-sm">Received {{ formatDate(task.created_at) }}</p>
|
||||
<h1 class="text-2xl font-semibold tracking-tight text-[var(--text-primary)] font-mono">{{ task.application_id }}</h1>
|
||||
<p class="mt-1 text-[13px] text-[var(--text-muted)]">Received {{ formatDate(task.created_at) }}</p>
|
||||
</div>
|
||||
|
||||
<!-- Actions -->
|
||||
@@ -148,7 +148,7 @@ const formatDate = (d: string) => d
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<!-- Task info -->
|
||||
<UCard>
|
||||
<template #header><p class="font-semibold text-slate-700">Task Info</p></template>
|
||||
<template #header><p class="font-semibold text-[var(--text-primary)]">Task Info</p></template>
|
||||
<div class="space-y-2 text-sm">
|
||||
<div class="flex justify-between"><span class="text-gray-500">Task ID</span><span class="font-mono text-xs">{{ task.id }}</span></div>
|
||||
<div class="flex justify-between"><span class="text-gray-500">Application ID</span><span class="font-mono text-xs">{{ task.application_id }}</span></div>
|
||||
@@ -162,7 +162,7 @@ const formatDate = (d: string) => d
|
||||
|
||||
<!-- Payload -->
|
||||
<UCard>
|
||||
<template #header><p class="font-semibold text-slate-700">Request Payload</p></template>
|
||||
<template #header><p class="font-semibold text-[var(--text-primary)]">Request Payload</p></template>
|
||||
<div class="space-y-4 text-sm">
|
||||
<div v-if="payload?.applicant_info">
|
||||
<p class="text-xs font-semibold text-gray-400 uppercase mb-2">Applicant</p>
|
||||
@@ -188,7 +188,7 @@ const formatDate = (d: string) => d
|
||||
<UCard v-if="isSolicitation">
|
||||
<template #header>
|
||||
<div class="flex justify-between items-center">
|
||||
<p class="font-semibold text-slate-700 flex items-center gap-2">
|
||||
<p class="font-semibold text-[var(--text-primary)] flex items-center gap-2">
|
||||
<UIcon name="i-heroicons-document-text" class="w-4 h-4" /> Solicitation Document
|
||||
</p>
|
||||
<div class="flex gap-2">
|
||||
@@ -212,7 +212,7 @@ const formatDate = (d: string) => d
|
||||
<div v-else class="flex items-center gap-4 p-4 bg-gray-50 rounded-lg">
|
||||
<UIcon name="i-heroicons-document-text" class="w-8 h-8 text-red-400 flex-shrink-0" />
|
||||
<div class="flex-1 min-w-0">
|
||||
<p class="text-sm font-medium text-slate-800">Solicitation v{{ task.version ?? 1 }}</p>
|
||||
<p class="text-sm font-medium text-[var(--text-primary)]">Solicitation v{{ task.version ?? 1 }}</p>
|
||||
<p class="text-xs text-gray-400 font-mono truncate">{{ task.s3_key }}</p>
|
||||
</div>
|
||||
<UBadge :color="statusColor(task.status)" variant="soft" size="sm">{{ task.status }}</UBadge>
|
||||
@@ -225,7 +225,7 @@ const formatDate = (d: string) => d
|
||||
<template #content>
|
||||
<div class="flex flex-col h-full">
|
||||
<div class="flex justify-between items-center p-6 border-b">
|
||||
<div><h2 class="text-lg font-semibold text-slate-900">Record Quote Response</h2></div>
|
||||
<div><h2 class="text-lg font-semibold text-[var(--text-primary)]">Record Quote Response</h2></div>
|
||||
<UButton icon="i-heroicons-x-mark" color="gray" variant="ghost" @click="isRespondOpen = false" />
|
||||
</div>
|
||||
<div class="flex-1 overflow-y-auto p-6 space-y-6">
|
||||
@@ -239,12 +239,12 @@ const formatDate = (d: string) => d
|
||||
</div>
|
||||
<div class="space-y-3">
|
||||
<div class="flex justify-between items-center">
|
||||
<p class="font-medium text-sm text-slate-700">Plans <UBadge color="gray" variant="soft" size="xs" class="ml-1">{{ plans.length }}</UBadge></p>
|
||||
<p class="font-medium text-sm text-[var(--text-primary)]">Plans <UBadge color="gray" variant="soft" size="xs" class="ml-1">{{ plans.length }}</UBadge></p>
|
||||
<UButton icon="i-heroicons-plus" size="xs" color="gray" variant="soft" @click="addPlan">Add Plan</UButton>
|
||||
</div>
|
||||
<div v-for="(plan, i) in plans" :key="i" class="border rounded-lg p-4 space-y-3">
|
||||
<div class="flex justify-between items-center">
|
||||
<p class="text-sm font-semibold text-slate-700">Plan {{ i + 1 }}</p>
|
||||
<p class="text-sm font-semibold text-[var(--text-primary)]">Plan {{ i + 1 }}</p>
|
||||
<UButton v-if="plans.length > 1" icon="i-heroicons-trash" size="xs" color="red" variant="ghost" @click="removePlan(i)" />
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
@@ -275,7 +275,7 @@ const formatDate = (d: string) => d
|
||||
<div class="flex flex-col h-full">
|
||||
<div class="flex justify-between items-center p-6 border-b">
|
||||
<div>
|
||||
<h2 class="text-lg font-semibold text-slate-900">Issue Policy</h2>
|
||||
<h2 class="text-lg font-semibold text-[var(--text-primary)]">Issue Policy</h2>
|
||||
<p class="text-sm text-gray-500">Enter the policy details from the provider</p>
|
||||
</div>
|
||||
<UButton icon="i-heroicons-x-mark" color="gray" variant="ghost" @click="isIssueOpen = false" />
|
||||
|
||||
@@ -72,8 +72,8 @@ const formatDate = (date: string) => {
|
||||
<!-- Header -->
|
||||
<div class="flex justify-between items-center">
|
||||
<div>
|
||||
<h1 class="text-3xl text-slate-900 font-bold">Tasks</h1>
|
||||
<p class="text-gray-500 text-sm">Carrier Inbox — Quote & Solicitation Requests</p>
|
||||
<h1 class="text-2xl font-semibold tracking-tight text-[var(--text-primary)]">Tasks</h1>
|
||||
<p class="text-[13px] text-[var(--text-muted)]">Carrier Inbox — Quote & Solicitation Requests</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<UBadge color="gray" variant="soft" size="lg">{{ total }} tasks</UBadge>
|
||||
@@ -131,7 +131,7 @@ const formatDate = (date: string) => {
|
||||
</div>
|
||||
|
||||
<div class="min-w-0">
|
||||
<p class="font-mono text-sm font-medium text-slate-800 truncate">
|
||||
<p class="font-mono text-sm font-medium text-[var(--text-primary)] truncate">
|
||||
{{ task.application_id }}
|
||||
</p>
|
||||
<p class="text-xs text-gray-400">
|
||||
|
||||
Reference in New Issue
Block a user