feat: Move model from one project to another

backend/capellacollab/projects/toolmodels/crud.py

@@ -140,6 +140,17 @@ def update_model(
     return model
 
 
+def move_model(
+    db: orm.Session,
+    model: models.DatabaseCapellaModel,
+    project: projects_model.DatabaseProject,
+) -> models.DatabaseCapellaModel:
+    model.project = project
+    model.project_id = project.id
+    db.commit()
+    return model
+
+
 def delete_model(db: orm.Session, model: models.DatabaseCapellaModel):
     db.delete(model)
     db.commit()

backend/capellacollab/projects/toolmodels/routes.py

@@ -147,6 +147,32 @@ def patch_tool_model(
     return crud.update_model(db, model, body.description, version, nature)
 
 
+@router.patch(
+    "/{model_slug}/move",
+    response_model=models.CapellaModel,
+    dependencies=[
+        fastapi.Depends(
+            auth_injectables.ProjectRoleVerification(
+                required_role=projects_users_models.ProjectUserRole.MANAGER
+            )
+        )
+    ],
+    tags=["Projects - Models"],
+)
+def move_tool_model(
+    body: dict,
+    model: models.DatabaseCapellaModel = fastapi.Depends(
+        injectables.get_existing_capella_model
+    ),
+    db: orm.Session = fastapi.Depends(database.get_db),
+) -> models.DatabaseCapellaModel:
+    new_project = projects_injectables.get_existing_project(
+        body["new_project_slug"], db
+    )
+
+    return crud.move_model(db, model, new_project)
+
+
 @router.delete(
     "/{model_slug}",
     status_code=204,

frontend/src/app/app.module.ts

@@ -90,6 +90,7 @@ import { ModelWrapperComponent } from './projects/models/model-wrapper/model-wra
 import { EditProjectMetadataComponent } from './projects/project-detail/edit-project-metadata/edit-project-metadata.component';
 import { ModelComplexityBadgeComponent } from './projects/project-detail/model-overview/model-complexity-badge/model-complexity-badge.component';
 import { ModelOverviewComponent } from './projects/project-detail/model-overview/model-overview.component';
+import { MoveModelComponent } from './projects/project-detail/model-overview/move-model/move-model.component';
 import { ProjectDetailsComponent } from './projects/project-detail/project-details.component';
 import { ProjectMetadataComponent } from './projects/project-detail/project-metadata/project-metadata.component';
 import { AddUserToProjectComponent } from './projects/project-detail/project-users/add-user-to-project/add-user-to-project.component';
@@ -184,6 +185,7 @@ import { SettingsComponent } from './settings/settings.component';
     ModelOverviewComponent,
     ModelRestrictionsComponent,
     ModelWrapperComponent,
+    MoveModelComponent,
     NavBarMenuComponent,
     NoticeComponent,
     PipelineRunWrapperComponent,

frontend/src/app/projects/models/service/model.service.ts

@@ -145,6 +145,23 @@ export class ModelService {
       );
     };
   }
+
+  moveModelToProject(
+    projectSlug: string,
+    modelSlug: string,
+    new_project_slug: string
+  ): Observable<Model> {
+    return this.http
+      .patch<Model>(`${this.backendURLFactory(projectSlug, modelSlug)}/move`, {
+        new_project_slug,
+      })
+      .pipe(
+        tap(() => {
+          this.loadModels(projectSlug);
+          this._model.next(undefined);
+        })
+      );
+  }
 }
 
 export type NewModel = {

frontend/src/app/projects/project-detail/model-overview/model-overview.component.html

@@ -93,6 +93,14 @@ <h2>Models</h2>
             >
               <mat-icon>key</mat-icon>
             </a>
+            <button
+              mat-mini-fab
+              matTooltip="Move model to different project"
+              (click)="openMoveToProjectDialog(model)"
+              *ngIf="projectUserService.verifyRole('manager')"
+            >
+              <mat-icon>drive_file_move</mat-icon>
+            </button>
             <a
               mat-mini-fab
               matTooltip="Configure model sources"

frontend/src/app/projects/project-detail/model-overview/model-overview.component.ts

@@ -13,6 +13,7 @@ import {
   Model,
   ModelService,
 } from 'src/app/projects/models/service/model.service';
+import { MoveModelComponent } from 'src/app/projects/project-detail/model-overview/move-model/move-model.component';
 import { ProjectUserService } from 'src/app/projects/project-detail/project-users/service/project-user.service';
 import { UserService } from 'src/app/services/user/user.service';
 import { SessionService } from 'src/app/sessions/service/session.service';
@@ -72,4 +73,12 @@ export class ModelOverviewComponent implements OnInit {
     const primaryModel = getPrimaryGitModel(model);
     return primaryModel ? primaryModel.path : '';
   }
+
+  openMoveToProjectDialog(model: Model): void {
+    this.projectService.project$.pipe(first()).subscribe((project) => {
+      this.dialog.open(MoveModelComponent, {
+        data: { project_slug: project?.slug, model: model },
+      });
+    });
+  }
 }

