chore!: restructure repo

I separated public files from the config/dev files. It improves repo
readability.
I also moved dotenv helper to public/inc directory and extract the
Matomo tracker in the same directory.

1 files changed, 29 insertions, 0 deletions

diff --git a/public/projects/angular-small-apps/apps/recipes/src/app/components/search/search.component.ts b/public/projects/angular-small-apps/apps/recipes/src/app/components/search/search.component.ts
new file mode 100644
index 0000000..594a505
--- /dev/null
+++ b/public/projects/angular-small-apps/apps/recipes/src/app/components/search/search.component.ts
@@ -0,0 +1,29 @@
+import { Component } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
+import { Router } from '@angular/router';
+import { SearchService } from 'src/app/shared/services/search.service';
+
+@Component({
+  selector: '.search',
+  templateUrl: './search.component.html',
+  styleUrls: ['./search.component.scss'],
+})
+export class SearchComponent {
+  searchForm = this.formBuilder.group({
+    by: 'name',
+    query: '',
+  });
+
+  constructor(
+    private search: SearchService,
+    private formBuilder: FormBuilder,
+    private router: Router
+  ) {}
+
+  onSubmit(): void {
+    const by = this.searchForm.get('by')?.value;
+    const query = this.searchForm.get('query')?.value;
+    this.search.findResults(query, by);
+    this.router.navigate([`/search`, { by, query }]);
+  }
+}