summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authornancylizi <li.zi30@zte.com.cn>2016-10-22 11:40:43 +0800
committernancylizi <li.zi30@zte.com.cn>2016-10-22 11:40:43 +0800
commit10f61f323e7b566fd86f5c0fc1904e030afe2239 (patch)
tree60344fd5c40a6d277af8ba7a68e3450f2dd92b67
parent9a7b8cfb0e8182d0d69d73ee40c0116042bc2e5e (diff)
Change the realization of package table, fix the bug GSO-40
Change-Id: Ie05b630cd3cd091c5604641a75ad1956a77c3467 Issue-id:GSO-40 Signed-off-by: nancylizi <li.zi30@zte.com.cn>
-rw-r--r--openo-portal/portal-catalog/src/main/webapp/catalog/csarPackage.html83
-rw-r--r--openo-portal/portal-catalog/src/main/webapp/catalog/js/package/pmController.js72
-rw-r--r--openo-portal/portal-catalog/src/main/webapp/catalog/js/package/pmUtil.js30
3 files changed, 78 insertions, 107 deletions
diff --git a/openo-portal/portal-catalog/src/main/webapp/catalog/csarPackage.html b/openo-portal/portal-catalog/src/main/webapp/catalog/csarPackage.html
index ecc0b869..fc427394 100644
--- a/openo-portal/portal-catalog/src/main/webapp/catalog/csarPackage.html
+++ b/openo-portal/portal-catalog/src/main/webapp/catalog/csarPackage.html
@@ -73,69 +73,8 @@
</div>
</div>
<div class="separator-line"></div>
- <div>
- <table class="table table-striped table-bordered dataTable ">
- <thead>
- <tr class="heading">
- <th id="nfv-package-iui-field-sn" name_i18n="com_zte_nfv_nsoc_i18n"
- style="width: 80px;">
- </th>
- <th id="nfv-package-iui-field-name" name_i18n="com_zte_nfv_nsoc_i18n"></th>
- <th id="nfv-package-iui-field-type" name_i18n="com_zte_nfv_nsoc_i18n"></th>
- <th id="nfv-package-iui-field-usagestate" name_i18n="com_zte_nfv_nsoc_i18n"></th>
- <th id="nfv-package-iui-field-processstate" name_i18n="com_zte_nfv_nsoc_i18n"></th>
- <th id="nfv-package-iui-field-operationalstate" name_i18n="com_zte_nfv_nsoc_i18n"></th>
- <th id="nfv-package-iui-field-onboardstate" name_i18n="com_zte_nfv_nsoc_i18n"></th>
- <th id="nfv-package-iui-field-operation" name_i18n="com_zte_nfv_nsoc_i18n"></th>
- </tr>
- </thead>
- <tbody ms-each-res="vm.resource.packageInfo">
- <tr>
- <td ms-text="$index+1"></td>
- <td>
- <a href="#" ms-click="vm.packageDetail.$showDetails('block',$index,res.name)">
- {{res.name}}
- </a>
- </td>
- <td ms-text="res.type"></td>
- <td ms-text="res.usageState"></td>
- <td ms-text="res.processState"></td>
- <td ms-text="res.operationalState"></td>
- <td>
- <span class="label label-info status" data-toggle="tooltip" title="nfv-package-iui-status-tip"
- ms-click="vm.onBoardPackage(res.csarId,res.type,res.onBoardState)">
- {{res.onBoardState}}
- </span>
- </td>
- <td>
- <a href="#" class="btn-xs grey btn-editable" ms-click="vm.$delPackage(res.csarId,res.type)">
- <i class="ict-delete"></i>
- <i id="nfv-software-iui-action-delete" name_i18n="com_zte_nfv_nsoc_i18n"></i>
- </a>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <div class="row-fluid">
- <div class="col-md-12" style="padding-left:0px;">
- <div class="pull-left">
- <small><label>
- View
- <select size="1" name="ict_template_table_length" aria-controls="ict_template_table">
- <option value="10" selected="selected">10</option>
- <option value="25">25</option>
- <option value="50">50</option>
- <option value="100">100</option>
- </select>
- records
- </label>
- <span id="com_zte_openo_umc_monitor_monitorList_total" name_i18n="com_zte_openo_umc_monitor_ui_i18n">Found total</span>
- <span ms-text="vm.resource.packageInfo.size()"></span>
- <span id="com_zte_openo_umc_monitor_monitorList_records" name_i18n="com_zte_openo_umc_monitor_ui_i18n">records</span>
- </small>
- </div>
- </div>
+ <div class="row-fluid" data-name="table_zone">
+ <div id='ict_package_table_div'></div>
</div>
<div id="right-menu" ms-css-display="packageDetail.isShow">
<div>
@@ -265,24 +204,6 @@
</tr>
</tbody>
</table>
- <!-- <div class="form-group">
- <div class="col-sm-3"></div>
- <div class="col-sm-3" id="nfv-package-iui-product-env" name_i18n="com_zte_nfv_nsoc_i18n"></div>
- <div class="col-sm-3" id="nfv-package-iui-test-env" name_i18n="com_zte_nfv_nsoc_i18n"></div>
- </div>
- <form class="form-horizontal" role="form" id="vimForm">
- <div ms-each-rest="resource.vimSelectItems">
- <div class="form-group">
- <label class="col-sm-3 control-label" ms-text="rest.vimName"></label>
- <div class="col-sm-3">
- <select class="form-control" ms-attr-id='vim{{$index}}'>
- <option value="1" id="nfv-package-iui-product-env" name_i18n="com_zte_nfv_nsoc_i18n"></option>
- <option value="2" id="nfv-package-iui-test-env" name_i18n="com_zte_nfv_nsoc_i18n"></option>
- </select>
- </div>
- </div>
- </div>
- </form>-->
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">
diff --git a/openo-portal/portal-catalog/src/main/webapp/catalog/js/package/pmController.js b/openo-portal/portal-catalog/src/main/webapp/catalog/js/package/pmController.js
index 72d83dfb..abe4fb14 100644
--- a/openo-portal/portal-catalog/src/main/webapp/catalog/js/package/pmController.js
+++ b/openo-portal/portal-catalog/src/main/webapp/catalog/js/package/pmController.js
@@ -15,22 +15,26 @@
*/
var vm = avalon.define({
$id : "pmController",
+ $tableId : "ict_package_table",
resource : {
packageInfo : [],
packageDetails : "",
vimSelectItems : []
},
csarIdSelected : "",
- //$packageTableFields : {// table columns
- // table: [
- // {"mData": "name", name: $.i18n.prop("nfv-package-iui-field-name")},
- // {"mData": "type", name: $.i18n.prop("nfv-package-iui-field-type")},
- // {"mData": "size", name: $.i18n.prop("nfv-package-iui-field-size")},
- // {"mData": "createTime", name: $.i18n.prop("nfv-package-iui-field-createTime")},
- // {"mData": "status", name: $.i18n.prop("nfv-package-iui-field-status"), "fnRender" : pmUtil.statusRender},
- // {"mData": null, name: $.i18n.prop("nfv-package-iui-field-operation"), "fnRender" : pmUtil.actionRender}
- // ]
- //},
+ $packageTableFields : {// table columns
+ table: [
+ //{"mData":"",name:$.i18n.prop("nfv-package-iui-field-sn")},
+ {"mData": "csarId", name: "ID", "bVisible": false},
+ {"mData": "name", name: $.i18n.prop("nfv-package-iui-field-name"),"fnRender" : pmUtil.nameRender},
+ {"mData": "type", name: $.i18n.prop("nfv-package-iui-field-type")},
+ {"mData": "usageState", name: $.i18n.prop("nfv-package-iui-field-usagestate")},
+ {"mData": "processState", name: $.i18n.prop("nfv-package-iui-field-processstate")},
+ {"mData": "operationalState", name: $.i18n.prop("nfv-package-iui-field-operationalstate")},
+ {"mData": "onBoardState", name: $.i18n.prop("nfv-package-iui-field-onboardstate"), "fnRender" : pmUtil.onBoardRender},
+ {"mData": "", name: $.i18n.prop("nfv-package-iui-field-operation"), "fnRender" : pmUtil.operationRender}
+ ]
+ },
$language: {
"sProcessing": "<img src='../common/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span>&nbsp;&nbsp;"
+$.i18n.prop("nfv-nso-iui-table-sProcess")+"</span>",
@@ -66,14 +70,24 @@ var vm = avalon.define({
var cond = {};
return cond;
},
- $initTable: function() {
- var url=vm.$restUrl.queryPackageInfoUrl;
- commonUtil.get(url,null,function(resp) {
- if (resp) {
- vm.resource.packageInfo=resp;
- }
- })
- },
+ //$initTable: function() {
+ // var url=vm.$restUrl.queryPackageInfoUrl;
+ // commonUtil.get(url,null,function(resp) {
+ // if (resp) {
+ // vm.resource.packageInfo=resp;
+ // }
+ // })
+ //},
+ $initTable: function() {
+ var setting = {};
+ setting.language = vm.$language;
+ setting.paginate = true;
+ setting.info = true;
+ setting.columns = vm.$packageTableFields.table;
+ setting.restUrl = vm.$restUrl.queryPackageInfoUrl;
+ setting.tableId = vm.$tableId;
+ serverPageTable.initDataTable(setting,{},vm.$tableId + '_div');
+ },
packageDetail : {
detailTitle : "",
isShow : "none",
@@ -88,14 +102,14 @@ var vm = avalon.define({
isActive : false
}
],
- $showDetails : function (isShow, sn, name) {
+ $showDetails : function (isShow, csarId, name) {
vm.packageDetail.isShow = isShow;
vm.packageDetail.detailCondChange(0);
if (isShow == "block") {
vm.packageDetail.detailTitle = name + "-" + $.i18n.prop("nfv-package-iui_packageview_packageDetail"),
$('#' + vm.packageDetail.detailData[0].id).click();
vm.packageDetail.detailData[0].isActive = true;
- vm.packageDetail.$initPackageDetailTable(sn);
+ vm.packageDetail.$initPackageDetailTable(csarId);
}
},
detailCondChange : function (index) {
@@ -105,8 +119,15 @@ var vm = avalon.define({
}
vm.packageDetail.detailData[index].isActive = true;
},
- $initPackageDetailTable : function (sn) {
- vm.resource.packageDetails = vm.resource.packageInfo[sn];
+ $initPackageDetailTable : function (csarId) {
+ var data;
+ for(var i=0; i<vm.resource.packageInfo.length; i++) {
+ if (vm.resource.packageInfo[i].csarId == csarId) {
+ data = vm.resource.packageInfo[i];
+ break;
+ }
+ }
+ vm.resource.packageDetails = data;
vm.resource.relationInfo = [];
},
$isRowDeletingStatus : function(name) {
@@ -221,13 +242,16 @@ var vm = avalon.define({
var url = vm.$restUrl.gsarOnboardUrl;
pmUtil.doOnBoard(url, param);
} else if(type == "SSAR") {
- var ssarTarOnbardState="";
+ var ssarTarOnbardState="";
+ var operationalState="";
if(onBoardState =="onBoarded") {
ssarTarOnbardState = "non-onBoarded";
+ operationalState = "Disabled";
} else {
ssarTarOnbardState = "onBoarded";
+ operationalState = "Enabled";
}
- var url = vm.$restUrl.ssarOnboardUrl+"/"+csarId+"?onBoardState="+ssarTarOnbardState
+ var url = vm.$restUrl.ssarOnboardUrl+"/"+csarId+"?onBoardState="+ssarTarOnbardState+"&operationalState="+operationalState;
pmUtil.doSSAROnboard(url);
}
},
diff --git a/openo-portal/portal-catalog/src/main/webapp/catalog/js/package/pmUtil.js b/openo-portal/portal-catalog/src/main/webapp/catalog/js/package/pmUtil.js
index d6321262..79dd813b 100644
--- a/openo-portal/portal-catalog/src/main/webapp/catalog/js/package/pmUtil.js
+++ b/openo-portal/portal-catalog/src/main/webapp/catalog/js/package/pmUtil.js
@@ -151,15 +151,41 @@ pmUtil.delPackage = function (url) {
contentType : "application/json",
success : function(resp) {
commonUtil.showMessage($.i18n.prop("nfv-package-iui-message-delete-success"), "success");
- refreshByCond();
+ setTimeout( function(){
+ refreshByCond();
+ }, 1 * 1000 );
},
error : function(resp) {
if(resp.status == 202 || resp.responseText == "success") {
commonUtil.showMessage($.i18n.prop("nfv-package-iui-message-delete-success"), "success");
- refreshByCond();
+ setTimeout( function(){
+ refreshByCond();
+ }, 1 * 1000 );
+ //refreshByCond();
} else {
commonUtil.showMessage($.i18n.prop("nfv-package-iui-message-delete-error"), "failed");
+ setTimeout( function(){
+ refreshByCond();
+ }, 1 * 1000 );
+ //refreshByCond();
}
}
});
}
+
+pmUtil.nameRender = function(obj) {
+ return '<a href="#" onclick="vm.packageDetail.$showDetails('
+ + '\'block\',\'' + obj.aData.id + '\', \'' + obj.aData.name + '\')">' + obj.aData.name + '</a>';
+}
+
+pmUtil.onBoardRender = function(obj) {
+ var attr;
+ attr = 'class="label label-info status" data-toggle="tooltip" title="nfv-package-iui-status-tip"';
+ return '<span class="label label-info status" data-toggle="tooltip" title="nfv-package-iui-status-tip" onclick="vm.onBoardPackage(\'' + obj.aData.csarId
+ + '\',\''+ obj.aData.type + '\', \''+ obj.aData.onBoardState +'\')">' + obj.aData.onBoardState + '</span>';
+}
+
+pmUtil.operationRender = function(obj) {
+ return '<a href="#" class="btn-xs grey btn-editable" onclick="vm.$delPackage(\'' + obj.aData.csarId
+ + '\',\''+ obj.aData.type + '\')">' + '<i class=\"ict-delete\"></i>' + $.i18n.prop('nfv-software-iui-action-delete') + '</a>';
+} \ No newline at end of file