-<!DOCTYPE html>\r
<!--\r
\r
Copyright 2016, Huawei Technologies Co., Ltd.\r
\r
-->\r
\r
+<!DOCTYPE html>\r
<html>\r
<head>\r
- <head lang="en">\r
- <meta charset="UTF-8">\r
- <title></title>\r
- <link href="css/bootstrap.min.css" rel="stylesheet" />\r
- <link href="css/VMMain.css" rel="stylesheet" />\r
- <link href="css/bootstrap-table.min.css" rel="stylesheet" />\r
- <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>\r
- <script type="text/javascript" src="js/controller.js"></script>\r
- <script type="text/javascript" src="js/bootstrap.min.js"></script>\r
- <script type="text/javascript" src="js/bootstrap-table.min.js"></script> \r
- <script type="text/javascript">\r
+<head lang="en">\r
+<meta charset="UTF-8">\r
+<title></title>\r
+<link href="css/bootstrap.min.css" rel="stylesheet" />\r
+<link href="css/VMMain.css" rel="stylesheet" />\r
+<link href="css/bootstrap-table.min.css" rel="stylesheet" />\r
+<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>\r
+<script type="text/javascript" src="js/controller.js"></script>\r
+<script type="text/javascript" src="js/bootstrap.min.js"></script>\r
+<script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
+<script type="text/javascript">\r
$(document).ready(function() {\r
- \r
- \r
- var jsondata = loadControllerData();\r
+\r
+ var jsondata = loadControllerData();\r
\r
$('#controller').bootstrapTable({\r
- //Assigning data to table\r
- data: jsondata\r
+ //Assigning data to table\r
+ data : jsondata\r
});\r
- });\r
+ });\r
function operateFormatter(value, row, index) {\r
- return [\r
- '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'\r
- ].join('');\r
- \r
- }\r
- window.operateEvents = {\r
- 'click .siteDeleteImg': function (e, value, row, index) {\r
- // TO DO ajex call for delete\r
- deleteLink(row.id);\r
- console.log(value, row, index);\r
- }\r
- };\r
- </script>\r
+ return [ '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />' ]\r
+ .join('');\r
+\r
+ }\r
+ window.operateEvents = {\r
+ 'click .siteDeleteImg' : function(e, value, row, index) {\r
+ // TO DO ajex call for delete\r
+ deleteLink(row.id);\r
+ console.log(value, row, index);\r
+ }\r
+ };\r
+</script>\r
</head>\r
<body id="open_base_site_cotentBody" class="cotentBody ng-scope">\r
- <div class="container-fluid ms-controller">\r
- \r
- <div class="uploadBtn">\r
- <div id="open_base_tpL_userHeader" class="userHeader">\r
- <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">\r
- <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" style="display: inline-block; padding-left: 0px; padding-right: 0px;"><div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span class="openo-widget-button-image openoButton_buttonLeftImg" style="background-image: url(images/add.png);"></span><span class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span class="openo-widget-button-image openoButton_buttonImgDefault"></span></div></div>\r
+ <div class="container-fluid ms-controller">\r
+\r
+ <div class="uploadBtn">\r
+ <div id="open_base_tpL_userHeader" class="userHeader">\r
+ <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">\r
+ <div\r
+ class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"\r
+ tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"\r
+ cls="defaultbutton" click="clickAdd"\r
+ style="display: inline-block; padding-left: 0px; padding-right: 0px;">\r
+ <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button">\r
+ <span class="openo-widget-button-image openoButton_buttonLeftImg"\r
+ style="background-image: url(images/add.png);"></span><span\r
+ class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span\r
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span>\r
+ </div>\r
+ </div>\r
\r
+ </div>\r
</div>\r
</div>\r
- </div>\r
- \r
- <div class="row-fluid" data-name="table_zone">\r
- <div id='ict_virtualApplication_table_div'>\r
+\r
+ <div class="row-fluid" data-name="table_zone">\r
+ <div id='ict_virtualApplication_table_div'>\r
<div>\r
<div class="top">\r
- <table id="controller" data-pagination="true" data-page-size="5" data-pagination-first-text="First" data-pagination-pre-text="Previous" data-pagination-next-text="Next" data-pagination-last-text="Last">\r
+ <table id="controller" data-pagination="true" data-page-size="10"\r
+ data-pagination-first-text="First" data-pagination-pre-text="Previous"\r
+ data-pagination-next-text="Next" data-pagination-last-text="Last">\r
<thead id="controller" class="openo-table-thead">\r
- <tr class="active">\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="name"data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ctrler_name_sorticon" class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="logicalType" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ctrler_protocol_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Protocol\r
+ <tr class="active">\r
+ <th\r
+ class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="name" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ctrler_name_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name\r
</span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="layerRate" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ctrler_productname_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Product Name\r
+ </div>\r
+ </th>\r
+ <th\r
+ class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="protocol" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ctrler_protocol_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Protocol\r
</span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="aEnd" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ctrler_type_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Type\r
+ </div>\r
+ </th>\r
+ <th\r
+ class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="productname" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ctrler_productname_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Product\r
+ Name</span>\r
+ </div>\r
+ </th>\r
+ <th\r
+ class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="type" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ctrler_type_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Type\r
</span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="zEnd" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ctrler_vendor_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Vendor\r
+ </div>\r
+ </th>\r
+ <th\r
+ class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="vendor" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ctrler_vendor_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Vendor\r
</span>\r
- </div>\r
- </th>\r
- \r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="aEndME" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ctrler_version_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Version\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="zEndME" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ctrler_description_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Description\r
+ </div>\r
+ </th>\r
+\r
+ <th\r
+ class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="version" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ctrler_version_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Version\r
</span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="adminState" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ctrler_createtime_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Create Time\r
+ </div>\r
+ </th>\r
+ <th\r
+ class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="description" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ctrler_description_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Description\r
</span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="operState" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ctrler_operation_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operation\r
+ </div>\r
+ </th>\r
+ <th\r
+ class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="createtime" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ctrler_createtime_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Create\r
+ Time </span>\r
+ </div>\r
+ </th>\r
+ <th\r
+ class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="operation" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ctrler_operation_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operation\r
</span>\r
- </div>\r
- </th>\r
- </tr>\r
- </thead>\r
- <tbody>\r
- </tbody>\r
+ </div>\r
+ </th>\r
+ </tr>\r
+ </thead>\r
+ <tbody>\r
+ </tbody>\r
</table>\r
</div>\r
</div>\r
</div>\r
- </div>\r
- <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev"> </span></li><ul><li class="active"><span class="current" id="tpListopenotable_wrapper_page_link_1">1</span></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_2">2</a></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_3">3</a></li><li><a class="page-link next" id="tpListopenotable_wrapper_next"> </a></li></ul></div></div> -->\r
+ </div>\r
+ <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev"> </span></li><ul><li class="active"><span class="current" id="tpListopenotable_wrapper_page_link_1">1</span></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_2">2</a></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_3">3</a></li><li><a class="page-link next" id="tpListopenotable_wrapper_next"> </a></li></ul></div></div> -->\r
+\r
+ <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"\r
+ aria-hidden="false">\r
+ <div class="modal-dialog">\r
+ <div class="modal-content">\r
+ <div class="content">\r
+ <div class="modal-header">\r
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>\r
+ <h4 class="modal-title" id="myModalLabel">\r
+ <span>Create</span>\r
+ </h4>\r
+ </div>\r
+ <form class="form-horizontal" role="form" id="controllerForm">\r
+ <div id="wizard">\r
+ <div class="modal-body">\r
+ <ul class="nav nav-pills nav-justified vmapp-margin">\r
+ </ul>\r
+ <div class="tab-content">\r
+ <div class="tab-pane active" id="basicTab">\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label"> <span>Name</span> <span\r
+ class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="name" name="name" class="form-control" />\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label"> <span>URL</span> <span\r
+ class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="url" name="url" class="form-control" />\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label"> <span>User Name</span> <span\r
+ class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="username" name="username"\r
+ class="form-control" />\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label"> <span>Password</span> <span\r
+ class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="password" id="password" name="password"\r
+ class="form-control" />\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label"> <span>Version</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="version" name="version" class="form-control" />\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label"> <span>Vendor</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="vendor" name="vendor" class="form-control" />\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label"> <span>Description</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="description" name="description"\r
+ class="form-control" />\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label"> <span>Protocol</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <select class="form-control"\r
+ style="padding-top: 0px; padding-bottom: 0px;" id="protocol"\r
+ name="protocol">\r
+ <option value="netconf">netconf</option>\r
+ <option value="snmp">snmp</option>\r
+ </select>\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label"> <span>Product Name</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="productname" name="productname"\r
+ class="form-control" />\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label"> <span>Type</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <select class="form-control"\r
+ style="padding-top: 0px; padding-bottom: 0px;" id="type"\r
+ name="type">\r
+ <option value="odl">ODL</option>\r
+ <option value="onos">ONOS</option>\r
+ </select>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ <div class="modal-footer">\r
+ <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"\r
+ id="createLink">\r
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
+ </button>\r
+ <button type="button" class="btn button-previous SDBtn">\r
+ <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>\r
+ </button>\r
\r
- <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"\r
- aria-labelledby="myModalLabel" aria-hidden="false">\r
- <div class="modal-dialog">\r
- <div class="modal-content"> \r
- <div class="content">\r
- <div class="modal-header">\r
- <button type="button" class="close" data-dismiss="modal" \r
- aria-hidden="true">×\r
- </button>\r
- <h4 class="modal-title" id="myModalLabel">\r
- <span>Create</span>\r
- </h4>\r
- </div>\r
- <form class="form-horizontal" role="form" id="linkForm">\r
- <div id="wizard">\r
- <div class="modal-body"> \r
- <ul class="nav nav-pills nav-justified vmapp-margin">\r
- </ul>\r
- <div class="tab-content">\r
- <div class="tab-pane active" id="basicTab">\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Name</span>\r
- <span class="required">*</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="name" name="name" class="form-control"/> \r
- </div>\r
- </div>\r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>Type</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="logicalType" \r
- name="logicalType">\r
- <option value="fiberLink">Fiber Link</option>\r
- <option value="l2Link">L2 Link</option>\r
- <option value="ipLink">IP Link</option>\r
- <option value="electricalLink">Electrical Link</option>\r
- </select>\r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Layer Rate</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="layerRate" name="layerRate" class="form-control"/> \r
- </div>\r
- </div>\r
- \r
- \r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Source Port</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="aEnd" name="aEnd" class="form-control"/> \r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Sink Port</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="zEnd" name="zEnd" class="form-control"/> \r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Source NE</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="aEndMe" name="aEndME" class="form-control"/> \r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Sink NE</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="zEndMe" name="zEndME" class="form-control"/> \r
- </div>\r
- </div>\r
- </div> \r
- </div>\r
- </div>\r
- <div class="modal-footer"> \r
- <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createLink">\r
- <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
- </button> \r
- <button type="button" class="btn button-previous SDBtn">\r
- <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>\r
- </button>\r
- \r
- </div>\r
- </div> \r
- </form>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- <div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide" style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;"><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div></div>\r
+ </div>\r
+ </div>\r
+ </form>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ <div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"\r
+ style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0">\r
+ <label class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>\r
+ </div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1">\r
+ <label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label>\r
+ </div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2">\r
+ <label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label>\r
+ </div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3">\r
+ <label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label>\r
+ </div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4">\r
+ <label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label>\r
+ </div>\r
+ </div>\r
\r
\r
</body>\r
* See the License for the specific language governing permissions and\r
* limitations under the License.\r
*/\r
- \r
-$('.siteDeleteImg').click(function(){\r
- var data = $(this).parent().parent().parent().find('td:last').find('div:last').html();\r
- alert(data);\r
- var jsonObj = JSON.parse(data);\r
- for(var i = 0; i < jsonObj.length; i++) {\r
- var obj = jsonObj[i];\r
- var rowData = [obj.tpName,obj.peName,obj.vlanId,obj.siteCidr,obj.ip];\r
- $('#underlayTpDataTable').DataTable();\r
- $('#underlayTpDataTable').dataTable().fnAddData(rowData);\r
- }\r
-});\r
\r
+$('.siteDeleteImg').click(\r
+ function() {\r
+ var data = $(this).parent().parent().parent().find('td:last').find(\r
+ 'div:last').html();\r
+ alert(data);\r
+ var jsonObj = JSON.parse(data);\r
+ for (var i = 0; i < jsonObj.length; i++) {\r
+ var obj = jsonObj[i];\r
+ var rowData = [ obj.tpName, obj.peName, obj.vlanId,\r
+ obj.siteCidr, obj.ip ];\r
+ $('#underlayTpDataTable').DataTable();\r
+ $('#underlayTpDataTable').dataTable().fnAddData(rowData);\r
+ }\r
+ });\r
\r
+function deleteController(objectId) {\r
+ var requestUrl = "/openoapi/extsys/v1/sdncontrollers/" + objectId;\r
+ $.ajax({\r
+ type : "DELETE",\r
+ url : requestUrl,\r
+ contentType : "application/json",\r
+ success : function(jsonobj) {\r
+ $('#controller').bootstrapTable('remove', {\r
+ field : 'id',\r
+ values : [ objectId ]\r
+ });\r
+ alert("Delete Controller successfull !!!");\r
+ },\r
+ error : function(xhr, ajaxOptions, thrownError) {\r
+ alert("Error on deleting controller : " + xhr.responseText);\r
+ }\r
+ });\r
+}\r
\r
-function deleteController(objectId){\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links/"+objectId;\r
- $\r
- .ajax({\r
- type : "DELETE",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- success : function(jsonobj) {\r
- $('#controller').bootstrapTable('remove', {\r
- field: 'id',\r
- values: [objectId]\r
- });\r
- alert("Delete Controller successfull !!!");\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on deleting controller : " + xhr.responseText); \r
- }\r
- });\r
+function loadControllerData() {\r
+ var requestUrl = "/openoapi/extsys/v1/sdncontrollers";\r
+ $.ajax({\r
+ type : "GET",\r
+ url : requestUrl,\r
+ contentType : "application/json",\r
+ success : function(jsonobj) {\r
+ $('#controller').bootstrapTable({\r
+ data : jsonobj.topologicalControllers\r
+ });\r
+ },\r
+ error : function(xhr, ajaxOptions, thrownError) {\r
+ alert("Error on getting controller data : " + xhr.responseText);\r
+ }\r
+ });\r
}\r
\r
+$(function() {\r
+ $('.creat-btn').click(function() {\r
+ $('#vmAppDialog').addClass('in').css({\r
+ 'display' : 'block'\r
+ });\r
\r
-function loadControllerData(){\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links";\r
- $\r
- .ajax({\r
- type : "GET",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- success : function(jsonobj) {\r
- $('#controller').bootstrapTable({\r
- data: jsonobj.topologicalControllers\r
- });\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on getting controller data : " + xhr.responseText); \r
- }\r
- });\r
-}\r
+ });\r
+ $('.close,.button-previous').click(function() {\r
+ $('#vmAppDialog').removeClass('in').css('display', 'none');\r
+ });\r
+ $('.detail-top ul li').click(function() {\r
+ $(this).addClass('current').siblings().removeClass('current');\r
+ });\r
+ $('.para').click(function() {\r
+ if ($('#serviceTemplateName').val() == '') {\r
+ alert('Please choose the service templet！');\r
+ $('#flavorTab').css('display', 'none');\r
+ } else {\r
+ $('#flavorTab').css('display', 'block');\r
+ }\r
+ $('#basicTab').css('display', 'block');\r
+ });\r
+ $('.basic').click(function() {\r
+ $('#flavorTab').css('display', 'none');\r
+ });\r
\r
-$(function(){\r
- $('.creat-btn').click(function(){\r
- $('#vmAppDialog').addClass('in').css({'display':'block'});\r
- \r
- });\r
- $('.close,.button-previous').click(function(){\r
- $('#vmAppDialog').removeClass('in').css('display','none');\r
- });\r
- $('.detail-top ul li').click(function(){\r
- $(this).addClass('current').siblings().removeClass('current');\r
- });\r
- $('.para').click(function(){ \r
- if($('#serviceTemplateName').val() == ''){\r
- alert('Please choose the service templet！');\r
- $('#flavorTab').css('display','none');\r
- }else{\r
- $('#flavorTab').css('display','block');\r
- }\r
- $('#basicTab').css('display','block');\r
- });\r
- $('.basic').click(function(){\r
- $('#flavorTab').css('display','none');\r
+ $('.table tbody tr').click(\r
+ function() {\r
+ $(this).addClass('openoTable_row_selected').siblings()\r
+ .removeClass('openoTable_row_selected');\r
});\r
- \r
- $('.table tbody tr').click(function(){\r
- $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');\r
- });\r
- $('.table tr:odd').addClass('active');\r
- $('#false').click(function(){\r
- $('#vmAppDialog').addClass('in').css({'display':'block'});\r
- });\r
- $('.close,.button-previous').click(function(){\r
- $('#vmAppDialog').removeClass('in').css('display','none');\r
- });\r
- $('#filterTpLogicalType').click(function(){\r
- $('#filterTpLogicalType_select_popupcontainer').toggleClass('openo-hide');\r
+ $('.table tr:odd').addClass('active');\r
+ $('#false').click(function() {\r
+ $('#vmAppDialog').addClass('in').css({\r
+ 'display' : 'block'\r
+ });\r
+ });\r
+ $('.close,.button-previous').click(function() {\r
+ $('#vmAppDialog').removeClass('in').css('display', 'none');\r
+ });\r
+ $('#filterTpLogicalType').click(\r
+ function() {\r
+ $('#filterTpLogicalType_select_popupcontainer').toggleClass(\r
+ 'openo-hide');\r
$('#filterTpLogicalType').toggleClass('openo-focus');\r
var oLeft = $('#open_base_tpL_td6').offset().left;\r
- var oTop = $('#open_base_tpL_td6').offset().top;\r
- var oHeight = $('#open_base_tpL_td6').height();\r
- $('#filterTpLogicalType_select_popupcontainer').css({'left':oLeft,'top':oTop + oHeight + 10});\r
+ var oTop = $('#open_base_tpL_td6').offset().top;\r
+ var oHeight = $('#open_base_tpL_td6').height();\r
+ $('#filterTpLogicalType_select_popupcontainer').css({\r
+ 'left' : oLeft,\r
+ 'top' : oTop + oHeight + 10\r
+ });\r
});\r
- $('div.openo-select-popup-container>div.openo-select-item>label').click(function(){\r
+ $('div.openo-select-popup-container>div.openo-select-item>label').click(\r
+ function() {\r
var Lvalue = $(this).html();\r
- $('#filterTpLogicalType_select_input').attr('value',Lvalue);\r
- $('#filterTpLogicalType_select_popupcontainer').addClass('openo-hide');\r
+ $('#filterTpLogicalType_select_input').attr('value', Lvalue);\r
+ $('#filterTpLogicalType_select_popupcontainer').addClass(\r
+ 'openo-hide');\r
$('#filterTpLogicalType').removeClass('openo-focus');\r
});\r
- $.fn.serializeObject = function() {\r
- var o = {};\r
- var a = this.serializeArray();\r
- $.each(a, function() {\r
- if (o[this.name] !== undefined) {\r
- if (!o[this.name].push) {\r
- o[this.name] = [ o[this.name] ];\r
- }\r
- o[this.name].push(this.value || '');\r
- } else {\r
- o[this.name] = this.value || '';\r
- }\r
- });\r
- return o;\r
- };\r
+ $.fn.serializeObject = function() {\r
+ var o = {};\r
+ var a = this.serializeArray();\r
+ $.each(a, function() {\r
+ if (o[this.name] !== undefined) {\r
+ if (!o[this.name].push) {\r
+ o[this.name] = [ o[this.name] ];\r
+ }\r
+ o[this.name].push(this.value || '');\r
+ } else {\r
+ o[this.name] = this.value || '';\r
+ }\r
+ });\r
+ return o;\r
+ };\r
\r
- $('#createController').click(function(){\r
- var formData = JSON.stringify($("#controllerForm").serializeObject());\r
- var jsonobj = JSON.parse(formData);\r
- var newJson = {"topologicalController": jsonobj};\r
- formData = JSON.stringify(newJson);\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links";\r
- $\r
- .ajax({\r
- type : "POST",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- dataType : "json",\r
- data : formData,\r
- success : function(jsonResp) {\r
- alert("Controller saved successfully!!!");\r
- jsonobj["id"]= jsonResp.topologicalController.id;\r
- $('#controller').bootstrapTable("append", jsonobj);\r
- $('#vmAppDialog').removeClass('in').css('display','none');\r
- \r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on page : " + xhr.responseText); \r
- }\r
- });\r
- });\r
- \r
- })
\ No newline at end of file
+ $('#createController').click(function() {\r
+ var formData = JSON.stringify($("#controllerForm").serializeObject());\r
+ var jsonobj = JSON.parse(formData);\r
+ var newJson = {\r
+ "topologicalController" : jsonobj\r
+ };\r
+ formData = JSON.stringify(newJson);\r
+ var requestUrl = "/openoapi/extsys/v1/sdncontrollers";\r
+ $.ajax({\r
+ type : "POST",\r
+ url : requestUrl,\r
+ contentType : "application/json",\r
+ dataType : "json",\r
+ data : formData,\r
+ success : function(jsonResp) {\r
+ alert("Controller saved successfully!!!");\r
+ jsonobj["id"] = jsonResp.topologicalController.id;\r
+ $('#controller').bootstrapTable("append", jsonobj);\r
+ $('#vmAppDialog').removeClass('in').css('display', 'none');\r
+\r
+ },\r
+ error : function(xhr, ajaxOptions, thrownError) {\r
+ alert("Error on page : " + xhr.responseText);\r
+ }\r
+ });\r
+ });\r
+\r
+})
\ No newline at end of file
Code Review / vnfsdk / refrepo.git / commitdiff