Subnav (#391)

* begin subnav implementation

* implement subnav AND angular forms for comparison

* unions working-ish, list of enums working

* new form approach almost complete

* finish new forms approach for action inputs and config

* expandable list items and handlebars display

* Config animation (#394)

* config cammel

* config animation

Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com>

* improve server settings inputs, still needs work

* delete all notifications, styling, and bugs

* contracted by default

Co-authored-by: Drew Ansbacher <drew.ansbacher@gmail.com>
Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com>

ui/src/app/modules/sharing.module.ts

@@ -10,42 +10,50 @@ import { HasUiPipe, LaunchablePipe } from '../pipes/ui.pipe'
 import { EmptyPipe } from '../pipes/empty.pipe'
 import { NotificationColorPipe } from '../pipes/notification-color.pipe'
 import { InstallState } from '../pipes/install-state.pipe'
+import { TextSpinnerComponentModule } from '../components/text-spinner/text-spinner.component.module'
+import { PwaBackComponentModule } from '../components/pwa-back-button/pwa-back.component.module'
 
 @NgModule({
-    declarations: [
-        EmverComparesPipe,
-        EmverSatisfiesPipe,
-        TypeofPipe,
-        IncludesPipe,
-        InstallState,
-        MarkdownPipe,
-        AnnotationStatusPipe,
-        TruncateCenterPipe,
-        TruncateEndPipe,
-        MaskPipe,
-        EmverDisplayPipe,
-        HasUiPipe,
-        LaunchablePipe,
-        EmptyPipe,
-        NotificationColorPipe,
-    ],
-    imports: [],
-    exports: [
-        EmverComparesPipe,
-        EmverSatisfiesPipe,
-        TypeofPipe,
-        IncludesPipe,
-        MarkdownPipe,
-        AnnotationStatusPipe,
-        TruncateEndPipe,
-        TruncateCenterPipe,
-        MaskPipe,
-        EmverDisplayPipe,
-        HasUiPipe,
-        InstallState,
-        LaunchablePipe,
-        EmptyPipe,
-        NotificationColorPipe,
-    ],
+  declarations: [
+    EmverComparesPipe,
+    EmverSatisfiesPipe,
+    TypeofPipe,
+    IncludesPipe,
+    InstallState,
+    MarkdownPipe,
+    AnnotationStatusPipe,
+    TruncateCenterPipe,
+    TruncateEndPipe,
+    MaskPipe,
+    EmverDisplayPipe,
+    HasUiPipe,
+    LaunchablePipe,
+    EmptyPipe,
+    NotificationColorPipe,
+  ],
+  imports: [
+    TextSpinnerComponentModule,
+    PwaBackComponentModule,
+  ],
+  exports: [
+    EmverComparesPipe,
+    EmverSatisfiesPipe,
+    TypeofPipe,
+    IncludesPipe,
+    MarkdownPipe,
+    AnnotationStatusPipe,
+    TruncateEndPipe,
+    TruncateCenterPipe,
+    MaskPipe,
+    EmverDisplayPipe,
+    HasUiPipe,
+    InstallState,
+    LaunchablePipe,
+    EmptyPipe,
+    NotificationColorPipe,
+    // components
+    TextSpinnerComponentModule,
+    PwaBackComponentModule,
+  ],
 })
 export class SharingModule { }

ui/src/app/modules/subnav.module.ts

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core'
+import { AppConfigListPageModule } from 'src/app/modals/app-config-list/app-config-list.module'
+import { AppConfigObjectPageModule } from 'src/app/modals/app-config-object/app-config-object.module'
+import { AppConfigUnionPageModule } from 'src/app/modals/app-config-union/app-config-union.module'
+import { AppConfigValuePageModule } from 'src/app/modals/app-config-value/app-config-value.module'
+import { SubNavComponentModule } from '../components/sub-nav/sub-nav.component.module'
+
+@NgModule({
+    imports: [
+      AppConfigListPageModule,
+      AppConfigObjectPageModule,
+      AppConfigUnionPageModule,
+      AppConfigValuePageModule,
+      SubNavComponentModule,
+    ],
+    exports: [
+      AppConfigListPageModule,
+      AppConfigObjectPageModule,
+      AppConfigUnionPageModule,
+      AppConfigValuePageModule,
+      SubNavComponentModule,
+    ],
+})
+export class SubNavModule { }