From f562c31e824f573d9a3254a1eacb4981b29290eb Mon Sep 17 00:00:00 2001 From: SerenaFeng Date: Fri, 12 May 2017 01:49:57 +0800 Subject: add web portal framework for TestAPI Change-Id: I62cea8b59ffe6a6cde98051c130f4502c07d3557 Signed-off-by: SerenaFeng --- .../testapi-ui/shared/alerts/alertModal.html | 8 +++ .../testapi-ui/shared/alerts/alertModalFactory.js | 74 ++++++++++++++++++++++ .../testapi-ui/shared/alerts/confirmModal.html | 13 ++++ .../shared/alerts/confirmModalFactory.js | 67 ++++++++++++++++++++ .../3rd_party/static/testapi-ui/shared/filters.js | 55 ++++++++++++++++ .../static/testapi-ui/shared/header/header.html | 52 +++++++++++++++ .../testapi-ui/shared/header/headerController.js | 63 ++++++++++++++++++ 7 files changed, 332 insertions(+) create mode 100644 utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/alertModal.html create mode 100644 utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/alertModalFactory.js create mode 100644 utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/confirmModal.html create mode 100644 utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/confirmModalFactory.js create mode 100644 utils/test/testapi/3rd_party/static/testapi-ui/shared/filters.js create mode 100644 utils/test/testapi/3rd_party/static/testapi-ui/shared/header/header.html create mode 100644 utils/test/testapi/3rd_party/static/testapi-ui/shared/header/headerController.js (limited to 'utils/test/testapi/3rd_party/static/testapi-ui/shared') diff --git a/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/alertModal.html b/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/alertModal.html new file mode 100644 index 000000000..59fd50014 --- /dev/null +++ b/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/alertModal.html @@ -0,0 +1,8 @@ +
+
+ + {{alert.data.title}} {{alert.data.text}} +
+
diff --git a/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/alertModalFactory.js b/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/alertModalFactory.js new file mode 100644 index 000000000..3ce76c912 --- /dev/null +++ b/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/alertModalFactory.js @@ -0,0 +1,74 @@ +/* + * 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') + .factory('raiseAlert', raiseAlert); + + raiseAlert.$inject = ['$uibModal']; + + /** + * This allows alert pop-ups to be raised. Just inject it as a dependency + * in the calling controller. + */ + function raiseAlert($uibModal) { + return function(mode, title, text) { + $uibModal.open({ + templateUrl: '/shared/alerts/alertModal.html', + controller: 'RaiseAlertModalController as alert', + backdrop: true, + keyboard: true, + backdropClick: true, + size: 'md', + resolve: { + data: function () { + return { + mode: mode, + title: title, + text: text + }; + } + } + }); + }; + } + + angular + .module('testapiApp') + .controller('RaiseAlertModalController', RaiseAlertModalController); + + RaiseAlertModalController.$inject = ['$uibModalInstance', 'data']; + + /** + * This is the controller for the alert pop-up. + */ + function RaiseAlertModalController($uibModalInstance, data) { + var ctrl = this; + + ctrl.close = close; + ctrl.data = data; + + /** + * This method will close the alert modal. The modal will close + * when the user clicks the close button or clicks outside of the + * modal. + */ + function close() { + $uibModalInstance.close(); + } + } +})(); diff --git a/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/confirmModal.html b/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/confirmModal.html new file mode 100644 index 000000000..82478a51b --- /dev/null +++ b/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/confirmModal.html @@ -0,0 +1,13 @@ +

Confirm

