Clean up compliance report creators and share UI

This commit is contained in:
Eli Ribble 2026-04-21 14:45:11 +00:00
parent bd3e42f83e
commit bad50a8772
No known key found for this signature in database
3 changed files with 19 additions and 47 deletions

View file

@ -0,0 +1,12 @@
<template>
<div class="container">
<div class="row min-vh-100 align-items-center justify-content-center">
<div class="col-auto text-center">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<p class="mt-3 text-muted">Loading report details...</p>
</div>
</div>
</div>
</template>

View file

@ -1,35 +1,16 @@
<template>
<div class="container">
<div class="row min-vh-100 align-items-center justify-content-center">
<div class="col-auto text-center">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<p class="mt-3 text-muted">Loading report details...</p>
</div>
</div>
</div>
<PublicReportLoading />
</template>
<script setup lang="ts">
import { computed, onMounted, ref } from "vue";
import { onMounted } from "vue";
import { useRouter } from "vue-router";
import { computedAsync } from "@vueuse/core";
import type { Image } from "@/components/ImageUpload.vue";
import { useStoreDistrict } from "@/rmo/store/district";
import { useStoreLocal } from "@/store/local";
import { useStorePublicReport } from "@/store/publicreport";
import Intro from "@/rmo/content/compliance/Intro.vue";
import LoadingOverlay from "@/components/LoadingOverlay.vue";
import {
type ComplianceUpdate,
type District,
PublicReport,
PublicReportCompliance,
PublicReportComplianceOptions,
} from "@/type/api";
import { Contact, Address, PermissionType } from "@/type/api";
import PublicReportLoading from "@/rmo/components/PublicReportLoading.vue";
import { type District } from "@/type/api";
interface Props {
slug: string;

View file

@ -1,36 +1,15 @@
<template>
<div class="container">
<div class="row min-vh-100 align-items-center justify-content-center">
<div class="col-auto text-center">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
<p class="mt-3 text-muted">Loading report details...</p>
</div>
</div>
</div>
<PublicReportLoading />
</template>
<script setup lang="ts">
import { computed, onMounted, ref } from "vue";
import { onMounted } from "vue";
import { useRouter } from "vue-router";
import { computedAsync } from "@vueuse/core";
import type { Image } from "@/components/ImageUpload.vue";
import { useStoreDistrict } from "@/rmo/store/district";
import { useStoreLocal } from "@/store/local";
import { useStoreLocation } from "@/store/location";
import { useStorePublicReport } from "@/store/publicreport";
import Intro from "@/rmo/content/compliance/Intro.vue";
import LoadingOverlay from "@/components/LoadingOverlay.vue";
import {
type ComplianceUpdate,
type District,
PublicReport,
PublicReportCompliance,
PublicReportComplianceOptions,
} from "@/type/api";
import { Contact, Address, Location, PermissionType } from "@/type/api";
import PublicReportLoading from "@/rmo/components/PublicReportLoading.vue";
interface Props {
public_id: string;