-
No components added
-
-
-
reorder
-
{{ component.name }}
-
-
+ @if (initialComponents.length == 0) {
+
No components added
+ }
+ @if (initialComponents.length > 0) {
+
+ @for (component of initialComponents; track component.id) {
+
+ reorder
+ {{ component.name }}
+
+
+
+ }
-
+ }
-
-
-
+ @for (componentType of componentTypes; track componentType.type) {
+
+
+
+ }
*Note: You can always add or remove content later by editing the step.
@@ -73,7 +75,9 @@
Select components to add to your new step (optional):
(click)="submit()"
class="button--progress"
>
-
+ @if (submitting) {
+
+ }
Submit
diff --git a/src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.ts b/src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.ts
index 15caeb376c0..fb2139ceee9 100644
--- a/src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.ts
+++ b/src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.ts
@@ -1,16 +1,47 @@
import { Component } from '@angular/core';
-import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
-import { FormControl, FormGroup, Validators, FormBuilder } from '@angular/forms';
+import { CdkDragDrop, DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';
+import {
+ FormControl,
+ FormGroup,
+ Validators,
+ FormBuilder,
+ FormsModule,
+ ReactiveFormsModule
+} from '@angular/forms';
import { ComponentTypeService } from '../../../services/componentTypeService';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterModule } from '@angular/router';
import { TeacherProjectService } from '../../../services/teacherProjectService';
+import { CommonModule } from '@angular/common';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { MatIconModule } from '@angular/material/icon';
+import { ComponentTypeButtonComponent } from '../../components/component-type-button/component-type-button.component';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatButtonModule } from '@angular/material/button';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatInputModule } from '@angular/material/input';
@Component({
- selector: 'add-your-own-node',
+ imports: [
+ CommonModule,
+ ComponentTypeButtonComponent,
+ DragDropModule,
+ FlexLayoutModule,
+ FormsModule,
+ MatButtonModule,
+ MatDividerModule,
+ MatFormFieldModule,
+ MatIconModule,
+ MatInputModule,
+ MatProgressBarModule,
+ ReactiveFormsModule,
+ RouterModule
+ ],
+ standalone: true,
styleUrls: ['add-your-own-node.component.scss', '../../add-content.scss'],
templateUrl: 'add-your-own-node.component.html'
})
-export class AddYourOwnNode {
+export class AddYourOwnNodeComponent {
protected addNodeFormGroup: FormGroup = this.fb.group({
title: new FormControl($localize`New Step`, [Validators.required])
});
@@ -25,11 +56,12 @@ export class AddYourOwnNode {
private projectService: TeacherProjectService,
private route: ActivatedRoute,
private router: Router
- ) {}
+ ) {
+ this.componentTypes = this.componentTypeService.getComponentTypes();
+ }
- ngOnInit() {
+ ngOnInit(): void {
this.targetId = history.state.targetId;
- this.componentTypes = this.componentTypeService.getComponentTypes();
}
protected addComponent(componentType: any): void {
diff --git a/src/messages.xlf b/src/messages.xlf
index 59982d2fe1d..f3e32347ca9 100644
--- a/src/messages.xlf
+++ b/src/messages.xlf
@@ -449,7 +449,7 @@
src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.html
- 68
+ 70
src/assets/wise5/authoringTool/addNode/choose-new-node-template/choose-new-node-template.component.html
@@ -1560,7 +1560,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.
src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.html
- 77
+ 81
src/assets/wise5/authoringTool/addNode/choose-simulation/choose-simulation.component.html
@@ -9585,7 +9585,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.
src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.html
- 64,66
+ 66,68
@@ -9595,11 +9595,11 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.3
-
+
Step Title is required
src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.html
- 5,7
+ 6
@@ -9613,28 +9613,28 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.No components added
src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.html
- 12
+ 13
Delete component
src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.html
- 34
+ 32
*Note: You can always add or remove content later by editing the step.
src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.html
- 50,52
+ 52,54
New Step
src/assets/wise5/authoringTool/addNode/add-your-own-node/add-your-own-node.component.ts
- 15
+ 46