diff --git a/api-gateway/src/main/resources/static/index.html b/api-gateway/src/main/resources/static/index.html index 3b80341cb2..fad30e0d8e 100755 --- a/api-gateway/src/main/resources/static/index.html +++ b/api-gateway/src/main/resources/static/index.html @@ -168,6 +168,12 @@ + + + + + + diff --git a/api-gateway/src/main/resources/static/scripts/app.js b/api-gateway/src/main/resources/static/scripts/app.js index 2f4fdae045..7251ddeaac 100644 --- a/api-gateway/src/main/resources/static/scripts/app.js +++ b/api-gateway/src/main/resources/static/scripts/app.js @@ -12,7 +12,7 @@ const petClinicApp = angular.module('petClinicApp', [ 'ui.router', 'layoutNav', 'layoutFooter', 'layoutWelcome', 'ownerList', 'ownerDetails', 'ownerForm', 'ownerRegister', 'petForm' , 'visits', 'vetList','vetForm','vetDetails', 'visitList', 'billForm', 'billUpdateForm', 'loginForm', 'rolesDetails', 'signupForm', 'billDetails', 'billsByOwnerId', 'billHistory','billsByVetId','inventoryList', 'inventoryForm', 'productForm','inventoryProductList', 'inventoryUpdateForm', 'productUpdateForm' - , 'verification' , 'adminPanel','resetPwdForm','forgotPwdForm']); + , 'verification' , 'adminPanel','resetPwdForm','forgotPwdForm','petTypeList']); diff --git a/api-gateway/src/main/resources/static/scripts/fragments/nav.html b/api-gateway/src/main/resources/static/scripts/fragments/nav.html index e71072719a..829e169130 100644 --- a/api-gateway/src/main/resources/static/scripts/fragments/nav.html +++ b/api-gateway/src/main/resources/static/scripts/fragments/nav.html @@ -28,6 +28,7 @@
Owners Edit Account + Pet Types
  • diff --git a/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.component.js b/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.component.js new file mode 100644 index 0000000000..66a1f9cb3b --- /dev/null +++ b/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.component.js @@ -0,0 +1,7 @@ +'use strict'; + +angular.module('petTypeList') + .component('petTypeList', { + templateUrl: 'scripts/pet-type-list/pet-type-list.template.html', + controller: 'PetTypeListController' + }); \ No newline at end of file diff --git a/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.controller.js b/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.controller.js new file mode 100644 index 0000000000..e283d34831 --- /dev/null +++ b/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.controller.js @@ -0,0 +1,16 @@ +'use strict'; + +angular.module('petTypeList') + .controller('PetTypeListController', ['$http', '$stateParams', '$scope', '$state', function ($http, $stateParams, $scope, $state) { + var self = this; + self.petTypes = {}; + // Initialize as an empty array + + $http.get('api/gateway/owners/petTypes').then(function (resp) { + self.petTypes = resp.data; + console.log(self.petTypes); + + }); + }]); + + diff --git a/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.js b/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.js new file mode 100644 index 0000000000..269ab34ffa --- /dev/null +++ b/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.js @@ -0,0 +1,14 @@ +'use strict'; + +angular.module('petTypeList', ['ui.router']) + .config(['$stateProvider', function ($stateProvider) { + + $stateProvider + .state('petTypes', { + parent: 'app', + url: '/petTypes', + template: '', + controller: 'PetTypeListController', + controllerAs: 'vm' + }) + }]); \ No newline at end of file diff --git a/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.template.html b/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.template.html new file mode 100644 index 0000000000..70b6543e28 --- /dev/null +++ b/api-gateway/src/main/resources/static/scripts/pet-type-list/pet-type-list.template.html @@ -0,0 +1,67 @@ + + + +
    +

    Current Pet Types

    + + + + + + + + + + + + + + + +
    Pet Type IDPet Type NameDescription
    {{petType.petTypeId }}{{ petType.name }}{{ petType.petTypeDescription }}
    +