diff options
Diffstat (limited to 'ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows')
6 files changed, 513 insertions, 0 deletions
diff --git a/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-landing.html b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-landing.html new file mode 100644 index 000000000..2b5e3b602 --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-landing.html @@ -0,0 +1,130 @@ +<!DOCTYPE html> +<!-- + ================================================================================ + eCOMP Portal SDK + ================================================================================ + Copyright (C) 2017 AT&T Intellectual Property + ================================================================================ + 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. + ================================================================================ + --> + +<html> + <head> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta http-equiv="cache-control" content="max-age=0" /> + <meta http-equiv="cache-control" content="no-cache" /> + <meta http-equiv="expires" content="0" /> + <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" /> + <meta http-equiv="pragma" content="no-cache"/> + <!-- CSS --> + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/fn-ebz.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/sandbox/styles/demo.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/sandbox/styles/base.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/sandbox/styles/btn.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/sandbox/styles/dtpk.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/sandbox/styles/frms.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/sandbox/styles/sldr.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/sandbox/styles/style.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/sandbox/styles/tbs.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/ebz_header/portal_ebz_header.css"> + <link rel="stylesheet" type="text/css" href="static/fusion/css/jquery-ui.css"> + <!-- Basic AngularJS --> + + <script src= "app/fusion/external/angular-1.5/angular.js"></script> + <script src= "app/fusion/external/angular-1.5/angular-sanitize.js"></script> + <script src= "app/fusion/external/angular-1.5/angular-route.min.js"></script> + <script src= "app/fusion/external/angular-1.5/angular-cookies.js"></script> + <script src= "app/fusion/external/ebz/angular_js/app.js"></script> + <script src= "app/fusion/external/ebz/angular_js/gestures.js"></script> + <script src= "app/fusion/external/ebz/sandbox/att-abs-tpls.js" type="text/javascript"></script> + <!-- <script src= "app/fusion/external/scrollable-table/angular-scrollable-table.min.js"></script> --> + <!-- jQuery --> + <script src="static/js/jquery-1.10.2.js"></script> + <script src="static/js/jquery.mask.min.js" type="text/javascript"></script> + <script src="static/js/jquery-ui.js" type="text/javascript"></script> + <!-- AngularJS Gridster --> + <script src="static/fusion/js/att_angular_gridster/ui-gridster-tpls.js"></script> + <script src="static/fusion/js/att_angular_gridster/angular-gridster.js"></script> + <!-- AngularJS Config --> +<!-- <script src= "app/fusion/external/ebz/angular_js/app.js"></script> --> + <script src= "app/fusion/external/ebz/angular_js/checklist-model.js"></script> + + <!-- Controller js --> + <script src="app/fusion/scripts/controllers/fn_menu_add_popup_controller.js"></script> + <script src="app/fusion/scripts/controllers/admin_menu_edit.js"></script> + <script src="app/fusion/scripts/controllers/profile-search-controller.js"></script> + <script src="app/fusion/scripts/controllers/profile-controller.js"></script> + <script src="app/fusion/scripts/controllers/post-search-controller.js"></script> + <script src="app/fusion/scripts/controllers/role-list-controller.js"></script> + <script src="app/fusion/scripts/controllers/role-function-list-controller.js"></script> + <script src="app/fusion/scripts/controllers/rolefunctionpopupController.js"></script> + <script src="app/fusion/scripts/controllers/modelpopupController.js"></script> + <script src="app/fusion/scripts/controllers/jcs-admin-controller.js"></script> + <script src="app/fusion/scripts/controllers/broadcast-list-controller.js"></script> + <script src="app/fusion/scripts/controllers/broadcast-controller.js"></script> + <script src="app/fusion/scripts/controllers/usage-list-controller.js"></script> + <script src="app/fusion/scripts/controllers/collaborate-list-controller.js"></script> + <script src="app/fusion/scripts/controllers/role-controller.js"></script> + <script src="app/fusion/scripts/controllers/rolepopupmodelController.js"></script> + <!-- Header and Footer --> + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/ebz_header/header.css"> + <link rel="stylesheet" type="text/css" href="app/fusion/external/ebz/ebz_header/footer.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/external/bootstrap/bs.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/styles/workflows/workflows.css" > + + <script src="app/fusion/scripts/directives/footer.js"></script> + <script src="app/fusion/external/ebz/js/footer.js"></script> + <script src="app/fusion/scripts/directives/header.js"></script> + <script src="app/fusion/scripts/directives/leftMenu.js"></script> + <script src="app/fusion/scripts/services/leftMenuService.js"></script> + <script src="app/fusion/scripts/modalService.js"></script> + <link rel="import" href="app/fusion/scripts/view-models/header.html"> + <!-- Services --> + <script src="app/fusion/scripts/services/profileService.js"></script> + <script src="app/fusion/scripts/services/adminService.js"></script> + <script src="app/fusion/scripts/services/userInfoService.js"></script> + <!-- Controller --> + <script src="app/fusion/scripts/controllers/workflows/workflowRouting.js"></script> + <script src="app/fusion/scripts/controllers/workflows/workflowController.js"></script> + + <!-- Utility --> + <script src="app/fusion/scripts/modalService.js"></script> + + <!-- other js lib --> + <script type="text/javascript" src="app/fusion/scripts/socket/peerBroadcast.js"></script> + <script src="app/fusion/scripts/moment.min.js"></script> + + <script src="app/fusion/external/angular-ui/ui-bootstrap-tpls-1.1.2.min.js"></script> + + <script src="static/fusion/raptor/ebz/date_time_picker.js"></script> + <script src="static/fusion/raptor/ebz/moment.js"></script> + <link rel="stylesheet" href="static/fusion/raptor/ebz/date_time_picker.css"/> + <!-- Icons --> + <link rel="stylesheet" type="text/css" href="app/fusion/external/ionicons-2.0.1/css/ionicons.css" /> + <script> + angular.module('abs').requires.push('quantum'); + </script> + + </head> + <body class="appBody" ng-app="abs"> + <div ng-include src="'app/fusion/scripts/view-models/profile-page/popup_modal_fn_menu_add.html'"></div> + <div ng-include src="'app/fusion/scripts/view-models/profile-page/popup_modal_rolefunction.html'"></div> + <div ng-include src="'app/fusion/scripts/view-models/profile-page/popup_modal.html'"></div> + <div ng-include src="'app/fusion/scripts/view-models/profile-page/popup_modal_role.html'"></div> + <div q-header></div> + <div q-menu class="appLeftMenu"></div> + <div ng-view style="min-height: 450px;margin-top:-50px;margin-left:210px;"></div> + <div q-footer class="appFooter"></div> + </body> +</html> diff --git a/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-listing.html b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-listing.html new file mode 100644 index 000000000..ceb886778 --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-listing.html @@ -0,0 +1,85 @@ +<!-- + ================================================================================ + eCOMP Portal SDK + ================================================================================ + Copyright (C) 2017 AT&T Intellectual Property + ================================================================================ + 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. + ================================================================================ + --> +<br/> +<div> + <div> + <div align="right"> + <h3> + <button ng-click="createWorkflow('lg')" class="btn btn-primary">Create Workflow</button></h3> + </div> + <div> + <form> + <div class="form-group"> + <input type="text" ng-model="search" placeholder = "Current Workflows - Search one"/> + </div> + </form> + </div> + </div> +</div> + +<!-- <table att-table table-data="tableData" view-per-page="viewPerPage" + current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage" ng-show="workflows.length > 0"> + <thead att-table-row type="header"> --> + + +<table att-table table-data="tableData" view-per-page="viewPerPage" current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage"> + <thead att-table-row type="header"> + <tr class="info"> + <th att-table-header>Id</th> + <th att-table-header>Name</th> + <th>Key</th> + <th>Description</th> + <th>Workflow Server URL</th> + <!-- <th>Suspend Link</th> --> + <th>View</th> + <th>Active</th> + <th>Created </th> + <th>Created By</th> + <th>Action</th> + <th>Schedule</th> + <th>Edit</th> + <th>Delete?</th> + + + </tr> + </thead> + + + <tbody att-table-row type="body"> + <tr ng-repeat="workflow in workflows | filter: search"> + <td>{{workflow.id}}</td> + <td>{{workflow.name}}</td> + <td>{{workflow.workflowKey}}</td> + <td>{{workflow.description}}</td> + <td>{{workflow.runLink}}</td> + <td><div ng-click="previewWorkflow(workflow,'lg');" style="font-size:20px;"><a href="javascript:void(0)" class="ion-eye"></a></div></td> + <!-- <td>{{workflow.suspendLink}}</td> --> + <td >{{workflow.active}}</td> + <td>{{workflow.created}}</td> + <td>{{workflow.createdBy}}</td> + <td><div ng-show="workflow.active ==='false'" ng-click="activateWorkflow(workflow)" style="font-size:20px;"><a href="javascript:void(0)" class="ion-play"></a></div> + <div ng-show="workflow.active ==='true'" ng-click="suspendWorkflow(workflow)" style="font-size:20px;"><a href="javascript:void(0)" class="ion-pause"></a></div></td> + <td><div ng-click="scheduleWorkflow(workflow);" style="font-size:20px;"><a href="javascript:void(0)" class="ion-ios-time"></a></div></td> + <td><div ng-click="updateWorkflow(workflow);" style="font-size:20px;"><a href="javascript:void(0)" class="ion-edit"></a></div></td> + <td><div ng-click="removeWorkflow(workflow);" style="font-size:20px;"><a href="javascript:void(0)" class="ion-trash-b"></a></div></td> + </tr> + </tbody> +</table> + diff --git a/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-new.html b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-new.html new file mode 100644 index 000000000..4622b928f --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-new.html @@ -0,0 +1,108 @@ +<!-- + ================================================================================ + eCOMP Portal SDK + ================================================================================ + Copyright (C) 2017 AT&T Intellectual Property + ================================================================================ + 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. + ================================================================================ + --> +<div> + <div class="modal-header"> + <h3 class="modal-title">Create Workflows</h3> + </div> + <div class="workflow-popup-body"> + <form name="workflowForm" class="css-form" novalidate> + + <div class="control-group"> + <label class="fn-ebz-text large" for="workflowName">Name*: </label> + + <div> + <input type="text" id="workflowName" class="fn-ebz-text extra-large" ng-model="workflow.name" + name="workflowName" required="required" placeholder="Workflow Name" /> + + <div ng-show="workflowForm.$submitted || workflowForm.workflowName.$touched"> + <span ng-show="workflowForm.workflowName.$error.required">Workflow Name is required !!!</span> + </div> + + </div> + </div> + + + <div class="control-group"> + <label class="fn-ebz-text large" for="workflowKey">Key*: </label> + <div> + <input type="text" id="workflowKey" ng-model="workflow.workflowKey" class="fn-ebz-text extra-large" + name="workflowKey" required="required" placeholder="Workflow Key" /> + + <div ng-show="workflowForm.$submitted || workflowForm.workflowKey.$touched"> + <span ng-show="workflowForm.workflowKey.$error.required">Workflow Key is required !!!</span> + </div> + + </div> + </div> + + + <div class="control-group"> + <label class="fn-ebz-text large" for="workflowDescription">Description: </label> + + <div class="controls"> + <input type="text" ng-model="workflow.description" id = "workflowDescription" name="workflowDescription" class="fn-ebz-text extra-large" placeholder="Brief Description"/> + </div> + </div> + + <div class="control-group"> + <label class="fn-ebz-text large" for="workflowRunLink">Workflow Server URL*</label> + <div class="controls"> + <input type = "url" ng-model = "workflow.runLink" id = "workflowRunLink" name = "workflowRunLink" required = "required" class="fn-ebz-text extra-large"/> + </div> + + <div ng-show="workflowForm.$submitted || workflowForm.workflowRunLink.$touched"> + <span ng-show="workflowForm.workflowRunLink.$error.required">Run Link is required !!!</span> + <span class="error" ng-show="workflowForm.workflowRunLink.$error.url">Not valid url!</span> + </div> + + </div> + + <!-- <div class="control-group"> + <label class="fn-ebz-text large" for="workflowSuspendLink">Suspend Link*</label> + <div class="controls"> + <input type = "url" ng-model = "workflow.suspendLink" id = "workflowSuspendLink" name = "workflowSuspendLink" required = "required" class="fn-ebz-text extra-large"/> + </div> + + <div ng-show="workflowForm.$submitted || workflowForm.workflowSuspendLink.$touched"> + <span ng-show="workflowForm.workflowSuspendLink.$error.required">Suspend Link is required !!!</span> + <span class="error" ng-show="workflowForm.workflowSuspendLink.$error.url">Not valid url!</span> + </div> + </div> --> + + <div class="control-group"> + <label class="fn-ebz-text large" for="workflowActive">Active</label> + <div class="controls"> + <!-- <input type = "text" ng-model = "workflow.active" id="workflowActive" name="workflowActive" class="fn-ebz-text extra-large"/> --> + + <input type="radio" ng-model="workflow.active" value="true">Active + <input type="radio" ng-model="workflow.active" value="false">Inactive + + + </div> + </div> + + <div class="modal-footer"> + <a att-button btn-type="primary" ng-click="ok()">OK</a> + <a att-button btn-type="primary" ng-click="cancel()">Cancel</a> + </div> + </form> + <br /> + </div> +</div> diff --git a/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-preview.html b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-preview.html new file mode 100644 index 000000000..80fece4ef --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-preview.html @@ -0,0 +1,36 @@ +<!-- + ================================================================================ + eCOMP Portal SDK + ================================================================================ + Copyright (C) 2017 AT&T Intellectual Property + ================================================================================ + 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. + ================================================================================ + --> +<div> + <div class="modal-header"> + <h3 class="modal-title">View Workflow</h3> + </div> + <div class="workflow-popup-body"> + <form name="workflowForm" class="css-form" novalidate> + + <div style="overflow:scroll"> + <img ng-src="{{workflowToPreview.runLink}}/engine-rest/process-definition/key/{{workflowToPreview.workflowKey}}/diagram"> + </div> + <div class="modal-footer"> + <button class="fn-ebz-btn large" type="button" ng-click="cancel()">Close</button> + </div> + </form> + <br /> + </div> +</div> diff --git a/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-remove.html b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-remove.html new file mode 100644 index 000000000..e21efad8e --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-remove.html @@ -0,0 +1,38 @@ +<!-- + ================================================================================ + eCOMP Portal SDK + ================================================================================ + Copyright (C) 2017 AT&T Intellectual Property + ================================================================================ + 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. + ================================================================================ + --> +<div> + <div class="modal-header"> + <h3 class="modal-title">Remove Workflow?</h3> + </div> + <div class="workflow-popup-body"> + <form name="workflowForm" class="css-form" novalidate> + + <div class="control-group"> + <label class="fn-ebz-text large" for="workflowName">Workflow "{{workflowToRemove.name}}" is going to be removed. Are you sure?</label> + </div> + + <div class="modal-footer"> + <a att-button btn-type="primary" ng-click="ok()">OK</a> + <a att-button btn-type="primary" ng-click="cancel()">Cancel</a> + </div> + </form> + <br /> + </div> +</div> diff --git a/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-schedule.html b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-schedule.html new file mode 100644 index 000000000..aebc04fbd --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/workflows/workflow-schedule.html @@ -0,0 +1,116 @@ +<!-- + ================================================================================ + eCOMP Portal SDK + ================================================================================ + Copyright (C) 2017 AT&T Intellectual Property + ================================================================================ + 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. + ================================================================================ + --> +<div> + <div class="modal-header"> + <h3 class="modal-title">Workflow: {{workflowToSchedule.name}}</h3> + <table style="width:60%"> + <tr><td>Workflow Key:</td> <td>{{workflowToSchedule.workflowKey}}</td></tr> + <tr><td>Workflow Description:</td> <td>{{workflowToSchedule.description}}</td></tr> + </table> + </div> + + <div class="workflow-popup-body"> + <form name="workflowForm" class="css-form" novalidate> + + <table> + <tr> + <form name="myForm"> + <td> + <label for="singleSelect"> Recurrence: </label> + </td> + <td> +<div class="form-field" att-select="recurrenceOptions" ng-model="selectRecurrenceOpt" placeholder="Select an Option"></div> + <br> + </td> + <td> </td> + </form> + </tr> +<tr> +<td> + +</td> +<td> +Pick a date: +</td> +<td> +Hour: +</td> +<td> +Minute: +</td> +</tr> + <tr> + <td> + <form name="FirstScheduleForm"> + <label for="dateSelect"> First Schedule: </label> + </form> + </td> + <td> + <!--DATEPICKER POPUP--> + <input id="datepicker1" type="text" ng-model="dt" att-datepicker> + </td> + <td> + <div class="form-field" att-select="hours" ng-model="selectFirstHour" placeholder="Select an Option"></div> + </td> + <td> + <div class="form-field" att-select="minutes" ng-model="selectFirstMinute" placeholder="Select an Option"></div> + </td> +<!-- <td> + <div class="form-field" att-select="AMPMOptions" ng-model="selectStartAMPMOption" placeholder="Select an Option"></div> + </td> --> +</tr> +<tr> + <td> + <form name="LastScheduleForm"> + <label for="dateSelect"> Last Schedule: </label> + </form> + </td> + <td> + <input id="datepicker2" type="text" ng-model="dt2" att-datepicker> + </td> + <td> + <div class="form-field" att-select="hours" ng-model="selectLastHour" placeholder="Select an Option"></div> + </td> + <td> + <div class="form-field" att-select="minutes" ng-model="selectLastMinute" placeholder="Select an Option"></div> + </td> + : +<!-- <td> + <div class="form-field" att-select="AMPMOptions" ng-model="selectLastAMPMOption" placeholder="Select an Option"></div> + </td> --> + + </tr> +<tr> +<!-- <td> + <input id="datepicker3" type="text" ng-model="dt3" date-format="datetimeformat" att-date-time-picker> +</td> + --> +</tr> + +</table> + <div class="modal-footer"> + <a att-button btn-type="primary" ng-click="ok()">OK</a> + <a att-button btn-type="primary" ng-click="cancel()">Cancel</a> + </div> + + </form> + <br /> + </div> +</div> |