add file logic to service

Author: Gramli

src/File.Frontend/src/app/app.component.html

@@ -45,8 +45,8 @@ <h4>Processing...</h4>
 </div>
 
 <ng-template #dialog let-modal>
-    <app-select-extension [modalRef]="modal" (onSelectedExtension)="selectedExtension($event)">
-    </app-select-extension>
+    <app-select-extension-modal [modalRef]="modal" (onSelectedExtension)="selectedExtension($event)">
+    </app-select-extension-modal>
 </ng-template>
 
 <router-outlet />

src/File.Frontend/src/app/app.component.ts

@@ -10,7 +10,8 @@ import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrl: './app.component.css'
+  styleUrl: './app.component.css',
+  providers: [FileApiService]
 })
 export class AppComponent implements OnInit {
   faUpload = faUpload;

src/File.Frontend/src/app/app.module.ts

@@ -6,13 +6,13 @@ import { AppComponent } from './app.component';
 import { provideHttpClient } from '@angular/common/http';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { SelectExtensionComponent } from './components/select-extension.component';
+import { SelectExtensionModalComponent } from './components/select-extension.component';
 import { FormsModule } from '@angular/forms';
 
 @NgModule({
   declarations: [
     AppComponent,
-    SelectExtensionComponent
+    SelectExtensionModalComponent
   ],
   imports: [
     BrowserModule,

src/File.Frontend/src/app/components/select-extension.component.html renamed to src/File.Frontend/src/app/components/select-extension-modal.component.html

@@ -2,10 +2,10 @@ import { Component, EventEmitter, Input, Output } from "@angular/core";
 import { NgbActiveModal, NgbModalRef } from "@ng-bootstrap/ng-bootstrap";
 
 @Component({
-  selector: 'app-select-extension',
-  templateUrl: './select-extension.component.html',
+  selector: 'app-select-extension-modal',
+  templateUrl: './select-extension-modal.component.html',
 })
-export class SelectExtensionComponent {
+export class SelectExtensionModalComponent {
   @Input({ required: true }) modalRef!: NgbModalRef;
   @Output() onSelectedExtension: EventEmitter<string> = new EventEmitter();
 

src/File.Frontend/src/app/components/select-extension.component.ts renamed to src/File.Frontend/src/app/components/select-extension-modal.component.ts

@@ -5,7 +5,7 @@ import { IBase64File, IDataResponse, IFile } from '../app.model';
 @Injectable({
   providedIn: 'root'
 })
-export class FileService {
+export class FileApiService {
   private apiBaseUrl: string = 'https://localhost:7270/file/v1'
   constructor(private httpClient: HttpClient) { }
 

src/File.Frontend/src/app/services/file.service.spec.ts renamed to src/File.Frontend/src/app/services/file-api.service.spec.ts

@@ -0,0 +1,15 @@
+import { Injectable } from '@angular/core';
+
+@Injectable()
+  export class FileApiService {
+    public loading: boolean = false;
+
+    public get filesInfo(){
+        return this.filesInfo$.asObservable();
+    }
+
+    private filesInfo$ = new Subject<IFile[]>();
+
+    
+
+  }