+
+
+ + +
+
+
+ + +
diff --git a/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/confirmModalFactory.js b/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/confirmModalFactory.js new file mode 100644 index 000000000..76c74df9e --- /dev/null +++ b/utils/test/testapi/3rd_party/static/testapi-ui/shared/alerts/confirmModalFactory.js @@ -0,0 +1,67 @@ +(function () { + 'use strict'; + + angular + .module('testapiApp') + .factory('confirmModal', confirmModal); + + confirmModal.$inject = ['$uibModal']; + + /** + * Opens confirm modal dialog with input textbox + */ + function confirmModal($uibModal) { + return function(text, successHandler) { + $uibModal.open({ + templateUrl: '/shared/alerts/confirmModal.html', + controller: 'CustomConfirmModalController as confirmModal', + size: 'md', + resolve: { + data: function () { + return { + text: text, + successHandler: successHandler + }; + } + } + }); + }; + } + + angular + .module('testapiApp') + .controller('CustomConfirmModalController', + CustomConfirmModalController); + + CustomConfirmModalController.$inject = ['$uibModalInstance', 'data']; + + /** + * This is the controller for the alert pop-up. + */ + function CustomConfirmModalController($uibModalInstance, data) { + var ctrl = this; + + ctrl.confirm = confirm; + ctrl.cancel = cancel; + + ctrl.data = angular.copy(data); + + /** + * Initiate confirmation and call the success handler with the + * input text. + */ + function confirm() { + $uibModalInstance.close(); + if (angular.isDefined(ctrl.data.successHandler)) { + ctrl.data.successHandler(ctrl.inputText); + } + } + + /** + * Close the confirm modal without initiating changes. + */ + function cancel() { + $uibModalInstance.dismiss('cancel'); + } + } +})(); diff --git a/utils/test/testapi/3rd_party/static/testapi-ui/shared/filters.js b/utils/test/testapi/3rd_party/static/testapi-ui/shared/filters.js new file mode 100644 index 000000000..4a4b7bde1 --- /dev/null +++ b/utils/test/testapi/3rd_party/static/testapi-ui/shared/filters.js @@ -0,0 +1,55 @@ +/* + * 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'; + + /** + * Convert an object of objects to an array of objects to use with ng-repeat + * filters. + */ + angular + .module('testapiApp') + .filter('arrayConverter', arrayConverter); + + /** + * Convert an object of objects to an array of objects to use with ng-repeat + * filters. + */ + function arrayConverter() { + return function (objects) { + var array = []; + angular.forEach(objects, function (object, key) { + if (!('id' in object)) { + object.id = key; + } + array.push(object); + }); + return array; + }; + } + + angular + .module('testapiApp') + .filter('capitalize', capitalize); + + /** + * Angular filter that will capitalize the first letter of a string. + */ + function capitalize() { + return function (string) { + return string.substring(0, 1).toUpperCase() + string.substring(1); + }; + } +})(); diff --git a/utils/test/testapi/3rd_party/static/testapi-ui/shared/header/header.html b/utils/test/testapi/3rd_party/static/testapi-ui/shared/header/header.html new file mode 100644 index 000000000..78361b8a5 --- /dev/null +++ b/utils/test/testapi/3rd_party/static/testapi-ui/shared/header/header.html @@ -0,0 +1,52 @@ +
TestAPI +TestAPI +
+ + diff --git a/utils/test/testapi/3rd_party/static/testapi-ui/shared/header/headerController.js b/utils/test/testapi/3rd_party/static/testapi-ui/shared/header/headerController.js new file mode 100644 index 000000000..0a14a415f --- /dev/null +++ b/utils/test/testapi/3rd_party/static/testapi-ui/shared/header/headerController.js @@ -0,0 +1,63 @@ +/* + * 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('HeaderController', HeaderController); + + HeaderController.$inject = ['$location']; + + /** + * TestAPI Header Controller + * This controller is for the header template which contains the site + * navigation. + */ + function HeaderController($location) { + var ctrl = this; + + ctrl.isActive = isActive; + ctrl.isCatalogActive = isCatalogActive; + + /** Whether the Navbar is collapsed for small displays. */ + ctrl.navbarCollapsed = true; + + /** + * This determines whether a button should be in the active state based + * on the URL. + */ + function isActive(viewLocation) { + var path = $location.path().substr(0, viewLocation.length); + if (path === viewLocation) { + // Make sure "/" only matches when viewLocation is "/". + if (!($location.path().substr(0).length > 1 && + viewLocation.length === 1 )) { + return true; + } + } + return false; + } + + /** This determines the active state for the catalog dropdown. Type + * parameter should be passed in to specify if the catalog is the + * public or user one. + */ + function isCatalogActive(type) { + return ctrl.isActive('/' + type + '_vendors') + || ctrl.isActive('/' + type + '_products'); + } + } +})(); -- cgit 1.2.3-korg