diff --git a/ogWebconsole/src/app/components/groups/classroom-view/classroom-view-modal.ts b/ogWebconsole/src/app/components/groups/classroom-view/classroom-view-modal.ts
new file mode 100644
index 0000000..e699c20
--- /dev/null
+++ b/ogWebconsole/src/app/components/groups/classroom-view/classroom-view-modal.ts
@@ -0,0 +1,22 @@
+import { Component, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+
+@Component({
+  selector: 'app-classroom-view-dialog',
+  template: `
+    <h2 mat-dialog-title>Plano de Aula</h2>
+    <mat-dialog-content>
+      <app-classroom-view [clients]="data.clients"></app-classroom-view>
+    </mat-dialog-content>
+  `,
+  styles: [`
+    mat-dialog-content {
+      overflow: hidden;
+    }
+  `]
+})
+export class ClassroomViewDialogComponent {
+  constructor(@Inject(MAT_DIALOG_DATA) public data: any) {
+  }
+  
+}