index.js

(function () {

    appModule.controller('common.views.transactionExternal.index', [ //nama controller halaman index
        '$scope', '$uibModal', 'abp.services.app.transaction', 'abp.services.app.inventory', //abp.services.app alamat api nya, lihat di http://localhost:6234/api/abpserviceproxies
        function ($scope, $uibModal, transactionService, inventoryService) { //nama services pake format namaapiService
            var vm = this;

            vm.transaction = []; //isi data dr api transaction ditaro disini
            vm.inventory = []; //isi data dr api inventory ditaro disini

            function getTransaction() {
                vm.loading = true;
                transactionService.getTransactions().then(function (result) { //load API, fungsi lihat di http://localhost:6234/api/abpserviceproxies
                    vm.transaction = result.data.items; //hasil load data
                }).finally(function () {
                }).finally(function () {
                    vm.loading = false;
                });

                inventoryService.getInventories().then(function (result) {
                    for (var i = 0; i < parseInt(result.data.items.length); i++) {
                        vm.inventory[result.data.items[i].id] = result.data.items[i];
                    }
                });
            }

            function openCreateOrEditTransactionModal(transactionId) { //fungsi buat open modal

                var modalInstance = $uibModal.open({
                    templateUrl: '~/App/common/views/transaction/createOrEditModal.cshtml', //view html nya
                    controller: 'common.views.transaction.createOrEditModal as vm', //nama controller modal
                    backdrop: 'static',
                    resolve: {
                        transactionId: function () {
                            return transactionId;
                        }
                    }
                });

                modalInstance.result.then(function (result) {
                    vm.refresh();
                });
            }

            function openDetailTransactionModal(transactionId) {

                var modalInstance = $uibModal.open({
                    templateUrl: '~/App/common/views/transaction/detailModal.cshtml',
                    controller: 'common.views.transaction.detailModal as vm',
                    backdrop: 'static',
                    resolve: {
                        transactionId: function () {
                            return transactionId;
                        }
                    }
                });

                modalInstance.result.then(function (result) {
                    vm.refresh();
                });
            }

            vm.create = function () {
                console.log('before create');
                openCreateOrEditTransactionModal(null);
            };

            vm.edit = function (transaction) {
                openCreateOrEditTransactionModal(transaction.id);
            };

            vm.detail = function (transaction) {
                openDetailTransactionModal(transaction.id);
            };

            vm.delete = function (transaction) {
                abp.message.confirm(
                    app.localize('TransactionDeleteWarningMessage', transaction.name),
                    function (isConfirmed) {
                        if (isConfirmed) {
                            transactionService.deleteTransaction({
                                id: transaction.id
                            }).then(function () {
                                vm.refresh();
                                abp.notify.success(app.localize('SuccessfullyDeleted'));
                            });
                        }
                    }
                );
            };

            vm.refresh = function () {
                getTransaction();
            };

            getTransaction();
        }
    ]);

})();