From 4a9d6e0db650630cbbfa4964ade957f19e68d9fd Mon Sep 17 00:00:00 2001 From: Eli Ribble Date: Fri, 3 Apr 2026 15:58:50 +0000 Subject: [PATCH] Port root RMO with style to main page --- html/template/rmo/root.html | 104 --------------------------------- ts/rmo/view/Home.vue | 113 +++++++++++++++++++++++++++++++++++- ts/style/rmo.scss | 29 +++++++++ vite/rmo/main.ts | 1 + 4 files changed, 142 insertions(+), 105 deletions(-) create mode 100644 ts/style/rmo.scss diff --git a/html/template/rmo/root.html b/html/template/rmo/root.html index 67bd995f..2c81bbfb 100644 --- a/html/template/rmo/root.html +++ b/html/template/rmo/root.html @@ -2,110 +2,6 @@ {{ define "title" }}Main{{ end }} {{ define "extraheader" }} - {{ end }} {{ define "content" }} - -
- {{ if eq .District nil }} - -
- -
- {{ else }} - -
-
-
-
-

Report a Mosquito Problem

-

- Submit a report to help reduce mosquito activity in your - neighborhood. -

-

- Report Mosquitoes Online works with local mosquito control - agencies to receive public reports. -

- {{ if not (eq .District nil) }} -

- For this area, mosquito control services are provided by -

-

{{ .District.Name }}

- - {{ end }} -
-
-
-
- {{ end }} - - - -
-
-

How Can We Help You Today?

-
-
-
-
-
- -
-

Report Mosquito Nuisance

-

- Report areas with high adult mosquito activity causing - discomfort or concern. -

- Report Problem -
-
-
-
-
-
-
- -
-

Report Standing Water

-

- Report any water that has been sitting for several days, where - mosquitoes can live. -

- Report Source -
-
-
-
-
-
-
- -
-

Follow-up or Check Status

-

- Check on a previous request or view current mosquito activity - in your area. -

- Get Status -
-
-
-
-
-
-
{{ end }} diff --git a/ts/rmo/view/Home.vue b/ts/rmo/view/Home.vue index 9b2b7f09..5be71a98 100644 --- a/ts/rmo/view/Home.vue +++ b/ts/rmo/view/Home.vue @@ -1,3 +1,114 @@ + + + diff --git a/ts/style/rmo.scss b/ts/style/rmo.scss new file mode 100644 index 00000000..6211480d --- /dev/null +++ b/ts/style/rmo.scss @@ -0,0 +1,29 @@ +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +// Make custom SVG icons about the same size as other icons +i.bi svg { + height: 18px; + width: 18px; +} +@import "bootstrap/scss/functions"; +// Import Bootstrap's variables (this merges with your custom variables) +@import "bootstrap/scss/variables"; + +// Import Bootstrap's mixins +@import "bootstrap/scss/mixins"; + +// Import all of Bootstrap (or pick specific components) +@import "bootstrap/scss/bootstrap"; + +// Import Bootstrap Icons +//@import "bootstrap-icons/font/bootstrap-icons.scss"; + +@import "./dashboard.scss"; +@import "./sidebar.scss"; diff --git a/vite/rmo/main.ts b/vite/rmo/main.ts index 508bbd7b..4f4e9e44 100644 --- a/vite/rmo/main.ts +++ b/vite/rmo/main.ts @@ -2,6 +2,7 @@ import { createApp } from "vue"; import { createHead } from "@vueuse/head"; import router from "@/rmo/router"; import App from "@/rmo/App.vue"; +import "@/style/rmo.scss"; const app = createApp(App); const head = createHead();