From 30549dd6d88cc01c114272495bb5421c4dfdf09e Mon Sep 17 00:00:00 2001
From: Alexis Lahouze <xals@lahouze.org>
Date: Sat, 8 Jul 2017 09:33:52 +0200
Subject: [PATCH] Use angular strap modal instead of angular-ui-bootstrap one.

---
 src/scheduler/index.js                  | 162 +++++++--------------
 src/scheduler/schedule.delete.tmpl.html |  37 +++--
 src/scheduler/schedule.form.tmpl.html   | 184 +++++++++++-------------
 src/scheduler/scheduler.html            |   2 +-
 4 files changed, 165 insertions(+), 220 deletions(-)

diff --git a/src/scheduler/index.js b/src/scheduler/index.js
index 30b209f..e993f5a 100644
--- a/src/scheduler/index.js
+++ b/src/scheduler/index.js
@@ -48,7 +48,7 @@ module.exports = angular.module('accountant.scheduler', [
         );
     })
 
-    .controller('SchedulerController', function($rootScope, $routeParams, Notification, ScheduledOperation, $log, $uibModal, $q) {
+    .controller('SchedulerController', function($rootScope, $routeParams, Notification, ScheduledOperation, $log, $modal) {
         var vm = this;
 
         // Operation store.
@@ -92,8 +92,30 @@ module.exports = angular.module('accountant.scheduler', [
                 Notification.error(
                     'Error while saving scheduled operation: ' + result.message
                 );
+            });
+        };
 
-                return $q.reject(result);
+        /*
+         * Delete an operation and return a promise.
+         */
+        vm.confirmDelete = function(operation) {
+            var title = "Delete operation #" + operation.id;
+
+            $modal({
+                templateUrl: scheduleDeleteTmpl,
+                controller: function($scope, title, operation, $delete) {
+                    $scope.title = title;
+                    $scope.operation = operation;
+                    $scope.$delete = function() {
+                        $scope.$hide();
+                        $delete($scope.operation);
+                    };
+                },
+                locals: {
+                    title: title,
+                    operation: operation,
+                    $delete: vm.delete
+                }
             });
         };
 
@@ -103,30 +125,17 @@ module.exports = angular.module('accountant.scheduler', [
         vm.delete = function(operation) {
             var id = operation.id;
 
-            $uibModal.open({
-                component: 'scheduleDeleteModalComponent',
-                resolve: {
-                    operation: function() {
-                        return operation;
-                    }
-                }
-            }).result.then(function(operation) {
-                return operation.$delete().then(function() {
-                    Notification.success('Operation #' + id + ' deleted.');
+            return operation.$delete().then(function() {
+                Notification.success('Scheduled operation #' + id + ' deleted.');
 
-                    vm.operations = vm.load();
+                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;
+                return operation;
+            }, function(result) {
+                Notification.error(
+                    'An error occurred while trying to delete scheduled operation #' +
+                    id + ':<br />' + result
+                );
             });
         };
 
@@ -135,17 +144,28 @@ module.exports = angular.module('accountant.scheduler', [
          * @returns a promise.
          */
         vm.modify = function(operation) {
-            return $uibModal.open({
-                component: 'scheduleModifyModalComponent',
-                resolve: {
-                    operation: function() {
-                        return operation;
-                    }
+            // FIXME Alexis Lahouze 2017-06-15 i18n
+            var title = "Operation";
+
+            if (operation.id) {
+                title = title + " #" + operation.id;
+            }
+
+            $modal({
+                templateUrl: scheduleFormTmpl,
+                controller: function($scope, title, operation, $save) {
+                    $scope.title = title;
+                    $scope.operation = operation;
+                    $scope.$save = function() {
+                        $scope.$hide();
+                        $save($scope.operation);
+                    };
+                },
+                locals: {
+                    title: title,
+                    operation: operation,
+                    $save: vm.save
                 }
-            }).result.then(function(operation) {
-                return vm.save(operation);
-            }, function() {
-                return false;
             });
         };
 
@@ -153,78 +173,4 @@ module.exports = angular.module('accountant.scheduler', [
         vm.operations = vm.load();
     })
 
-    .component('scheduleModifyModalComponent', {
-        templateUrl: scheduleFormTmpl,
-        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 "Scheduled operation #" + vm.operation.id;
-                } else {
-                    return "Scheduled operation";
-                }
-            };
-        }
-    })
-
-    .component('scheduleDeleteModalComponent', {
-        templateUrl: scheduleDeleteTmpl,
-        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 "Scheduled operation #" + vm.operation.id;
-                } else {
-                    return "Scheduled operation";
-                }
-            };
-        }
-    })
-
     .name;
diff --git a/src/scheduler/schedule.delete.tmpl.html b/src/scheduler/schedule.delete.tmpl.html
index 545ce03..904ae6d 100644
--- a/src/scheduler/schedule.delete.tmpl.html
+++ b/src/scheduler/schedule.delete.tmpl.html
@@ -1,16 +1,25 @@
-<div class="modal-header">
-    <h3 class="modal-title" id="modal-title">{{ $ctrl.title() }}</h3>
-</div>
+<!-- vim: set tw=80 ts=2 sw=2 sts=2: -->
+<div class="modal top am-fade" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h3 class="modal-title" id="modal-title">{{ title }}</h3>
+      </div>
 
-<div class="modal-body" id="modal-body">
-    <p>Voulez-vous supprimer l'opération #{{ $ctrl.operation.id }} ayant pour libellé :<br/>{{ $ctrl.operation.label }}
-    </p>
-<div class="modal-footer">
-  <button class="btn btn-danger" type="button" ng-click="$ctrl.ok()">
-    Supprimer
-  </button>
-  <button class="btn btn-default" type="button" ng-click="$ctrl.cancel()">
-    Annuler
-  </button>
-</div>
+      <div class="modal-body" id="modal-body">
+        <p>Voulez-vous supprimer l'opération #{{ operation.id }} ayant pour libellé :<br/>{{ operation.label }}
+        </p>
+      </div>
 
+      <div class="modal-footer">
+        <button class="btn btn-danger" type="button" ng-click="$delete()">
+          Supprimer
+        </button>
+
+        <button class="btn btn-default" type="button" ng-click="$hide()">
+          Annuler
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/src/scheduler/schedule.form.tmpl.html b/src/scheduler/schedule.form.tmpl.html
index a0c33e4..df1cda7 100644
--- a/src/scheduler/schedule.form.tmpl.html
+++ b/src/scheduler/schedule.form.tmpl.html
@@ -1,99 +1,89 @@
-<!--
-    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/>.
--->
 <!-- vim: set tw=80 ts=2 sw=2 sts=2: -->
-<!-- kate: space-indent on; indent-width 2; mixedindent off; -->
-<div class="modal-header">
-    <h3 class="modal-title" id="modal-title">{{ $ctrl.title() }}</h3>
-</div>
-
-<div class="modal-body" id="modal-body">
-  <form class="form-horizontal simple-form">
-    <div class="form-group">
-      <label class="col-sm-4 control-label" for="start-date">Date de début</label>
-      <div class="col-sm-8">
-        <input class="form-control" id="start-date" name="start_date"
-          type="text" ng-model="$ctrl.operation.start_date"
-          bs-datepicker data-date-format="yyyy-MM-dd" data-timezone="UTC"
-          placeholder="Scheduled operation start date">
-      </div>
-    </div>
-
-    <div class="form-group">
-      <label class="col-sm-4 control-label" for="stop-date">Date de fin</label>
-      <div class="col-sm-8">
-        <input class="form-control" id="stop-date" name="stop_date"
-          type="text" ng-model="$ctrl.operation.stop_date"
-          bs-datepicker data-date-format="yyyy-MM-dd" data-timezone="UTC"
-          placeholder="Scheduled operation stop date">
-      </div>
-    </div>
-
-    <div class="form-group">
-      <label class="col-sm-4 control-label" for="day">Jour</label>
-      <div class="col-sm-8">
-        <input class="form-control" id="day" name="day"
-          ng-model="$ctrl.operation.day" type="number" placeholder="Day">
-        </input>
-      </div>
-    </div>
-
-    <div class="form-group">
-      <label class="col-sm-4 control-label" for="frequency">Fréquence</label>
-      <div class="col-sm-8">
-        <input class="form-control" id="frequency" name="frequency"
-          ng-model="$ctrl.operation.frequency" type="number" placeholder="Frequency">
-        </input>
-      </div>
-    </div>
-
-    <div class="form-group">
-      <label class="col-sm-4 control-label" for="label">Label</label>
-      <div class="col-sm-8">
-        <input class="form-control" id="label" name="label"
-          ng-model="$ctrl.operation.label" type="text" placeholder="Label">
-        </input>
-      </div>
-    </div>
-
-    <div class="form-group">
-      <label class="col-sm-4 control-label" for="value">Montant</label>
-      <div class="col-sm-8">
-        <input class="form-control" id="value" name="value"
-          ng-model="$ctrl.operation.value" type="number" placeholder="Value">
-        </input>
-      </div>
-    </div>
-
-    <div class="form-group">
-      <label class="col-sm-4 control-label" for="category">Catégorie</label>
-      <div class="col-sm-8">
-        <input class="form-control" id="category" name="category"
-          ng-model="$ctrl.operation.category" type="text" placeholder="Category">
-        </input>
-      </div>
-    </div>
-  </form>
-</div>
-
-<div class="modal-footer">
-  <button class="btn btn-primary" type="button" ng-click="$ctrl.ok()">
-    OK
-  </button>
-  <button class="btn btn-default" type="button" ng-click="$ctrl.cancel()">
-    Annuler
-  </button>
+<div class="modal top am-fade" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h3 class="modal-title" id="modal-title">{{ title }}</h3>
+      </div>
+
+      <div class="modal-body" id="modal-body">
+        <form class="form-horizontal simple-form">
+          <div class="form-group">
+            <label class="col-sm-4 control-label" for="start-date">Date de début</label>
+            <div class="col-sm-8">
+              <input class="form-control" id="start-date" name="start_date"
+                type="text" ng-model="operation.start_date"
+                bs-datepicker data-date-format="yyyy-MM-dd" data-timezone="UTC"
+                placeholder="Scheduled operation start date">
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label class="col-sm-4 control-label" for="stop-date">Date de fin</label>
+            <div class="col-sm-8">
+              <input class="form-control" id="stop-date" name="stop_date"
+                type="text" ng-model="operation.stop_date"
+                bs-datepicker data-date-format="yyyy-MM-dd" data-timezone="UTC"
+                placeholder="Scheduled operation stop date">
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label class="col-sm-4 control-label" for="day">Jour</label>
+            <div class="col-sm-8">
+              <input class="form-control" id="day" name="day"
+                ng-model="operation.day" type="number" placeholder="Day">
+              </input>
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label class="col-sm-4 control-label" for="frequency">Fréquence</label>
+            <div class="col-sm-8">
+              <input class="form-control" id="frequency" name="frequency"
+                ng-model="operation.frequency" type="number" placeholder="Frequency">
+              </input>
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label class="col-sm-4 control-label" for="label">Label</label>
+            <div class="col-sm-8">
+              <input class="form-control" id="label" name="label"
+                ng-model="operation.label" type="text" placeholder="Label">
+              </input>
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label class="col-sm-4 control-label" for="value">Montant</label>
+            <div class="col-sm-8">
+              <input class="form-control" id="value" name="value"
+                ng-model="operation.value" type="number" placeholder="Value">
+              </input>
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label class="col-sm-4 control-label" for="category">Catégorie</label>
+            <div class="col-sm-8">
+              <input class="form-control" id="category" name="category"
+                ng-model="operation.category" type="text" placeholder="Category">
+              </input>
+            </div>
+          </div>
+        </form>
+      </div>
+
+      <div class="modal-footer">
+        <button class="btn btn-primary" type="button" ng-click="$save()">
+          OK
+        </button>
+
+        <button class="btn btn-default" type="button" ng-click="$hide()">
+          Annuler
+        </button>
+      </div>
+    </div>
+  </div>
 </div>
diff --git a/src/scheduler/scheduler.html b/src/scheduler/scheduler.html
index 1185b5c..d68e3e7 100644
--- a/src/scheduler/scheduler.html
+++ b/src/scheduler/scheduler.html
@@ -80,7 +80,7 @@
             <!-- Remove operation. -->
             <button type="button" class="btn btn-default"
               ng-if="operation.id"
-              ng-click="schedulerCtrl.delete(operation)"
+              ng-click="schedulerCtrl.confirmDelete(operation)"
               title="remove">
               <span class="fa fa-trash"></span>
             </button>