Merge "move self-developed front-end codes to ui/"

1 files changed, 183 insertions, 0 deletions

diff --git a/testapi/opnfv_testapi/ui/components/projects/project/projectController.js b/testapi/opnfv_testapi/ui/components/projects/project/projectController.js
new file mode 100644
index 0000000..8f4bd20
--- /dev/null
+++ b/testapi/opnfv_testapi/ui/components/projects/project/projectController.js
@@ -0,0 +1,183 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+(function () {
+    'use strict';
+
+    angular
+        .module('testapiApp')
+        .controller('ProjectController', ProjectController);
+
+        ProjectController.$inject = [
+        '$scope', '$http', '$filter', '$state', '$window', '$uibModal', 'testapiApiUrl','raiseAlert',
+        'confirmModal'
+    ];
+
+    /**
+     * TestAPI Project Controller
+     * This controller is for the '/projects' page where a user can browse
+     * through projects declared in TestAPI.
+     */
+    function ProjectController($scope, $http, $filter, $state, $window, $uibModal, testapiApiUrl,
+        raiseAlert, confirmModal) {
+        var ctrl = this;
+        ctrl.name = $state.params['name'];
+        ctrl.url = testapiApiUrl + '/projects/' + ctrl.name;
+
+        ctrl.loadDetails = loadDetails;
+        ctrl.deleteProject = deleteProject;
+        ctrl.openDeleteModal = openDeleteModal;
+        ctrl.openUpdateModal = openUpdateModal;
+        ctrl.updateProject = updateProject;
+
+
+        /**
+         * This will contact the TestAPI to update an existing project.
+         */
+        function updateProject(name,description) {
+            ctrl.showError = false;
+            ctrl.showSuccess = false;
+            if(ctrl.name != ""){
+                var projects_url = ctrl.url;
+                var body = {
+                    name: name,
+                    description: description
+                };
+                ctrl.projectsRequest =
+                    $http.put(projects_url, body).success(function (data){
+                        ctrl.showSuccess = true ;
+                    })
+                    .error(function (data) {
+                        ctrl.showError = true;
+                        ctrl.error = 'Error updating the existing Project from server: ' + angular.toJson(data);
+                    });
+                ctrl.name = "";
+                ctrl.description="";
+            }
+            else{
+                ctrl.showError = true;
+                ctrl.error = 'Name is missing.'
+            }
+        }
+
+        /**
+         * This will contact the TestAPI to delete an existing project.
+        */
+        function deleteProject() {
+            ctrl.showError = false;
+            ctrl.showSuccess = false;
+            ctrl.projectsRequest =
+            $http.delete(ctrl.url).success(function (data) {
+                $state.go('projects', {}, {reload: true});
+                ctrl.showSuccess = true ;
+
+            }).error(function (error) {
+                ctrl.showError = true;
+                ctrl.error =
+                    'Error deleting project from server: ' +
+                    angular.toJson(error);
+            });
+        }
+
+        /**
+         * This will open the modal that will show the delete confirm
+         * message
+         */
+        function openDeleteModal() {
+            confirmModal("Delete",ctrl.deleteProject);
+        }
+
+        /**
+         * This will open the modal that will show the update
+         * view
+         */
+        function openUpdateModal(){
+                $uibModal.open({
+                    templateUrl: 'testapi-ui/components/projects/project/updateModal.html',
+                    controller: 'ModalInstanceCtrl as updateModal',
+                    size: 'md',
+                    resolve: {
+                        data: function () {
+                            return {
+                                text: "Update",
+                                successHandler: ctrl.updateProject,
+                                project: ctrl.data
+                            };
+                        }
+                    }
+                });
+        }
+
+        /**
+         * This will contact the TestAPI to get a listing of declared projects.
+         */
+        function loadDetails() {
+            ctrl.showError = false;
+            ctrl.projectsRequest =
+                $http.get(ctrl.url).success(function (data) {
+                    ctrl.data = data;
+                }).error(function (error) {
+                    ctrl.data = null;
+                    ctrl.showError = true;
+                    ctrl.error =
+                        'Error retrieving projects from server: ' +
+                        angular.toJson(error);
+                });
+        }
+        ctrl.loadDetails();
+    }
+
+
+    /**
+     * TestAPI Modal instance Controller
+     * This controller is for the update modal where a user can update
+     * the project information.
+     */
+    angular.module('testapiApp').controller('ModalInstanceCtrl', ModalInstanceCtrl);
+    ModalInstanceCtrl.$inject = ['$scope', '$uibModalInstance', 'data'];
+    function ModalInstanceCtrl($scope, $uibModalInstance, data) {
+        var ctrl = this;
+        ctrl.confirm = confirm;
+        ctrl.cancel = cancel;
+        ctrl.data = angular.copy(data);
+
+        ctrl.createRequirements = [
+            {label: 'name', type: 'text', required: true},
+            {label: 'description', type: 'textarea', required: false}
+        ];
+
+        ctrl.name = ctrl.data.project.name;
+        ctrl.description = ctrl.data.project.description;
+
+        /**
+         * Initiate confirmation and call the success handler with the
+         * inputs.
+         */
+        function confirm() {
+            $uibModalInstance.close();
+            if (angular.isDefined(ctrl.data.successHandler)) {
+                ctrl.data.successHandler(ctrl.name,ctrl.description);
+            }
+        }
+
+        /**
+         * Close the confirm modal without initiating changes.
+         */
+        function cancel() {
+            $uibModalInstance.dismiss('cancel');
+        }
+    }
+
+
+})();