Fix/setup (#2495)

* move enter-click directive to shared

* allow enter click to continue to login in kiosk mode; adjust styling

* cleanup

* add styling to ca wizard

* rebase new changes

* mobile fixes

* cleanup

* cleanup

* update styling

* cleanup import

* minor css changes

---------

Co-authored-by: Matt Hill <mattnine@protonmail.com>

frontend/projects/shared/src/directives/enter/enter.directive.ts

@@ -0,0 +1,21 @@
+import { Directive, HostListener, Inject } from '@angular/core'
+import { DOCUMENT } from '@angular/common'
+import { debounce } from '../../util/misc.util'
+
+@Directive({
+  selector: '[appEnter]',
+})
+export class EnterDirective {
+  constructor(@Inject(DOCUMENT) private readonly document: Document) {}
+
+  @HostListener('document:keydown.enter')
+  @debounce()
+  handleKeyboardEvent() {
+    const elems = this.document.querySelectorAll('.enter-click')
+    const elem = elems[elems.length - 1] as HTMLButtonElement
+
+    if (elem && !elem.classList.contains('no-click') && !elem.disabled) {
+      elem.click()
+    }
+  }
+}

frontend/projects/shared/src/directives/enter/enter.module.ts

@@ -0,0 +1,9 @@
+import { NgModule } from '@angular/core'
+
+import { EnterDirective } from './enter.directive'
+
+@NgModule({
+  declarations: [EnterDirective],
+  exports: [EnterDirective],
+})
+export class EnterModule {}

frontend/projects/shared/src/public-api.ts

@@ -24,6 +24,8 @@ export * from './directives/responsive-col/responsive-col.module'
 export * from './directives/responsive-col/responsive-col-viewport.directive'
 export * from './directives/safe-links/safe-links.directive'
 export * from './directives/safe-links/safe-links.module'
+export * from './directives/enter/enter.directive'
+export * from './directives/enter/enter.module'
 
 export * from './pipes/emver/emver.module'
 export * from './pipes/emver/emver.pipe'