Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Permit Tracker - Status description modal #197

Merged
merged 1 commit into from
Nov 21, 2024
Merged

Permit Tracker - Status description modal #197

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
97 changes: 97 additions & 0 deletions frontend/src/components/permit/PermitStatusDescriptionModal.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
<script setup lang="ts">
import StatusPill from '@/components/common/StatusPill.vue';
import { Dialog } from '@/lib/primevue';
import { PermitAuthorizationStatus } from '@/utils/enums/housing';

const visible = defineModel<boolean>('visible');
</script>

<template>
<Dialog
v-model:visible="visible"
:draggable="false"
:modal="true"
class="app-info-dialog w-6"
>
<template #header>
<span class="p-dialog-title">Application stages</span>
</template>
<div>The application reviewing process includes four stages.</div>
<div class="my-4">
<div class="text-lg font-bold mb-2">Application submission</div>
<div>
The technical review stage is when the reviewing authority conducts a thorough evaluation of the application in
preparation for making a decision.
</div>
</div>
<div class="my-4">
<div class="text-lg font-bold mb-2">Technical review</div>
<div>
The technical review stage is when the reviewing authority conducts a thorough evaluation of the application in
preparation for making a decision.
</div>
</div>
<div class="my-4">
<div class="text-lg font-bold mb-2">Pending decision</div>
<div>
The pending decision stage is when the decision-makers review the evaluation and issue their final decision.
</div>
</div>
<div class="my-4">
<div class="text-lg font-bold mb-2">Post-decision</div>
<div>The post-decision stage is when a final decision has been made. This concludes the application.</div>
</div>

<div class="text-2xl font-bold mb-2">Application statuses</div>
<div class="my-4">
<div class="flex">
<StatusPill :auth-status="PermitAuthorizationStatus.IN_REVIEW" />
</div>
<div class="mt-2">The application is currently active.</div>
</div>
<div class="my-4">
<div class="flex">
<StatusPill :auth-status="PermitAuthorizationStatus.PENDING" />
</div>
<div class="mt-2">
The application is currently pending the applicant’s action in response to the reviewing authority’s request.
</div>
</div>
<div class="my-4">
<div class="flex">
<StatusPill :auth-status="PermitAuthorizationStatus.ABANDONED" />
</div>
<div class="mt-2">The application has been abandoned by the applicant.</div>
</div>
<div class="my-4">
<div class="flex">
<StatusPill :auth-status="PermitAuthorizationStatus.WITHDRAWN" />
</div>
<div class="mt-2">The application has been withdrawn by the applicant.</div>
</div>
<div class="my-4">
<div class="flex">
<StatusPill :auth-status="PermitAuthorizationStatus.CANCELLED" />
</div>
<div class="mt-2">The application has been cancelled by the reviewing authority.</div>
</div>
<div class="my-4">
<div class="flex">
<StatusPill :auth-status="PermitAuthorizationStatus.DENIED" />
</div>
<div class="mt-2">
The application has completed the review process, however, the reviewing authority has decided not to approve
the application.
</div>
</div>
<div class="my-4">
<div class="flex">
<StatusPill :auth-status="PermitAuthorizationStatus.ISSUED" />
</div>
<div class="mt-2">
The application has successfully completed the review process. A positive final decision has been granted to the
applicant.
</div>
</div>
</Dialog>
</template>