diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page')
6 files changed, 421 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-landing.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-landing.html new file mode 100644 index 00000000..fc90c273 --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-landing.html @@ -0,0 +1,66 @@ +<!DOCTYPE html> +<!-- Single-page application for EPSDK-App workflow page using DS2 look and feel --> +<html> +<head> + <meta charset="ISO-8859-1"> + <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> + + <title>Workflow</title> + + <!-- Common items --> + <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"> + + <script src="app/fusion/external/angular-1.4.8/angular.min.js"></script> + <script src="app/fusion/external/angular-1.4.8/angular-messages.js"></script> + <script src="app/fusion/external/angular-1.4.8/angular-touch.js"></script> + <script src="app/fusion/external/angular-1.4.8/angular-sanitize.js"></script> + <script src="app/fusion/external/angular-1.4.8/angular-route.min.js"></script> + <script src="app/fusion/external/angular-1.4.8/angular-cookies.min.js"></script> + + <script src="app/fusion/external/b2b/js/b2b-angular/b2b-library.min.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> + <script src="app/fusion/external/angular-gridster/dist/angular-gridster.min.js"></script> + + <script src="app/fusion/scripts/DS2-services/ds2-modal/modalService.js"></script> + <script src="app/fusion/external/ds2/js/appDS2.js"></script> + + <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/leftMenuServiceDS2.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-directives/ds2LeftMenu.js"></script> + <script src="app/fusion/scripts/DS2-directives/b2b-leftnav-ext.js"></script> + + <!-- Page specific items --> + <script src="app/fusion/scripts/DS2-services/userInfoServiceDS2.js"></script> + <script src="app/fusion/scripts/DS2-controllers/ds2-workflows/workflowRouting.js"></script> + <script src="app/fusion/scripts/DS2-controllers/ds2-workflows/workflowController.js"></script> + <script src="app/fusion/scripts/DS2-controllers/ds2-workflows/workflowApp.js"></script> + + <!-- <link rel="stylesheet" type="text/css" href="static/fusion/sample/css/scribble.css" /> + <link rel="stylesheet" type="text/css" href="app/fusion/styles/workflows/workflows.css" > + <link rel="stylesheet" type="text/css" href="app/fusion/styles/workflows/bs-workflow.css" > + --> +</head> + <body class="appBody" ng-app="abs"> + <div ds2-Header class="header-container" ></div> + <div ds2-menu id="menuContainer" class="menu-container" ></div> + <div ng-view id="rightContentProfile" class="content-container"></div> + <div ds2-Footer class="footer-container"></div> + </body> +</html> + + + diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-listing.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-listing.html new file mode 100644 index 00000000..452dcafa --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-listing.html @@ -0,0 +1,65 @@ + +<div id="page-content" style=" width: 100%;" > + <br/> + <div > + <h1 class="heading-page">Workflow</h1> + <button type="submit" ng-click="createWorkflow('md')" class="btn btn-alt btn-small" >Create Workflow</button> + </div> + <div> + <form> + <div class="form-group" align="right"> + <input type="text" ng-model="search" placeholder = "Search Workflows"/> + </div> + </form> + </div> + + + + +<div> +<table class="striped" table-data="tableData" view-per-page="viewPerPage" current-page="currentPage" search-category="searchCategory" search-string="searchString" total-page="totalPage"> + <thead > + <tr class="info"> + <th >Id</th> + <th>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 type="body" ng-repeat="workflow in workflows | filter: search"> + <tr> + <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=" icon-people-preview"></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="icon-controls-playalt"></a></div> + <div ng-show="workflow.active ==='true'" ng-click="suspendWorkflow(workflow)" style="font-size:20px;"><a href="javascript:void(0)" class="icon-controls-pauseL"></a></div></td> + <td><div ng-click="scheduleWorkflow(workflow);" style="font-size:20px;"><a href="javascript:void(0)" class="icon-misc-time"></a></div></td> + <td><div ng-click="updateWorkflow(workflow);" style="font-size:20px;"><a href="javascript:void(0)" class="icon-misc-pen"></a></div></td> + <td><div ng-click="removeWorkflow(workflow);" style="font-size:20px;"><a href="javascript:void(0)" class="icon-misc-trash"></a></div></td> + </tr> + </tbody> +</table> +</div> + + </div> diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-new.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-new.html new file mode 100644 index 00000000..9daebd07 --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-new.html @@ -0,0 +1,110 @@ +<div> + <div class="b2b-modal-header ng-scope in"> + <h2 id="myModalLabel" modal-title="">Create Workflows</h2> + <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"> + <form name="workflowForm" class="css-form" novalidate> + <div class="form-row input-emphasized-field"> + <label for="textinputID1">Name *: </label> + + <div class="field-group"> + <input type="text" id="textinputID-2a" ddh-reset ng-model="workflow.name" class="span12 input-emphasized" + 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="form-row input-emphasized-field"> + <label for="textinputID1">Key*: </label> + <div class="field-group"> + <input type="text" id="textinputID-2a" ddh-reset ng-model="workflow.workflowKey" class="span12 input-emphasized" + 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="form-row input-emphasized-field"> + <label for="textinputID1">Description: </label> + + <div class="field-group"> + <input type="text" ng-model="workflow.description" id = "textinputID-2a" ddh-reset name="workflowDescription" class="span12 input-emphasized" placeholder="Brief Description"/> + </div> + </div> + + <div class="form-row input-emphasized-field"> + <label for="textinputID1">Workflow Server URL*</label> + <div class="field-group"> + <input type = "url" ng-model = "workflow.runLink" id = "workflowRunLink" ddh-reset name = "workflowRunLink" required = "required" class="span12 input-emphasized"/> + </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="form-row" role="radio"> + <fieldset role="radiogroup" radio-group-accessibility aria-labelledby="radiolabel1"> + <label for="optionsRadios1111" class="radio"> + <!-- <input type = "text" ng-model = "workflow.active" id="workflowActive" name="workflowActive" class="fn-ebz-text extra-large"/> --> + <input type="radio" ng-model="workflow.active" id="optionsRadios1111" name="optionsRadio11" value="true" required=""> + <i class="skin"></i> + <span>Active</span> + </label> + </div> + <div class="form-row" role="radio"> + <label for="optionsRadios2222" class="radio"> + <input type="radio" ng-model ="workflow.active" id="optionsRadios2222" name="optionsRadio11" value="false"> + <i class="skin"></i> + <span>Inactive</span> + </label> + <!-- </div> + <input type="radio" ng-model="workflow.active" value="true">Active + <input type="radio" ng-model="workflow.active" value="false">Inactive + + + </div> --> + </div> + </fieldset> + </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="ok()">OK</button> + <button class="btn btn-medium" type="button" + ng-click="cancel()">Cancel</button> + </div> + </div> + </form> + <br /> + </div> +</div>
\ No newline at end of file diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-preview.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-preview.html new file mode 100644 index 00000000..0fb1ffa2 --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-preview.html @@ -0,0 +1,24 @@ +<div> + <div class="b2b-modal-header ng-scope in"> + <h2 id="myModalLabel" modal-title="">View Workflow</h3> + <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" > + <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="b2b-modal-footer ng-scope ng-isolate-scope in"> + <div class="cta-button-group in"> + <button class="btn btn-medium" type="button" + ng-click="cancel()">Cancel</button> + </div> + </div> + </form> + <br /> + </div> +</div>
\ No newline at end of file diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-remove.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-remove.html new file mode 100644 index 00000000..a355c07e --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-remove.html @@ -0,0 +1,26 @@ +<div style=" height: 276px;"> + <div class="b2b-modal-header ng-scope in"> + <h2 id="myModalLabel" modal-title="">Remove Workflow</h2> + <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" style="margin-bottom: -50px;"> + <form name="workflowForm" class="css-form" novalidate> + + <div class="form-row input-emphasized-field"> + <label class="span12 input-emphasized" for="textinputID-2a">Workflow "{{workflowToRemove.name}}" is going to be removed. Do you want to continue</label> + </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="ok()">OK</button> + <button class="btn btn-medium" type="button" + ng-click="cancel()">Cancel</button> + </div> + </div> + </form> + <br /> + </div> +</div>
\ No newline at end of file diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-schedule.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-schedule.html new file mode 100644 index 00000000..b939a598 --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/DS2-workflows-page/workflow-schedule.html @@ -0,0 +1,130 @@ +<div> + <div class="b2b-modal-header ng-scope in"> + <h2 id="myModalLabel" modal-title="">Workflow: {{workflowToSchedule.name}}</h2> + <div class="corner-button in"> + <button type="button" class="close" aria-label="Close" + ng-click="$dismiss('cancel')"></button> + </div> + + </div> + <table style="width:60%; margin-bottom: -21px"> + <tr><td>Workflow Key:</td> <td>{{workflowToSchedule.workflowKey}}</td></tr> + <tr><td>Workflow Description:</td> <td>{{workflowToSchedule.description}}</td></tr> + </table> + + + <div class="b2b-modal-body ng-scope ng-isolate-scope in" style="padding:0px;"> + <form name="workflowForm" class="css-form" novalidate> + + <table> + <tr> + <form name="myForm"> + <td> + <label for="singleSelect"> Recurrence: </label> + </td> + <td style="padding-top: 0px;padding-bottom: 0px;"> + <div class="span12"> + <div class="form-row"> + <select name="dropdown1" b2b-dropdown ng-model="selectRecurrenceOpt"> + <option b2b-dropdown-list option-repeat="d in recurrenceOptions" value="{{d.value}}" init-value="{{selectRecurrenceOpt.title}}">{{d.title}}</option> + </select> + </div> + </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 class="span12" id="datepicker1" type="text" style="overflow-y:scroll;" ng-model="dt" b2b-datepicker > + </td> + <td> + <div class="span12"> + <div class="form-row"> + <select name="dropdown1" b2b-dropdown ng-model="selectFirstHour"> + <option b2b-dropdown-list option-repeat="d in hours" value="{{d.value}}" init-value="{{selectFirstHour.title}}" placeholder="Select an Option">{{d.title}}</option> + </select> + </div> + </div> + </td> + <td> + <div class="span12"> + <div class="form-row"> + <select name="dropdown1" b2b-dropdown ng-model="selectFirstMinute"> + <option b2b-dropdown-list option-repeat="d in minutes" value="{{d.value}}" init-value="{{selectFirstMinute.title}}" placeholder="Select an Option">{{d.title}}</option> + </select> + </div> + </div> + </td> +</tr> +<tr > + <td> + <form name="LastScheduleForm"> + <label for="dateSelect"> Last Schedule: </label> + </form> + </td> + <td> + <div > + <input class="span12" id="datepicker2" type="text" ng-model="dt2" b2b-datepicker> + </div> + </td> + <td> + <div class="span12"> + <div class="form-row"> + <select name="dropdown1" b2b-dropdown ng-model="selectLastHour"> + <option b2b-dropdown-list option-repeat="d in hours" value="{{d.value}}" init-value="{{selectLastHour.title}}" placeholder="Select an Option">{{d.title}}</option> + </select> + </div> + </div> + </td> + <td> + <div class="span12"> + <div class="form-row"> + <select name="dropdown1" b2b-dropdown ng-model="selectLastMinute"> + <option b2b-dropdown-list option-repeat="d in minutes" value="{{d.value}}" init-value="{{selectLastMinute.title}}" placeholder="Select an Option">{{d.title}}</option> + </select> + </div> + </div> + </td> + : + + </tr> +<tr> + +</tr> + +</table> + <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="ok()">OK</button> + <button class="btn btn-medium" type="button" + ng-click="cancel()">Cancel</button> + </div> + </div> + + </form> + <br /> + </div> +</div>
\ No newline at end of file |