diff options
Diffstat (limited to 'dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home')
9 files changed, 501 insertions, 0 deletions
diff --git a/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/appDS2.js b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/appDS2.js new file mode 100644 index 0000000..dc0e016 --- /dev/null +++ b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/appDS2.js @@ -0,0 +1,9 @@ +/* Angular application for the DBC web UI */ +var appDS2 = angular.module("abs", + [ + 'ngCookies', 'ngRoute', 'ngMessages', + 'ui.bootstrap', 'ui.bootstrap.modal', + 'b2b.att', + 'modalServices' + ] + ); diff --git a/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-home-controller.js b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-home-controller.js new file mode 100644 index 0000000..e56876d --- /dev/null +++ b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-home-controller.js @@ -0,0 +1,48 @@ +appDS2.controller('dbcHomeCtrl', function($scope, $log, DmaapAccessService, ManifestService) { + // Loads info to show on the welcome page. + + // this object holds all app data and functions + $scope.dbcapp = {}; + $scope.dbcapp.selectedDmaapAccess=null; + $scope.dbcapp.isDataLoading = true; + $scope.dbcapp.isRequestFailed = false; + $scope.dbcapp.errMsg = null; + $scope.dbcapp.manifest=null; + + DmaapAccessService.getSelectedDmaapAccess() + .then(function(jsonObj) { + // must match keys in java controller's method + if (jsonObj.error) { + $scope.dbcapp.isRequestFailed = true; + $scope.dbcapp.errMsg = jsonObj.error; + $scope.dbcapp.isDataLoading=false; + } + else { + $scope.dbcapp.selectedDmaapAccess=jsonObj.data; + + // Next get the manifest + ManifestService.getManifest() + .then(function(jsonObj) { + // $log.debug("dbcHomeCtrl: getManifest returned " + JSON.stringify(jsonObj)); + if (jsonObj.error) { + $scope.dbcapp.isRequestFailed = true; + $scope.dbcapp.errMsg = jsonObj.error; + $scope.dbcapp.isDataLoading=false; + } + else { + $scope.dbcapp.manifest=jsonObj; + $scope.dbcapp.isDataLoading=false; + } + },function(error){ + $log.error("dbcHomeCtrl getManifest failed: " + error); + $scope.dbcapp.isDataLoading=false; + }); + + } + },function(error){ + $log.error("dbcHomeCtrl: getSelectdDmaapAccess failed: " + error); + $scope.dbcapp.isDataLoading=false; + }); + + +}); diff --git a/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-modal-service.js b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-modal-service.js new file mode 100644 index 0000000..3cdc87f --- /dev/null +++ b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-modal-service.js @@ -0,0 +1,77 @@ +angular.module("modalServices",[]).service('modalService', ['$modal', function ($modal) { + + /* + * Defines the same functions available in DS1 using DS2 icons etc. + * Relies on templates defined in dbc_popup_templates.html + */ + + var ModalInstanceCtrl = function ($scope, $modalInstance, $rootScope, items) { + // Pass thru to template as object "msg" + $scope.msg = items; + + $scope.cancel = function () { + $modalInstance.dismiss('cancel'); + }; + }; + + this.showIconTitleTextOkModal = function (icon, title, text) { + var modalInstance = $modal.open({ + templateUrl: 'dbc_title_text_ok_modal.html', + controller: ModalInstanceCtrl, + sizeClass: 'modal-small', + resolve: { + items: function () { + return { + icon: icon, + title: title, + text: text + }; + } + } + }); + }; + + /* modals used in many DBC pages */ + this.showFailure = function (title, text) { + this.showIconTitleTextOkModal('icon-primary-alert', title, text); + }; + + this.showSuccess = function (title, text) { + this.showIconTitleTextOkModal('icon-primary-approval', title, text); + }; + + /* Replicate modals defined by ds2-modal/modalService.js */ + errorPopUp = function(text) { + this.showFailure('Error', text); + }; + successPopUp = function(text) { + this.showSuccess('Success', text); + }; + + this.popupConfirmWin = function(title, text, callback) { + var modalInstance = $modal.open({ + templateUrl: 'dbc_title_text_ok_cancel_modal.html', + controller: ModalInstanceCtrl, + sizeClass: 'modal-small', + resolve: { + items: function () { + return { + icon: 'icon-primary-questionmark', + title: title, + text: text + }; + } + } + }); + var args = Array.prototype.slice.call(arguments, 0); + args.splice(0, 3); + modalInstance.result.then(function(){ + callback.apply(null, args); + }, function() { + // + })['finally'](function(){ + modalInstance = undefined; + }); + }; + + }]); diff --git a/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-spa-router.js b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-spa-router.js new file mode 100644 index 0000000..28637d6 --- /dev/null +++ b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-spa-router.js @@ -0,0 +1,68 @@ +appDS2.config(function($routeProvider) { + $routeProvider + .when('/dmaap', { + templateUrl: 'app/dbcapp/dmaapaccess/dmaap_access_list.html', + controller : 'dmaapAccessListCtrl' + }) + .when('/dr_feed', { + templateUrl: 'app/dbcapp/datarouter/dr_feed_list.html', + controller : 'drFeedListCtrl' + }) + .when('/dr_pub', { + templateUrl: 'app/dbcapp/datarouter/dr_pub_list.html', + controller: 'drPubListCtrl' + }) + .when('/dr_sub', { + templateUrl: 'app/dbcapp/datarouter/dr_sub_list.html', + controller: 'drSubListCtrl' + }) + .when('/mr_topic', { + templateUrl: 'app/dbcapp/messagerouter/mr_topic_list.html', + controller : "mrTopicListCtrl" + }) + .when('/mr_client', { + templateUrl: 'app/dbcapp/messagerouter/mr_client_list.html', + controller: 'mrClientListCtrl' + }) + /* user category */ + .when('/profile_search', { + templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-profile/profile_searchDS2.html', + controller : "profileSearchCtrlDS2" + }) + .when('/post_search', { + templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-profile/post.html', + controller: 'postController' + }) + .when('/self_profile', { + templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-profile/self_profile.html', + controller: 'selfProfileController' + }) + /* admin category */ + .when('/role_list', { + templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-admin/role_list.html', + controller : 'adminController' + }) + .when('/role_function_list', { + templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-admin/role-function.html', + controller : "adminController" + }) + .when('/jcs_admin', { + templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-admin/jcs_admin.html', + controller: 'adminController' + }) + .when('/admin_menu_edit', { + templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-admin/admin-menu-edit.html', + controller: 'AdminMenuEditController' + }) + .when('/usage_list', { + templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-admin/usage.html', + controller: 'usageListControllerDS2' + }) + /* catch-all */ + .otherwise({ + templateUrl: 'app/dbcapp/home/dbc_home_body.html', + controller: 'dbcHomeCtrl' + }) + ; + +});
\ No newline at end of file diff --git a/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-style.css b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-style.css new file mode 100644 index 0000000..2013e31 --- /dev/null +++ b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-style.css @@ -0,0 +1,58 @@ + +/* Tweak height and width of password as set fn-ebz.css */ +input[type="password"].fn-ebz-text.dbcpassword { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + height: 40px; + width: 210px; + border: 1px solid gray; + font-size: .875rem; + padding-left: 10px; + margin-top: 0px; /* override */ + margin-right: 20px; +} + +input[type="text"].fn-ebz-text.dbcpagenum { + width: 85px; + height: 30px; + margin-right: 10px; +} + +/* Adjusts height and width to be narrow */ +select.fn-ebz-select.dbcpageselect { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + height: 30px; + width: 85px; + padding-left: 10px; + padding-right: 10px; + background-color: white; + color: black; + margin-top: 8px; + margin-right: 10px; + font-size: 12px; + appearance: none; /* not supported in IE */ + -webkit-appearance: none; /* not supported in IE */ + -moz-appearance: none; /* not supported in IE */ +} + +/* Adjusts height, width and top margin to match text fields */ +select.fn-ebz-select.dbcselect { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + height: 40px; + width: 210px; + padding-left: 10px; + padding-right: 10px; + background-color: white; + color: black; + margin-top: 0px; + margin-right: 10px; + font-size: 12px; + appearance: none; /* not supported in IE */ + -webkit-appearance: none; /* not supported in IE */ + -moz-appearance: none; /* not supported in IE */ +} diff --git a/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-yn-filter.js b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-yn-filter.js new file mode 100644 index 0000000..63d5cd5 --- /dev/null +++ b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc-yn-filter.js @@ -0,0 +1,7 @@ +appDS2.filter('dbcYesNoFilter', + function() { + return function(input) { + return input ? 'Y' : 'N'; + } + } +); diff --git a/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc_home_body.html b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc_home_body.html new file mode 100644 index 0000000..a076371 --- /dev/null +++ b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc_home_body.html @@ -0,0 +1,52 @@ +<!-- Landing page. Controller is specified by route provider. --> +<div id="page-content"> + + <h1 class="heading-page" id="dataRouterFeeds">DMaaP Bus Controller</h1> + + <P>Welcome to the DMaaP Bus Controller web application.</P> + + <div ng-show="dbcapp.isDataLoading"> + <div class="span" style="margin-bottom:20px;"> + <i class="icon-primary-spinner small" role="img" aria-label="Please wait while the content loads"></i> + Please wait while the content loads. + </div> + </div> + + <div ng-hide="dbcapp.isDataLoading"> + + <div ng-show="dbcapp.isRequestFailed"> + <span class="errorMessageText">{{dbcapp.errMsg}}</span> + </div> + + <div ng-hide="dbcapp.isRequestFailed"> + + <p> + <a href="dbc#/dmaap">Selected DMaaP access profile:</a> + <ul> + <li>Name: <span style="font-weight: bold">{{dbcapp.selectedDmaapAccess.name}}</span></li> + <li>URL: <span style="font-weight: bold">{{dbcapp.selectedDmaapAccess.dmaapUrl}}</span></li> + </ul> + </p> + + <p> + <span style="font-size: 8pt; color: grey;"> + Application version: + <UL> + <LI>Build-Number: {{dbcapp.manifest['Build-Number']}}</LI> + <LI>Build-Time: {{dbcapp.manifest['Build-Time']}}</LI> + </UL> + <div ng-if="dbcapp.manifest.usvcManifest"> + Microservice version: + <UL> + <LI>Build-Number: {{dbcapp.manifest.usvcManifest['Build-Number']}}</LI> + <LI>Build-Time: {{dbcapp.manifest.usvcManifest['Build-Time']}}</LI> + </UL> + </div> + </span> + </p> + + </div> + + </div><!-- loading --> + +</div><!-- page content --> diff --git a/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc_popup_templates.html b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc_popup_templates.html new file mode 100644 index 0000000..ae10cd5 --- /dev/null +++ b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc_popup_templates.html @@ -0,0 +1,65 @@ +<script type="text/ng-template" id="dbc_title_text_ok_modal.html"> +<div> + <div class="b2b-modal-header ng-scope in"> + <h2 id="myModalLabel" modal-title="">{{msg.title}}</h2> + <div ng-class="msg.icon" style="font-size: 36px;"></div> + <div class="corner-button in"> + <button type="button" class="close" aria-label="Close" + ng-click="$dismiss('cancel')"></button> + </div> + </div> + <div class="b2b-modal-body ng-scope ng-isolate-scope in" tabindex="0" + role="region" aria-label="Modal header text content"> + <p style="word-wrap: break-word;">{{msg.text}}</p> + </div> + <div class="b2b-modal-footer ng-scope ng-isolate-scope in"> + <div class="cta-button-group in"> + <button class="btn btn-alt btn-small" type="button" + ng-click="$dismiss('cancel')">OK</button> + </div> + </div> +</div> +</script> + +<script type="text/ng-template" id="dbc_title_text_ok_cancel_modal.html"> +<div> + <div class="b2b-modal-header ng-scope in"> + <h2 id="myModalLabel" modal-title="">{{msg.title}}</h2> + <div ng-class="msg.icon" style="font-size: 36px;"></div> + <div class="corner-button in"> + <button type="button" class="close" aria-label="Close" + ng-click="$dismiss('cancel')"></button> + </div> + </div> + <div class="b2b-modal-body ng-scope ng-isolate-scope in" tabindex="0" + role="region" aria-label="Modal text content"> + <p style="word-wrap: break-word;">{{msg.text}}</p> + </div> + <div class="b2b-modal-footer ng-scope ng-isolate-scope in"> + <div class="cta-button-group in"> + <button class="btn btn-alt btn-small" type="button" + ng-click="$close()">OK</button> + <button class="btn btn-small" type="button" + ng-click="$dismiss('cancel')">Cancel</button> + </div> + </div> +</div> +</script> + +<script type="text/ng-template" id="modal_warning.html"> + <div class="modal__warning font-showcase" > + <div class="modal__header"> + <h2 class="font-showcase-font-name">{{message.title}}</h2> + <div class="modal__header--icon"></div> + </div> + <div class="divider-container"><hr> </div> + <div class="modal__content" style="white-space: pre-wrap;">{{message.text}}<br/></div> + <div class="modal__footer"> + <button class="button button--primary button--small" + href="javascript:void(0)" + ng-click="$dismiss()"> + Dismiss + </button> + </div> + </div> +</script> diff --git a/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc_spa.html b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc_spa.html new file mode 100644 index 0000000..f4afef9 --- /dev/null +++ b/dcae_dmaapbc_webapp/dbca-overlay/src/main/webapp/app/dbcapp/home/dbc_spa.html @@ -0,0 +1,117 @@ +<!DOCTYPE html> +<!-- DMaaP Bus Controller single-page application using B2B/DS2. --> +<html> + <head> + <meta charset="UTF-8"> + <title>DMaaP Bus Controller</title> + <link rel="icon" type="image/ico" href="app/dbcapp/images/onap_16x16.ico" /> + + <!-- B2b Library --> + <link rel="stylesheet" type="text/css" href="app/fusion/external/b2b/css/b2b-angular/b2b-angular.css"> + <link rel="stylesheet" type="text/css" href="app/fusion/external/b2b/css/b2b-angular/font_icons.css"> + + <!-- icons in open source --> + <link rel="stylesheet" type="text/css" href="app/fusion/external/ds2/css/digital-ng-library/ionicons.css"> + + <link rel="stylesheet" type="text/css" href="app/fusion/styles/ecomp.css"> + <link rel="stylesheet" type="text/css" href="app/dbcapp/home/dbc-style.css"> + + <!-- Common scripts --> + <script src="app/dbcapp/libs/angular-1.4.8/angular.js"></script> + <script src="app/dbcapp/libs/angular-1.4.8/angular-cookies.js"></script> + <script src="app/dbcapp/libs/angular-1.4.8/angular-messages.js"></script> + <script src="app/dbcapp/libs/angular-1.4.8/angular-route.js"></script> + <script src="app/dbcapp/libs/angular-1.4.8/angular-sanitize.js"></script> + <script src="app/dbcapp/libs/angular-1.4.8/angular-touch.js"></script> + + <script src="app/fusion/external/jquery/dist/jquery.min.js"></script> + + <script src="app/fusion/external/javascript-detect-element-resize/jquery.resize.js"></script> + <script src="app/fusion/external/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> + + <!-- B2b Library --> + <script src="app/fusion/external/b2b/js/b2b-angular/b2b-library.min.js"></script> + + <!-- main app --> + <script src="app/dbcapp/home/dbc-modal-service.js"></script> + <script src="app/dbcapp/home/appDS2.js"></script> + + <!-- directives and services --> + <script src="app/fusion/scripts/DS2-services/userInfoServiceDS2.js"></script> + <script src="app/fusion/scripts/DS2-services/headerServiceDS2.js"></script> + <script src="app/fusion/scripts/DS2-services/manifestService.js"></script> + <script src="app/fusion/scripts/DS2-directives/footer.js"></script> + <script src="app/fusion/scripts/DS2-directives/ds2Header.js"></script> + <script src="app/fusion/scripts/DS2-services/leftMenuServiceDS2.js"></script> + <script src="app/fusion/scripts/DS2-directives/ds2LeftMenu.js"></script> + <script src="app/fusion/scripts/DS2-directives/b2b-leftnav-ext.js"></script> + + <!-- filters --> + <script src="app/dbcapp/home/dbc-yn-filter.js"></script> + + <!-- dmaaap access --> + <script src="app/dbcapp/dmaapaccess/dmaap-access-list-controller.js"></script> + <script src="app/dbcapp/dmaapaccess/dmaap-access-popup-controller.js"></script> + <script src="app/dbcapp/dmaapaccess/dmaap-access-service.js"></script> + + <!-- data router --> + <script src="app/dbcapp/datarouter/dr-feed-service.js"></script> + <script src="app/dbcapp/datarouter/dr-feed-list-controller.js"></script> + <script src="app/dbcapp/datarouter/dr-feed-popup-controller.js"></script> + <script src="app/dbcapp/datarouter/dr-feed-pub-sub-list-popup-controller.js"></script> + <script src="app/dbcapp/datarouter/dr-pub-service.js"></script> + <script src="app/dbcapp/datarouter/dr-pub-list-controller.js"></script> + <script src="app/dbcapp/datarouter/dr-pub-popup-controller.js"></script> + <script src="app/dbcapp/datarouter/dr-sub-service.js"></script> + <script src="app/dbcapp/datarouter/dr-sub-list-controller.js"></script> + <script src="app/dbcapp/datarouter/dr-sub-popup-controller.js"></script> + + <!-- message router --> + <script src="app/dbcapp/messagerouter/mr-client-service.js"></script> + <script src="app/dbcapp/messagerouter/mr-client-list-controller.js"></script> + <script src="app/dbcapp/messagerouter/mr-client-popup-controller.js"></script> + <script src="app/dbcapp/messagerouter/mr-topic-client-list-popup-controller.js"></script> + <script src="app/dbcapp/messagerouter/mr-topic-service.js"></script> + <script src="app/dbcapp/messagerouter/mr-topic-list-controller.js"></script> + <script src="app/dbcapp/messagerouter/mr-topic-popup-controller.js"></script> + + <!-- user admin pages --> + <script src="app/fusion/scripts/DS2-services/adminService.js"></script> + <script src="app/fusion/scripts/DS2-services/ds2-profile/selfProfileService.js"></script> + <script src="app/fusion/scripts/DS2-services/profileServiceDS2.js"></script> + <script src="app/fusion/scripts/DS2-controllers/ds-profile/post-controller.js"></script> + <script src="app/fusion/scripts/DS2-controllers/ds2-profile/self-profile-controller.js"></script> + <script src="app/fusion/scripts/DS2-services/postSearch.js"></script> + <script src="app/fusion/scripts/DS2-controllers/profile-search-controller-DS2.js"></script> + + <!-- app admin pages --> + <script src="app/fusion/scripts/DS2-services/adminMenuService.js"></script> + <script src="app/fusion/scripts/DS2-controllers/admin-controller.js"></script> + <script src="app/fusion/scripts/DS2-controllers/admin-menu-edit.js"></script> + <script src="app/fusion/scripts/DS2-controllers/usage-list-controller.js"></script> + <script src="app/fusion/scripts/DS2-controllers/fn-menu-add-popup-controller.js"></script> + + <!-- main page --> + <script src="app/dbcapp/home/dbc-home-controller.js"></script> + <script src="app/dbcapp/home/dbc-spa-router.js"></script> + + </head> + <body class="appBody" ng-app="abs"> + <!-- double quotation marks are required for the popup templates - values are string literals! --> + <div ng-include src="'app/dbcapp/home/dbc_popup_templates.html'"></div> + <div ng-include src="'app/dbcapp/dmaapaccess/dmaap_access_popup_template.html'"></div> + <div ng-include src="'app/dbcapp/datarouter/dr_feed_add_popup_template.html'"></div> + <div ng-include src="'app/dbcapp/datarouter/dr_feed_edit_popup_template.html'"></div> + <div ng-include src="'app/dbcapp/datarouter/dr_feed_pub_sub_list_popup_template.html'"></div> + <div ng-include src="'app/dbcapp/datarouter/dr_pub_popup_template.html'"></div> + <div ng-include src="'app/dbcapp/datarouter/dr_sub_popup_template.html'"></div> + <div ng-include src="'app/dbcapp/messagerouter/mr_client_popup_template.html'"></div> + <div ng-include src="'app/dbcapp/messagerouter/mr_topic_popup_template_edit.html'"></div> + <div ng-include src="'app/dbcapp/messagerouter/mr_topic_popup_template_show.html'"></div> + <div ng-include src="'app/dbcapp/messagerouter/mr_topic_client_list_popup_template.html'"></div> + <div ds2-header id="header" class="header-container"></div> + <div ds2-menu id="menu-container" class="menu-container"></div> + <div ng-view id="rightContentProfile" class="content-container"></div> + <div ds2-footer class="footer-container"></div> + </body> +</html> |