Convert "Create new" routes/controllers to TS

web/app/controllers/authenticated/new/doc.ts

@@ -0,0 +1,9 @@
+import Controller from "@ember/controller";
+import AuthenticatedNewDocRoute from "hermes/routes/authenticated/new/doc";
+import { ModelFrom } from "hermes/types/route-models";
+
+export default class AuthenticatedNewDocController extends Controller {
+  queryParams = ["docType"];
+
+  declare model: ModelFrom<AuthenticatedNewDocRoute>;
+}

web/app/routes/authenticated/new.ts

@@ -0,0 +1,3 @@
+import Route from "@ember/routing/route";
+
+export default class AuthenticatedNewRoute extends Route {}

web/app/routes/authenticated/new/doc.ts

@@ -0,0 +1,17 @@
+import Route from "@ember/routing/route";
+
+interface AuthenticatedNewDocRouteParams {
+  docType: string;
+}
+
+export default class AuthenticatedNewDocRoute extends Route {
+  queryParams = {
+    docType: {
+      refreshModel: true,
+    },
+  };
+
+  model(params: AuthenticatedNewDocRouteParams) {
+    return params.docType;
+  }
+}

web/app/routes/authenticated/new/index.ts

@@ -0,0 +1,14 @@
+import Route from "@ember/routing/route";
+import { inject as service } from "@ember/service";
+import FetchService from "hermes/services/fetch";
+import { HermesDocumentType } from "hermes/types/document-type";
+
+export default class AuthenticatedNewIndexRoute extends Route {
+  @service("fetch") declare fetchSvc: FetchService;
+
+  async model() {
+    return (await this.fetchSvc
+      .fetch("/api/v1/document-types")
+      .then((r) => r?.json())) as HermesDocumentType[];
+  }
+}

web/app/templates/authenticated/new.hbs

@@ -1,4 +1,3 @@
-{{! @glint-nocheck: not typesafe yet }}
 <Header />
 <section>
   <div class="x-container">

web/app/templates/authenticated/new/doc.hbs

@@ -1,3 +1,3 @@
-{{page-title (concat "Create Your " @model.docType)}}
+{{page-title (concat "Create Your " @model)}}
 
-<New::DocForm @docType={{@model.docType}} />
+<New::DocForm @docType={{@model}} />

web/app/templates/authenticated/new/index.hbs

@@ -6,19 +6,19 @@
   {{#each @model as |docType|}}
     <li class="relative">
       <LinkTo
-        class="w-full h-full no-underline"
+        class="h-full w-full no-underline"
         @route="authenticated.new.doc"
         @query={{hash docType=docType.name}}
       >
         <Hds::Card::Container
           @level="mid"
           @levelHover="high"
-          @hasBorder="true"
+          @hasBorder={{true}}
           class="template-card
             {{if docType.moreInfoLink 'template-card--with-link'}}"
         >
           <div>
-            <p class="text-display-200 text-color-foreground-primary mb-1">
+            <p class="mb-1 text-display-200 text-color-foreground-primary">
               {{docType.name}}
             </p>
             <h2
@@ -38,12 +38,10 @@
           @href={{docType.moreInfoLink.url}}
           @icon="external-link"
           @iconPosition="trailing"
-          class="small-external-link absolute bottom-6 left-5 whitespace-nowrap z-10"
+          class="small-external-link absolute bottom-6 left-5 z-10 whitespace-nowrap"
           @text={{docType.moreInfoLink.text}}
         />
       {{/if}}
     </li>
-
   {{/each}}
-
 </ol>