Use Schedule Edit Modal component in Schedule List component.
This commit is contained in:
parent
d1344d57b8
commit
2f64fa1018
@ -5,6 +5,7 @@ import { Logger } from '@nsalaun/ng-logger';
|
|||||||
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
|
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
|
||||||
import { ToastrService } from 'ngx-toastr';
|
import { ToastrService } from 'ngx-toastr';
|
||||||
|
|
||||||
|
import { ScheduleEditModalComponent } from './scheduleEditModal.component';
|
||||||
import { ScheduleService } from './schedule.service';
|
import { ScheduleService } from './schedule.service';
|
||||||
import { Schedule } from './schedule';
|
import { Schedule } from './schedule';
|
||||||
|
|
||||||
@ -53,7 +54,7 @@ export class ScheduleListComponent implements OnInit {
|
|||||||
private toastrService: ToastrService,
|
private toastrService: ToastrService,
|
||||||
private scheduleService: ScheduleService,
|
private scheduleService: ScheduleService,
|
||||||
private logger: Logger,
|
private logger: Logger,
|
||||||
@Inject('$modal') private $modal,
|
private ngbModal: NgbModal,
|
||||||
@Inject('accountIdService') private accountIdService
|
@Inject('accountIdService') private accountIdService
|
||||||
) {}
|
) {}
|
||||||
|
|
||||||
@ -75,25 +76,15 @@ export class ScheduleListComponent implements OnInit {
|
|||||||
var schedule = new Schedule();
|
var schedule = new Schedule();
|
||||||
schedule.account_id = this.accountId;
|
schedule.account_id = this.accountId;
|
||||||
|
|
||||||
var title = "New schedule";
|
const modal = this.ngbModal.open(ScheduleEditModalComponent, {
|
||||||
|
windowClass: 'in'
|
||||||
|
});
|
||||||
|
|
||||||
this.$modal({
|
modal.componentInstance.schedule = schedule;
|
||||||
templateUrl: scheduleFormTmpl,
|
|
||||||
controller: function($scope, title, schedule, $save) {
|
modal.result.then((schedule: Schedule) => {
|
||||||
$scope.title = title;
|
|
||||||
$scope.operation = schedule;
|
|
||||||
$scope.$save = () => {
|
|
||||||
$scope.$hide();
|
|
||||||
$save($scope.operation);
|
|
||||||
};
|
|
||||||
},
|
|
||||||
locals: {
|
|
||||||
title: title,
|
|
||||||
schedule: schedule,
|
|
||||||
$save: (schedule) => {
|
|
||||||
this.save(schedule);
|
this.save(schedule);
|
||||||
}
|
}, (reason) => function(reason) {
|
||||||
}
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user