accountant-ui/src/operations/index.js

// vim: set tw=80 ts=4 sw=4 sts=4:
/*
    This file is part of Accountant.

    Accountant is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Accountant is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with Accountant.  If not, see <http://www.gnu.org/licenses/>.
 */
/* jshint node: true */
'use strict';

var moment = require('moment');

var angular = require('angular');

var operationFormTmpl   = require('./operation.form.tmpl.html'),
    operationDeleteTmpl = require('./operation.delete.tmpl.html');

var ngResource       = require('angular-resource'),
    ngMessages       = require('angular-messages'),
    ngUiBootstrap    = require('angular-ui-bootstrap'),
    ngUiNotification = require('angular-ui-notification'),
    ngStrap          = require('angular-strap');

var operationModule = angular.module('accountant.operations', [
    ngResource,
    ngMessages,
    ngUiBootstrap,
    ngUiNotification,
    ngStrap
])

.config(function($resourceProvider) {
    // Keep trailing slashes to avoid redirect by flask..
    $resourceProvider.defaults.stripTrailingSlashes = false;
})

.factory('Operation', function($resource) {
    return $resource(
        '/api/operation/:id', {
            id: '@id'
        }
    );
})

/*
 * Controller for the operations.
 */
.controller('OperationController', function($routeParams, $uibModal,
    Notification, Operation, $log, $q) {

    var vm = this;

    vm.minDate = moment().date(1).month(11).year(2016);
    vm.maxDate = moment();

    /*
     * Add an empty operation.
     */
    vm.add = function() {
        var operation = new Operation({
            // eslint-disable-next-line camelcase
            account_id: $routeParams.accountId
        });

        return vm.modify(operation);
    };

    /*
     * Load operations.
     */
    vm.load = function() {
        return Operation.query({
            // eslint-disable-next-line camelcase
            account_id: $routeParams.accountId,
            begin: vm.minDate.format('YYYY-MM-DD'),
            end: vm.maxDate.format('YYYY-MM-DD')
        });
    };

    /*
     * Toggle pointed indicator for an operation.
     */
    vm.togglePointed = function(operation, rowform) {
        operation.pointed = !operation.pointed;

        vm.save(operation);
    };

    /*
     * Toggle cancel indicator for an operation.
     */
    vm.toggleCanceled = function(operation) {
        operation.canceled = !operation.canceled;

        vm.save(operation);
    };

    /*
 * Save an operation and return a promise.
     */
    vm.save = function(operation) {
        operation.confirmed = true;

        return operation.$save().then(function(operation) {
            Notification.success('Operation #' + operation.id + ' saved.');

            vm.operations = vm.load();

            return operation;
        }, function(result){
            $log.error('Error while saving operation', operation, result);

            Notification.error(
                'Error while saving operation: ' + result.message
            );

            return $q.reject(result);
        });
    };

    /*
     * Delete an operation and return a promise.
     */
    vm.delete = function(operation) {
        var id = operation.id;

        $uibModal.open({
            component: 'operationDeleteModalComponent',
            resolve: {
                operation: function() {
                    return operation;
                }
            }
        }).result.then(function(operation) {
            return operation.$delete().then(function() {
                Notification.success('Operation #' + id + ' deleted.');

                vm.operations = vm.load();

                return operation;
            }, function(result) {
                Notification.error(
                    'An error occurred while trying to delete operation #' +
                    id + ':<br />' + result
                );

                return $q.reject(result);
            });
        }, function() {
            return false;
        });
    };

    /*
     * Open the popup to modify the operation, save it on confirm.
     * @returns a promise.
     */
    vm.modify = function(operation) {
        return $uibModal.open({
            component: 'operationModifyModalComponent',
            resolve: {
                operation: function() {
                    return operation;
                }
            }
        }).result.then(function(operation) {
            return vm.save(operation);
        }, function() {
            return false;
        });
    };

    vm.operations = vm.load();
})

.component('operationModifyModalComponent', {
    templateUrl: operationFormTmpl,
    bindings: {
        resolve: '<',
        close: '&',
        dismiss: '&'
    },
    controller: function() {
        var vm = this;

        vm.$onInit = function() {
            vm.operation = vm.resolve.operation;
        };

        vm.ok = function() {
            vm.close({
                $value: vm.operation
            });
        };

        vm.cancel = function() {
            vm.dismiss({
                $value: 'cancel'
            });
        };

        vm.title = function() {
            // FIXME Alexis Lahouze 2017-06-15 i18n
            if (vm.operation.id) {
                return "Operation #" + vm.operation.id;
            } else {
                return "Operation";
            }
        };
    }
})

.component('operationDeleteModalComponent', {
    templateUrl: operationDeleteTmpl,
    bindings: {
        resolve: '<',
        close: '&',
        dismiss: '&'
    },
    controller: function() {
        var vm = this;

        vm.$onInit = function() {
            vm.operation = vm.resolve.operation;
        };

        vm.ok = function() {
            vm.close({
                $value: vm.operation
            });
        };

        vm.cancel = function() {
            vm.dismiss({
                $value: 'cancel'
            });
        };

        vm.title = function() {
            // FIXME Alexis Lahouze 2017-06-15 i18n
            if (vm.operation.id) {
                return "Operation #" + vm.operation.id;
            } else {
                return "Operation";
            }
        };
    }
});

module.exports = operationModule;