diff options
author | 2017-02-08 10:13:29 -0500 | |
---|---|---|
committer | 2017-02-08 10:15:00 -0500 | |
commit | f8a8d5192b1e5013d9e2f699be54b072ef39d5f0 (patch) | |
tree | b7a65bb0a7d70a9dc24c064113868e5f3b8e6a09 /dcae_dmaapbc_webapp/src/main/webapp/app/fusion/ase/view-models/index.html | |
parent | 72a80fbff7120630576ccd5aa67c20818c2943c7 (diff) |
Initial OpenECOMP UI/DMaapBC commit
Change-Id: Ia492e1b88311b9bed4c31f593b28deaaad73b7e4
Signed-off-by: talasila <talasila@research.att.com>
Diffstat (limited to 'dcae_dmaapbc_webapp/src/main/webapp/app/fusion/ase/view-models/index.html')
-rw-r--r-- | dcae_dmaapbc_webapp/src/main/webapp/app/fusion/ase/view-models/index.html | 159 |
1 files changed, 159 insertions, 0 deletions
diff --git a/dcae_dmaapbc_webapp/src/main/webapp/app/fusion/ase/view-models/index.html b/dcae_dmaapbc_webapp/src/main/webapp/app/fusion/ase/view-models/index.html new file mode 100644 index 0000000..ceda826 --- /dev/null +++ b/dcae_dmaapbc_webapp/src/main/webapp/app/fusion/ase/view-models/index.html @@ -0,0 +1,159 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="ISO-8859-1"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <title>AT&T Advanced Service Editor</title> + + <!-- Style Sheets --> + <link rel="stylesheet" type="text/css" href="../styles/menus/bs.css"> + <link rel="stylesheet" type="text/css" href="../styles/menus/jquery-ui.css"> + <link rel="stylesheet" type="text/css" href="../styles/menus/tooltipster.css"> + <link href="../styles/style.css" rel="stylesheet" type="text/css" /> + + <!-- Local Style --> + <style> + .ui-accordion .ui-accordion-content { padding: 0px; } + </style> + + <!-- Libraries --> + <!-- Dependencies --> + <script src="../scripts/dependencies/interact.js"></script> + <script src="../scripts/dependencies/jquery-2.1.4.min.js"></script> + <script src="../scripts/dependencies/Blob.js"></script> + <script src="../scripts/dependencies/base64.js"></script> + <script src="../scripts/dependencies/saveSvgAsPng.js"></script> + <script src="../scripts/dependencies/js-yaml.js"></script> + <script src="../scripts/menus/jquery.tooltipster.js"></script> + <script src="../scripts/menus/jquery-ui.min.js"></script> + <script src="../scripts/menus/bootstrap.min.js"></script> + <script src="../scripts/menus/bootbox.js"></script> + <script src="../scripts/menus/contextMenu.js"></script> + + <!-- AngularJS --> + <script src="../../external/ebz/angular_js/angular.js"></script> + + <!-- viewer dependencies --> + <script src="../scripts/bower_components/jquery-mousewheel/jquery.mousewheel.js"></script> + <script src="../scripts/bower_components/lodash/lodash.js"></script> + + <!-- viewer --> + <script src="../scripts/bower_components/bpmn-js/dist/bpmn-viewer.js"></script> + + <!-- My Scripts --> + <script src="../scripts/dragMoveListener.js"></script> + <script src="../scripts/dragMoveListenerArrow.js"></script> + <script src="../scripts/buttons.js"></script> + <script src="../scripts/resizable.js"></script> + <script src="../scripts/arrows.js"></script> + <script src="../scripts/nodes.js"></script> + <script src="../scripts/notes.js"></script> + <script src="../scripts/dropzones.js"></script> + <script src="../scripts/backend.js"></script> + <script src="../scripts/arrayManipulation.js"></script> + <script src="../scripts/printpdf.js"></script> + <script src="../scripts/scroll.js"></script> + <script src="../scripts/dictionary.js"></script> + <script src="../scripts/customContextMenus.js"></script> + <script src="../scripts/BPMNconversion.js"></script> + <script src="../scripts/convertToYaml.js"></script> + <!-- <script src="../scripts/elements_ase.js"></script> --> + <script src="../scripts/services.js"></script> + <script src="../scripts/ase.js"></script> + <script src="../scripts/app.js"></script> + + <script> + </script> +</head> + + + +<body ng-app="eAse"> + <div id="top-bar"> + <div class="home"> + <div class="att"></div> + <div class="pipe"></div> + <h3></h3> + + </div> + </div> + <div id="right-panel"> + <div class="controls"> + <div id="backHome" class="back"></div> + </div> + </div> + +<div id="titleBar" ng-controller="ETitleController"> + <h3 class="titleBar" > + <span id="description" ng-click="editTitle()" ng-show="titleEdit" ng-model="title" ng-cloak>{{title}}</span> + <input type="text" ng-hide="titleEdit" ng-model="title" ng-keypress="doneEdit($event)" ng-blur="blur($event)"> + </h3> +</div> + +<div id="topBreak"> + <br class=smallBR><br class=smallBR> +</div> + +<div id="sideBar"> +<br> + <table id="elementTable" style="margin-left:15px;"> + <tr><td> + <div id="element" class="nodeDraggable drag-drop drag nodeContextMenu" taska_id="com.ecomp.trinity.ran.enodeb"> + <p id="shortName" class=draggables> eNB </p> + </div> + </td></tr> + <tr><td><label class="componentSelection" for="domains">Domains</label><br><select id="domains" class="componentSelectionBox"><option value="na">-- Select Domain --</option></select></td></tr> + <tr><td><label class="componentSelection" for="elements">Elements</label><br><select id="elements" class="componentSelectionBox" disabled="disabled"><option value="na">-- Select Element --</option></select></td></tr> + <tr><td align-"center"> + <br> + <div class="arrowDraggable resizable gridDropzone" style="margin-left:27px;"> + <div class="arrow" style="display:inline;"></div><div class="triangle" style="display:inline;"></div> + </div> + <br> + </td></tr> + <tr><td align="center"> + <br> + <button id="saveButton" class="medium" style = "display:inline;" onmouseover="repeater=setInterval(warning(),100);" onmouseout="clearInterval(repeater);" onClick = "saveDialog();">Save</button> + <button class="medium" style = "display:inline;" onClick = "loadDialog();">Load</button> + <br> + </td></tr> + </table> + <br><br><br> + <div id="sampleDiv" style="margin-bottom:5px;margin-top:18px;font-size:small;"> + <div style="border: 1px inset black;background:white;margin:10px;padding:3px;"> + <span>Some of the libraries used to build this tool are <b>interact.js</b>,<b>bpmn.js.</b> and <b>bootstrap</b>. Intereact provides the drag and drop features. The buttons below will show some of these in action.</span> + <table style="text-align:center;border:0px;"> + <tr><td style="border:0px;">Load Sample Diagram<br><button class="medium" style="font-size:12px" id="sampleEx">Load Sample</button></td></tr> + <tr><td style="margin-top:3px;border:0px;">BPMN module was used to create printable images.<br><button class="medium" style="font-size:12px" id="bpmnEx">BPMN</button></td></tr> + <tr><td style="margin-top:3px;border:0px;">Bootstrap Popup Example<br><button class="medium" style="font-size:12px" id="popupEx">Show Popup</button></td></tr> + </table> + </div> + </div> + <div id="warning" style="font-style: italic; font-size: 12px; margin-top:12px; text-align:center; cursor:pointer" onClick = "blinkMissingArrows();"></div> + <img id="trash" class=trash src="../images/trashCan.gif" height="100" width="auto" style="cursor:pointer;margin-bottom:5px;margin-top:18px;visibility:hidden;"> +</div> +<div id="grid"> + <div id="appendSpot" class="arrow_box" style="position:absolute; z-index:9998; transform: translate(260px, 22px); -webkit-transform: translate(260px, 22px); visibility:hidden;">Append here</div> + <div id="nodeChildrenDroppedOffHere" style = "float:left"></div> + <!-- Nodes placed here --> + <div id="arrowChildrenDroppedOffHere" style = "float:left"></div> + <!-- Arrows placed here --> + <div id="noteChildrenDroppedOffHere" style = "float:left"></div> + <!-- Notes placed here --> + <div id="nodeZone" class="nodeDropzone" style="float:top;margin-left:10em;"> + <br style = "line-height:40px"> + <br style = "line-height:18px"> + <br style = "line-height:35px"> + </div> + <div id="numbers" style="position:fixed; width:auto; z-index:9006; height:auto; margin-left:10em;"> + <!-- Numbers generated here --> + </div> + <div id="horRows" style="position:absolute; margin-left:10em; width:81%; float:right;"> + <div id="lines" class = "arrowDropzone" style="position:relative; margin-left:6em;"> + <!-- Rows generated here --> + </div> + </div> +</div> +</body> + +</html> |