Fix/file guid (#264)

* feat(newbranch): test push

* fix(file): add quid for file

* fix(files): add file link component, refactoring

* fix(files): update imports

* fix(files): refactoring files

* fix(files): refactoring files, fixed addons

* Update src/app/shared/components/files-tree/files-tree.component.ts

Co-authored-by: nsemets <nsemets@exoft.net>

---------

Co-authored-by: nsemets <nsemets@exoft.net>

Author: nmykhalkevch-exoft

src/app/app.routes.ts

@@ -172,6 +172,11 @@ export const routes: Routes = [
           import('./core/components/request-access/request-access.component').then((mod) => mod.RequestAccessComponent),
         data: { skipBreadcrumbs: true },
       },
+      {
+        path: 'files/:fileGuid',
+        loadComponent: () =>
+          import('@osf/features/files/pages/file-detail/file-detail.component').then((c) => c.FileDetailComponent),
+      },
       {
         path: '**',
         loadComponent: () =>

src/app/core/constants/ngxs-states.constant.ts

@@ -1,5 +1,6 @@
 import { ProviderState } from '@core/store/provider';
 import { UserState } from '@core/store/user';
+import { FilesState } from '@osf/features/files/store';
 import { MeetingsState } from '@osf/features/meetings/store';
 import { ProjectMetadataState } from '@osf/features/project/metadata/store';
 import { ProjectOverviewState } from '@osf/features/project/overview/store';
@@ -28,4 +29,5 @@ export const STATES = [
   ProjectMetadataState,
   LicensesState,
   RegionsState,
+  FilesState,
 ];

src/app/features/project/files/components/create-folder-dialog/create-folder-dialog.component.html renamed to src/app/features/files/components/create-folder-dialog/create-folder-dialog.component.html

@@ -2,8 +2,8 @@
   <div class="flex flex-column gap-4">
     <osf-text-input
       [control]="folderForm.controls['name']"
-      [label]="'project.files.dialogs.createFolder.folderName'"
-      [placeholder]="'project.files.dialogs.createFolder.folderNamePlaceholder'"
+      [label]="'files.dialogs.createFolder.folderName'"
+      [placeholder]="'files.dialogs.createFolder.folderNamePlaceholder'"
       [maxLength]="nameLimit"
       [minLength]="nameMinLength"
     >

src/app/features/project/files/components/create-folder-dialog/create-folder-dialog.component.spec.ts renamed to src/app/features/files/components/create-folder-dialog/create-folder-dialog.component.spec.ts

@@ -1,16 +1,16 @@
 <form [formGroup]="fileMetadataForm" (ngSubmit)="setFileMetadata()" class="flex flex-column gap-3">
   <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.title' | translate }}</p>
+    <p>{{ 'files.detail.fileMetadata.fields.title' | translate }}</p>
     <input pInputText id="title" [formControl]="titleControl" />
   </div>
 
   <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.description' | translate }}</p>
+    <p>{{ 'files.detail.fileMetadata.fields.description' | translate }}</p>
     <input pInputText id="description" [formControl]="descriptionControl" />
   </div>
 
   <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.resourceType' | translate }}</p>
+    <p>{{ 'files.detail.fileMetadata.fields.resourceType' | translate }}</p>
     <p-select
       class="w-full"
       [options]="resourceTypes"
@@ -23,7 +23,7 @@
   </div>
 
   <div class="flex flex-column gap-1">
-    <p>{{ 'project.files.detail.fileMetadata.fields.resourceLanguage' | translate }}</p>
+    <p>{{ 'files.detail.fileMetadata.fields.resourceLanguage' | translate }}</p>
     <p-select
       class="w-full"
       [options]="languages"

src/app/features/project/files/components/create-folder-dialog/create-folder-dialog.component.ts renamed to src/app/features/files/components/create-folder-dialog/create-folder-dialog.component.ts

@@ -1,5 +1,5 @@
 <div class="p-4 flex flex-column gap-2">
-  <h2>{{ 'project.files.detail.keywords.title' | translate }}</h2>
+  <h2>{{ 'files.detail.keywords.title' | translate }}</h2>
 
   <div class="flex align-items-center gap-2">
     <input pInputText class="flex-1" [formControl]="keywordControl" />