#456 #393 minor formatting of view selector; add L10n to create org page

frontend/components/card/CardAbout.vue

@@ -67,8 +67,8 @@
 </template>
 
 <script setup lang="ts">
-import type { Event } from "../../types/event";
-import type { Organization } from "../../types/organization";
+import type { Event } from "~/types/event";
+import type { Organization } from "~/types/organization";
 
 defineProps<{
   organization?: Organization;

frontend/components/card/CardGetInvolved.vue

@@ -68,8 +68,8 @@
 </template>
 
 <script setup lang="ts">
-import type { Event } from "../../types/event";
-import type { Organization } from "../../types/organization";
+import type { Event } from "~/types/event";
+import type { Organization } from "~/types/organization";
 
 defineProps<{
   organization?: Organization;

frontend/components/card/discussion/CardDiscussionEntry.vue

@@ -86,7 +86,7 @@
 </template>
 
 <script setup lang="ts">
-import type { DiscussionEntry } from "../../../types/discussion-entry";
+import type { DiscussionEntry } from "~/types/card-discussion-entry";
 
 defineProps<{
   isPrivate?: boolean;

frontend/components/card/discussion/CardDiscussionInput.vue

@@ -112,7 +112,7 @@
 </template>
 
 <script setup lang="ts">
-import type { DiscussionInput } from "~/types/discussion-input";
+import type { DiscussionInput } from "~/types/card-discussion-input";
 
 defineProps<{
   discussionInput: DiscussionInput;

frontend/components/card/discussion/CardDiscussionText.vue

@@ -31,7 +31,7 @@
 </template>
 
 <script setup lang="ts">
-import type { DiscussionText } from "../../../types/discussion-text";
+import type { DiscussionText } from "~/types/card-discussion-text";
 
 defineProps<{
   isPrivate?: boolean;

frontend/components/card/search-result/CardSearchResult.vue

@@ -31,10 +31,10 @@
 </template>
 
 <script setup lang="ts">
-import type { Event } from "../../../types/event";
-import type { Organization } from "../../../types/organization";
-import type { Resource } from "../../../types/resource";
-import type { User } from "../../../types/user";
+import type { Event } from "~/types/event";
+import type { Organization } from "~/types/organization";
+import type { Resource } from "~/types/resource";
+import type { User } from "~/types/user";
 
 defineProps<{
   searchResultType: "organization" | "event" | "resource" | "user";

frontend/components/card/search-result/CardSearchResultEvent.vue

@@ -74,7 +74,7 @@
 </template>
 
 <script setup lang="ts">
-import type { Event } from "../../../types/event";
+import type { Event } from "~/types/event";
 
 defineProps<{
   isPrivate?: boolean;

frontend/components/card/search-result/CardSearchResultOrganization.vue

@@ -66,7 +66,7 @@
 </template>
 
 <script setup lang="ts">
-import type { Organization } from "../../../types/organization";
+import type { Organization } from "~/types/organization";
 
 defineProps<{
   isPrivate?: boolean;

frontend/components/card/search-result/CardSearchResultResource.vue

@@ -65,7 +65,7 @@
 </template>
 
 <script setup lang="ts">
-import type { Resource } from "../../../types/resource";
+import type { Resource } from "~/types/resource";
 
 defineProps<{
   isPrivate?: boolean;

frontend/components/card/search-result/CardSearchResultUser.vue

@@ -52,7 +52,7 @@
 </template>
 
 <script setup lang="ts">
-import type { User } from "../../../types/user";
+import type { User } from "~/types/user";
 
 defineProps<{
   isPrivate?: boolean;

frontend/components/feed/FeedItem.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script setup lang="ts">
-import type { FeedItem } from "../../types/feedItem";
+import type { FeedItem } from "~/types/feed-item";
 
 const props = defineProps<{
   url: string;

frontend/components/form/FormSearch.vue

@@ -17,7 +17,7 @@
 <script setup lang="ts">
 // @ts-nocheck
 import { v4 as uuidv4 } from "uuid";
-import useFormInput from "../../composables/useFormSetup";
+import useFormInput from "~/composables/useFormSetup";
 
 export interface Props {
   placeholder?: string;

frontend/components/form/FormTextField.vue

@@ -40,7 +40,7 @@
 <script setup lang="ts">
 // @ts-nocheck
 import { v4 as uuidv4 } from "uuid";
-import useFormInput from "../../composables/useFormSetup";
+import useFormInput from "~/composables/useFormSetup";
 
 export interface Props {
   placeholder?: string;

frontend/components/form/checkbox/FormCheckbox.vue

@@ -23,7 +23,7 @@
 <script setup lang="ts">
 // @ts-nocheck
 import { v4 as uuidv4 } from "uuid";
-import useFormInput from "../../../composables/useFormSetup";
+import useFormInput from "~/composables/useFormSetup";
 
 export interface Props {
   label?: string;

frontend/components/form/checkbox/FormCheckboxBtn.vue

@@ -29,7 +29,7 @@
 <script setup lang="ts">
 // @ts-nocheck
 import { v4 as uuidv4 } from "uuid";
-import useFormInput from "../../../composables/useFormSetup";
+import useFormInput from "~/composables/useFormSetup";
 
 export interface Props {
   label?: string;

frontend/components/form/checkbox/FormCheckboxGroup.vue

@@ -18,7 +18,7 @@
 </template>
 
 <script setup lang="ts">
-import useFormCheckboxRadio from "../../../composables/useFormCheckboxRadio";
+import useFormCheckboxRadio from "~/composables/useFormCheckboxRadio";
 
 /**
  * The available checkbox type option.

frontend/components/form/radio/FormRadio.vue

@@ -17,7 +17,7 @@
 <script setup lang="ts">
 // @ts-nocheck
 import { v4 as uuidv4 } from "uuid";
-import useFormInput from "../../../composables/useFormSetup";
+import useFormInput from "~/composables/useFormSetup";
 
 export interface Props {
   label?: string;

frontend/components/form/radio/FormRadioBtn.vue

@@ -29,7 +29,7 @@
 <script setup lang="ts">
 // @ts-nocheck
 import { v4 as uuidv4 } from "uuid";
-import useFormInput from "../../../composables/useFormSetup";
+import useFormInput from "~/composables/useFormSetup";
 
 export interface Props {
   label?: string;

frontend/components/form/radio/FormRadioGroup.vue

@@ -48,7 +48,7 @@
 
 <script setup lang="ts">
 import { computed } from "vue";
-import useFormCheckboxRadio from "../../../composables/useFormCheckboxRadio";
+import useFormCheckboxRadio from "~/composables/useFormCheckboxRadio";
 
 // TODO: This type should be defined for the props definition type from FromRadioButton and FromRadio.
 /**

frontend/components/grid/GridDocEntries.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import type { DocsEntry } from "../../types/docs-entry";
+import type { DocsEntry } from "~/types/card-docs-entry";
 
 defineProps<{
   cards?: DocsEntry[];

frontend/components/header/HeaderAppPage.vue

@@ -23,8 +23,8 @@
 </template>
 
 <script setup lang="ts">
-import type { Event } from "../../types/event";
-import type { Organization } from "../../types/organization";
+import type { Event } from "~/types/event";
+import type { Organization } from "~/types/organization";
 
 const props = defineProps<{
   header?: string;

frontend/components/menu/MenuMobileNavBar.vue → frontend/components/menu/mobile/MenuMobileNavBar.vue

@@ -20,8 +20,8 @@
 </template>
 
 <script setup lang="ts">
-import { menuItems } from "../../utils/navMenuItems";
-import { isRouteActive } from "../../utils/routeUtils";
+import { menuItems } from "~/utils/navMenuItems";
+import { isRouteActive } from "~/utils/routeUtils";
 
 const isActive = (routeURL: string) => {
   return isRouteActive(routeURL);

frontend/components/page/PageBreadcrumbs.vue

@@ -55,8 +55,8 @@
 
 <script setup lang="ts">
 import { onMounted, ref } from "vue";
-import type { Event } from "../../types/event";
-import type { Organization } from "../../types/organization";
+import type { Event } from "~/types/event";
+import type { Organization } from "~/types/organization";
 const { locales } = useI18n();
 
 defineProps<{

frontend/components/menu/MenuTopBar.vue → frontend/components/page/PageSubPageSelector.vue

@@ -20,9 +20,9 @@
 </template>
 
 <script setup lang="ts">
-import { MenuTopBarSelector } from "../../types/menu-top-bar-selector";
+import { SubPageSelector } from "~/types/sub-page-selector";
 
 defineProps<{
-  selectors: MenuTopBarSelector[];
+  selectors: SubPageSelector[];
 }>();
 </script>

frontend/components/sidebar/left/SidebarLeftFooter.vue

@@ -193,7 +193,7 @@
 <script setup lang="ts">
 import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
 import type { Ref } from "vue";
-import { MenuSelector } from "../../../types/menu-selector";
+import { MenuSelector } from "~/types/menu-selector";
 
 const disclosureButtons = ref<
   {

frontend/components/sidebar/left/SidebarLeftIndex.vue

@@ -67,7 +67,7 @@
 </template>
 
 <script setup lang="ts">
-import { MenuSelector } from "../../../types/menu-selector";
+import { MenuSelector } from "~/types/menu-selector";
 
 const sidebar = useSidebar();
 

frontend/components/sidebar/left/SidebarLeftMainSectionSelectors.vue

@@ -16,8 +16,8 @@
 </template>
 
 <script setup lang="ts">
-import { menuItems } from "../../../utils/navMenuItems";
-import { isRouteActive } from "../../../utils/routeUtils";
+import { menuItems } from "~/utils/navMenuItems";
+import { isRouteActive } from "~/utils/routeUtils";
 
 const isActive = (routeURL: string) => {
   return isRouteActive(routeURL);

frontend/i18n/en-US.json

@@ -356,7 +356,7 @@
       "title-aria-label": "Select a view type",
       "view-as-grid-aria-label": "View as grid",
       "view-as-list-aria-label": "View as list",
-      "view-as-map-aria-label":  "View as map",
+      "view-as-map-aria-label": "View as map",
       "view-as-calendar-aria-label": "View as calendar"
     }
   },
@@ -747,11 +747,19 @@
         "title": "Organizations Home"
       },
       "create": {
+        "complete-application": "Complete application",
+        "description": "Description",
         "header": "Application information",
+        "location": "Location",
+        "location-placeholder": "Where the organization is based or active",
+        "organization-name": "Organization name",
+        "organization-name-placeholder": "The name of the organization",
         "subtext": "Thanks for bringing your organization to activist! The following information is requested so that our community can better understand what the goals of the organization are. Checking each new organization takes time for all of us, but in this way we can maintain trust within the network. We look forward to working with and supporting you all!",
+        "tagline": "Tagline",
+        "tagline-placeholder": "Please provide a tagline for the organization",
         "terms-pt-1": "I have read and agree to the",
         "terms-pt-2": "activist terms and conditions",
-        "complete-application": "Complete application"
+        "topic-selection-prompt": "Please select up to three topics that this organization predominantly works on so that the community can more easily find it."
       },
       "id": {
         "events": {

frontend/pages/about/index.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script setup lang="ts">
-import type { DocsEntry } from "../../types/docs-entry";
+import type { DocsEntry } from "~/types/card-docs-entry";
 
 const cards: DocsEntry[] = [
   {

frontend/pages/docs/index.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script setup lang="ts">
-import type { DocsEntry } from "../../types/docs-entry";
+import type { DocsEntry } from "~/types/card-docs-entry";
 
 const cards: DocsEntry[] = [
   {

frontend/pages/events/[id]/about.vue

@@ -83,7 +83,7 @@
 </template>
 
 <script setup lang="ts">
-import type { Event } from "../../../types/event";
+import type { Event } from "~/types/event";
 
 definePageMeta({
   layout: "sidebar",

frontend/pages/events/[id]/index.vue

@@ -60,8 +60,8 @@
 
 <script setup lang="ts">
 import { onMounted } from "vue";
-import { Event } from "../../../types/event";
-import { MenuSelector } from "../../../types/menu-selector";
+import { Event } from "~/types/event";
+import { MenuSelector } from "~/types/menu-selector";
 
 definePageMeta({
   layout: "sidebar",

frontend/pages/help/index.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script setup lang="ts">
-import type { DocsEntry } from "../../types/docs-entry";
+import type { DocsEntry } from "~/types/card-docs-entry";
 
 const cards: DocsEntry[] = [
   {

frontend/pages/home/index.vue

@@ -51,13 +51,13 @@
 </template>
 
 <script setup lang="ts">
-import { DiscussionEntry } from "../../types/discussion-entry";
-import { DiscussionInput } from "../../types/discussion-input";
-import { DiscussionText } from "../../types/discussion-text";
-import { Event } from "../../types/event";
-import { Organization } from "../../types/organization";
-import { Resource } from "../../types/resource";
-import { User } from "../../types/user";
+import { DiscussionEntry } from "~/types/card-discussion-entry";
+import { DiscussionInput } from "~/types/card-discussion-input";
+import { DiscussionText } from "~/types/card-discussion-text";
+import { Event } from "~/types/event";
+import { Organization } from "~/types/organization";
+import { Resource } from "~/types/resource";
+import { User } from "~/types/user";
 
 const { data: organizations } = await useFetch(
   "http://127.0.0.1:8000/organizations"
@@ -140,3 +140,4 @@ const discussionText: DiscussionText = {
   date: new Date(),
 };
 </script>
+~/types/card-discussion-input

frontend/pages/legal/index.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script setup lang="ts">
-import type { DocsEntry } from "../../types/docs-entry";
+import type { DocsEntry } from "~/types/card-docs-entry";
 
 const cards: DocsEntry[] = [
   {

frontend/pages/organizations/[id]/index.vue

@@ -60,8 +60,8 @@
 
 <script setup lang="ts">
 import { onMounted } from "vue";
-import { MenuSelector } from "../../../types/menu-selector";
-import { Organization } from "../../../types/organization";
+import { MenuSelector } from "~/types/menu-selector";
+import { Organization } from "~/types/organization";
 
 definePageMeta({
   layout: "sidebar",