import { Observable } from 'rxjs/Rx'; import { Logger } from '@nsalaun/ng-logger'; import { NgbModal } from '@ng-bootstrap/ng-bootstrap'; import { ToastrService } from 'ngx-toastr'; import { ScheduleService } from './schedule.service'; import { Schedule } from './schedule'; var scheduleFormTmpl = require('./schedule.form.tmpl.html'), scheduleDeleteTmpl = require('./schedule.delete.tmpl.html'); export class ScheduleComponent { $modal: any; accountId: number; operations = []; constructor( private toastrService: ToastrService, private scheduleService: ScheduleService, private logger: Logger, ) {} $onInit() { // Load operations on controller initialization. this.load(); } /* * Add a new operation at the beginning of th array. */ add() { var schedule = new Schedule(); schedule.account_id = this.accountId; return this.modify(schedule); }; /* * Load operations. */ load() { return this.scheduleService.query(this.accountId) .subscribe((schedules: Schedule[]) => { this.operations = schedules; }, (reason) => { this.logger.log("Got error", reason); } ); }; /* * Save operation. */ save(operation: Schedule) { let subscription: Observable; if(operation.id) { this.logger.log("updating schedule", operation); subscription = this.scheduleService.update(operation); } else { this.logger.log("creating schedule", operation); subscription = this.scheduleService.create(operation); } return subscription.subscribe((operation: Schedule) => { this.toastrService.success('Scheduled operation #' + operation.id + ' saved.'); this.load(); return operation; }, (result) => { this.toastrService.error( 'Error while saving scheduled operation: ' + result.message ); }); }; /* * Delete an operation and return a promise. */ confirmDelete(operation: Schedule) { var title = "Delete operation #" + operation.id; this.$modal({ templateUrl: scheduleDeleteTmpl, controller: function($scope, title, operation, $delete) { $scope.title = title; $scope.operation = operation; $scope.$delete = () => { $scope.$hide(); $delete($scope.operation); }; }, locals: { title: title, operation: operation, $delete: (operation) => { this.delete(operation); } } }); }; /* * Delete operation. */ delete(operation: Schedule) { var id = operation.id; return this.scheduleService.delete(operation).subscribe(() => { this.toastrService.success('Scheduled operation #' + id + ' deleted.'); this.load(); return operation; }, (result) => { this.toastrService.error( 'An error occurred while trying to delete scheduled operation #' + id + ':
' + result ); }); }; /* * Open the popup to modify the operation, save it on confirm. * @returns a promise. */ modify(operation: Schedule) { // FIXME Alexis Lahouze 2017-06-15 i18n var title = "Operation"; if (operation.id) { title = title + " #" + operation.id; } this.$modal({ templateUrl: scheduleFormTmpl, controller: function($scope, title, operation, $save) { $scope.title = title; $scope.operation = operation; $scope.$save = () => { $scope.$hide(); $save($scope.operation); }; }, locals: { title: title, operation: operation, $save: (operation) => { this.save(operation); } } }); }; };