frontend/src/app/projects/project-detail/model-overview/move-model/move-model.component.css

@@ -0,0 +1,4 @@
+/*
+ * SPDX-FileCopyrightText: Copyright DB Netz AG and the capella-collab-manager contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */

frontend/src/app/projects/project-detail/model-overview/move-model/move-model.component.html

@@ -0,0 +1,42 @@
+<!--
+ ~ SPDX-FileCopyrightText: Copyright DB Netz AG and the capella-collab-manager contributors
+ ~ SPDX-License-Identifier: Apache-2.0
+ -->
+
+<mat-card>
+  <h2>Move Model to Different Project</h2>
+  <div>Select the project to which you want to move the model to.</div>
+  <mat-form-field id="search" appearance="outline">
+    <mat-label>Search</mat-label>
+    <input
+      [(ngModel)]="search"
+      autocomplete="on"
+      matInput
+      placeholder="Project Name"
+    />
+    <mat-icon matSuffix>search</mat-icon>
+  </mat-form-field>
+  <mat-selection-list
+    #userSelectionList
+    [multiple]="false"
+    class="scrollable simple-scroll"
+    (selectionChange)="onProjectSelect($event.options[0].value)"
+  >
+    <mat-list-option
+      *ngFor="let project of projectService.projects$ | async"
+      [value]="project"
+    >
+      <div mat-line>{{ project.name }}</div>
+    </mat-list-option>
+  </mat-selection-list>
+  <div *ngIf="selectedProject">
+    <button
+      mat-flat-button
+      color="primary"
+      (click)="moveModelToProject(selectedProject)"
+    >
+      <mat-icon>drive_file_move</mat-icon>
+      Move model {{ data.model.name }} to project {{ selectedProject.name }}
+    </button>
+  </div>
+</mat-card>

frontend/src/app/projects/project-detail/model-overview/move-model/move-model.component.ts

@@ -0,0 +1,58 @@
+/*
+ * SPDX-FileCopyrightText: Copyright DB Netz AG and the capella-collab-manager contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { Component, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Router } from '@angular/router';
+import { ToastService } from 'src/app/helpers/toast/toast.service';
+import {
+  Model,
+  ModelService,
+} from 'src/app/projects/models/service/model.service';
+import {
+  Project,
+  ProjectService,
+} from 'src/app/projects/service/project.service';
+
+@Component({
+  selector: 'app-move-model',
+  templateUrl: './move-model.component.html',
+  styleUrls: ['./move-model.component.css'],
+})
+export class MoveModelComponent {
+  selectedProject?: Project;
+  search = '';
+  constructor(
+    private modelService: ModelService,
+    private router: Router,
+    private dialogRef: MatDialogRef<MoveModelComponent>,
+    private toastService: ToastService,
+    public projectService: ProjectService,
+    @Inject(MAT_DIALOG_DATA)
+    public data: { project_slug: string; model: Model }
+  ) {
+    this.projectService.loadProjects();
+  }
+
+  onProjectSelect(project: Project) {
+    this.selectedProject = project;
+  }
+
+  async moveModelToProject(project: Project) {
+    this.modelService
+      .moveModelToProject(
+        this.data.project_slug,
+        this.data.model.slug,
+        project.slug
+      )
+      .subscribe(() => {
+        this.toastService.showSuccess(
+          'Model moved',
+          `The model “${this.data.model.name}” was successfuly moved to project "${this.data.project_slug}".`
+        );
+        this.dialogRef.close();
+      });
+  }
+}