Migrate/Students-list

src/app/doubtfire-angular.module.ts

@@ -11,6 +11,10 @@ import { NgxChartsModule } from '@swimlane/ngx-charts';
 
 // Lottie animation module
 // import {LottieModule, LottieCacheModule} from 'ngx-lottie';
+import { FStudentsListComponent } from './units/states/students-list/students-list.component';
+
+
+
 import {provideLottieOptions, LottieComponent} from 'ngx-lottie';
 import player from 'lottie-web';
 import {ClipboardModule} from '@angular/cdk/clipboard';
@@ -271,6 +275,8 @@ import { UnitStudentEnrolmentModalComponent } from './units/modals/unit-student-
 @NgModule({
  // Components we declare
  declarations: [
+
+ FStudentsListComponent,
  AlertComponent,
  UnitStudentEnrolmentModalComponent,
  AboutDoubtfireModalContent,
@@ -399,6 +405,7 @@ import { UnitStudentEnrolmentModalComponent } from './units/modals/unit-student-
  GroupSetService,
  GroupService,
  UnitService,
+ UserService,
  ProjectService,
  UnitRoleService,
  LearningOutcomeService,
@@ -471,6 +478,7 @@ import { UnitStudentEnrolmentModalComponent } from './units/modals/unit-student-
  ],
  imports: [
  FlexLayoutModule,
+ FormsModule,
  BrowserModule,
  BrowserAnimationsModule,
  FormsModule,
@@ -479,6 +487,8 @@ import { UnitStudentEnrolmentModalComponent } from './units/modals/unit-student-
  DragDropModule,
  ScrollingModule,
  MatToolbarModule,
+ MatTableModule,
+ MatPaginatorModule,
  MatSidenavModule,
  MatFormFieldModule,
  MatAutocompleteModule,

src/app/doubtfire-angularjs.module.ts

@@ -108,7 +108,7 @@ import 'build/src/app/units/states/rollover/directives/unit-dates-selector/unit-
 import 'build/src/app/units/states/rollover/directives/directives.js';
 import 'build/src/app/units/states/rollover/rollover.js';
 import 'build/src/app/units/states/index/index.js';
-import 'build/src/app/units/states/students-list/students-list.js';
+import { FStudentsListComponent } from './units/states/students-list/students-list.component';
 import 'build/src/app/units/states/analytics/analytics.js';
 import 'build/src/app/common/filters/filters.js';
 import 'build/src/app/common/content-editable/content-editable.js';
@@ -446,6 +446,14 @@ DoubtfireAngularJSModule.directive(
 );
 DoubtfireAngularJSModule.directive('fUnits', downgradeComponent({component: FUnitsComponent}));
 
+DoubtfireAngularJSModule.directive(
+ 'fStudentsList',
+ downgradeComponent({
+ component: FStudentsListComponent,
+ inputs: ['unit', 'tutor']
+ })
+)
+
 // Global configuration
 DoubtfireAngularJSModule.directive(
  'taskCommentsViewer',

src/app/doubtfire.states.ts

@@ -9,11 +9,15 @@ import { UnauthorisedComponent } from './errors/states/unauthorised/unauthorised
 import {FUsersComponent} from './admin/states/users/users.component';
 import {FUnitsComponent} from './admin/states/units/units.component';
 import {ProjectDashboardComponent} from './projects/states/dashboard/project-dashboard/project-dashboard.component';
-import {UnitRootState} from './units/unit-root-state.component';
 import {ProjectRootState} from './projects/states/project-root-state.component';
 import { TaskViewerState } from './units/task-viewer/task-viewer-state.component';
 import {ScormPlayerComponent} from './common/scorm-player/scorm-player.component';
 import { Ng2ViewDeclaration } from '@uirouter/angular';
+import { FStudentsListComponent } from './units/states/students-list/students-list.component';
+import {UnitService} from 'src/app/api/services/unit.service';
+import { UserService } from 'src/app/api/services/user.service';
+import { Transition } from '@uirouter/core';
+import { UnitRootState } from './units/unit-root-state.component';
 
 /*
  * Use this file to store any states that are sourced by angular components.
@@ -52,6 +56,41 @@ const usersState: NgHybridStateDeclaration = {
  },
 };
 
+export const studentsListState: NgHybridStateDeclaration = {
+ name: 'units/students/list',
+ parent: 'unit-root-state',
+ url: '/students',
+
+ views: {
+ unitView: {
+ component: FStudentsListComponent,
+ bindings: {
+ unit: 'unit',
+ tutor: 'tutor'
+ }
+ }
+ },
+
+ resolve: [
+ {
+ token: 'unit',
+ deps: [UnitService, Transition],
+ resolveFn: (us: UnitService, trans: Transition) =>
+ us.get(trans.params().unitId).toPromise()
+ },
+ {
+ token: 'tutor',
+ deps: ['unit', UserService],
+ resolveFn: (unit: any, userSvc: UserService) =>
+ !!unit && unit.unitRole?.role === 'Tutor'
+ }
+ ],
+
+ data: {
+ pageTitle: 'Students',
+ roleWhitelist: ['Admin', 'Convenor', 'Tutor', 'Auditor']
+ }
+};
 /**
  * Define the new home state.
  */
@@ -422,6 +461,7 @@ export const doubtfireStates = [
  EditProfileState,
  EulaState,
  usersState,
+ studentsListState,
  ViewAllProjectsState,
  ViewAllUnits,
  AdministerUnits,

src/app/units/states/states.coffee

@@ -4,7 +4,6 @@ angular.module('doubtfire.units.states', [
  'doubtfire.units.states.edit'
  'doubtfire.units.states.tasks'
  'doubtfire.units.states.groups'
- 'doubtfire.units.states.students'
  'doubtfire.units.states.analytics'
  'doubtfire.units.states.portfolios'
  'doubtfire.units.states.rollover'