summaryrefslogtreecommitdiffstats
path: root/esr/src/main/webapp/extsys/ems/emsView.html
diff options
context:
space:
mode:
authorqin.liang(10184303) <qin.liang13@zte.com.cn>2017-08-17 19:17:52 +0800
committerqin.liang(10184303) <qin.liang13@zte.com.cn>2017-08-17 19:24:57 +0800
commit88c9e674d224e7f3ab4a01ab3d812e9e0137b074 (patch)
treed28da2953e65f172a43e7c7f56424774b132e34f /esr/src/main/webapp/extsys/ems/emsView.html
parent3f57340962a164496d1c6611dc179c813299fb12 (diff)
AAI-65 Realize the EMS register portal
Change-Id: I8e7e7db97f46ee99ec05832882a90701f2f02551 Issue-ID: AAI-65 Signed-off-by: qin.liang(10184303) <qin.liang13@zte.com.cn>
Diffstat (limited to 'esr/src/main/webapp/extsys/ems/emsView.html')
-rw-r--r--esr/src/main/webapp/extsys/ems/emsView.html390
1 files changed, 246 insertions, 144 deletions
diff --git a/esr/src/main/webapp/extsys/ems/emsView.html b/esr/src/main/webapp/extsys/ems/emsView.html
index 3e5216a..56a364e 100644
--- a/esr/src/main/webapp/extsys/ems/emsView.html
+++ b/esr/src/main/webapp/extsys/ems/emsView.html
@@ -23,145 +23,256 @@
<link href="../../thirdparty/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
<link href="../../thirdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>
<link href="../../thirdparty/uniform/css/uniform.default.min.css" rel="stylesheet"/>
- <link href="../../thirdparty/css/ZteIctIcons/style.css" rel="stylesheet"/>
<link href="../../thirdparty/css/ngict-component.css" rel="stylesheet"/>
<link href="css/animate.min.css" rel="stylesheet"/>
<link href="css/ems.css" rel="stylesheet"/>
- <style>
- .ms-controller {
- visibility: hidden
- }
- </style>
-
+ <style> .ms-controller { visibility: hidden } </style>
</head>
<body>
<div ms-controller="emsController" class="container-fluid ms-controller">
- <div id="addEmsDlg" class="modal fade" tabindex="-1" role="dialog"
- aria-labelledby="myModalLabel" aria-hidden="true">
+ <div id="addEmsDlg" class="modal fade" tabindex="-1" role="dialog"
+ aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content Changepasswd">
<div class="content">
<div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"
- aria-hidden="true">×
- </button>
- <h4 id="myModalLabel">{{addEms.title}}</h4>
+ <h4 id="myModalLabel">{{modalTitle}}</h4>
</div>
<div class="modal-body">
- <form class="form-horizontal" id="ems_form" role="form">
- <input type="hidden" ms-duplex="addEms.emsId" name="emsId" class="form-control"/>
- <div class="form-group">
- <label class="control-label col-sm-3">
- <span id="nfv-ems-iui-text-name" name_i18n="com_zte_nfv_nsoc_i18n"></span>
- <span class="required" aria-required="true">*</span>
- </label>
- <div class="col-sm-7">
- <input type="text" ms-duplex="addEms.name" name="name" class="form-control" ms-readonly="addEms.nameReadonly"/>
- <span class="help-block"></span>
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3">
- <span id="nfv-ems-iui-text-type" name_i18n="com_zte_nfv_nsoc_i18n"></span>
- <span class="required" aria-required="true">*</span>
- </label>
- <div class="col-sm-7">
- <input type="text" ms-duplex="addEms.type" name="type" class="form-control"/>
- <span class="help-block"></span>
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3">
- <span id="nfv-ems-iui-text-vendor" name_i18n="com_zte_nfv_nsoc_i18n"></span>
- <span class="required" aria-required="true">*</span>
- </label>
- <div class="col-sm-7">
- <input type="text" ms-duplex="addEms.vendor" name="vendor" class="form-control"/>
- <span class="help-block"></span>
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3">
- <span id="nfv-ems-iui-text-version" name_i18n="com_zte_nfv_nsoc_i18n"></span>
- <span class="required" aria-required="true">*</span>
- </label>
- <div class="col-sm-7">
- <input type="text" ms-duplex="addEms.version" name="version" class="form-control"/>
- <span class="help-block"></span>
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3">
- <span>URL</span>
- <span class="required" aria-required="true">*</span>
- </label>
- <div class="col-sm-7">
- <input type="text" ms-duplex="addEms.url" name="url" class="form-control"
- ms-attr-placeholder="addEms.urlTip"/>
- <span class="help-block"></span>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">VIM
- <span></span>
- </label>
- <div class="col-sm-7">
- <select class="form-control" id="vimId" name="vimId">
- <option ms-repeat-vim="vimSelectItems" ms-attr-value="vim.vimId"
- data-repeat-rendered="vimRendered">{{vim.name}}
- </option>
+ <div class="px-ui-steps">
+ <ul class="px-ui-horizon-ul-horizon" role="tablist">
+ <li class="px-ui-steps-li step-active" id="step-resource">
+ <div class="px-ui-menuitem-div-passive">
+ <span class="px-ui-steps-number-passive">1</span>
+ <span class="px-ui-steps-title-passive">Resource</span>
+ </div>
+ <div class="px-ui-underline-passive"></div>
+ </li>
+ <li class="px-ui-steps-li" id="step-performance">
+ <div class="px-ui-menuitem-div-passive">
+ <span class="px-ui-steps-number-passive">2</span>
+ <span class="px-ui-steps-title-passive">Performance</span>
+ </div>
+ <div class="px-ui-underline-passive"></div>
+ </li>
+ <li class="px-ui-steps-li" id="step-alarm">
+ <div class="px-ui-menuitem-div-passive">
+ <span class="px-ui-steps-number-passive">3</span>
+ <span class="px-ui-steps-title-passive">Alarm</span>
+ </div>
+ <div class="px-ui-underline-passive"></div>
+ </li>
+ </ul>
+ </div>
+ <div class="step-content">
+ <form class="form-horizontal" id="form_resource" role="form">
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Name</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-duplex="currentElement.emsName" name="emsName" class="form-control"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Ftptype</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <select ms-duplex="currentElement.resource.ftptype" name="ftptype" class="form-control">
+ <option value="ftp">ftp</option>
+ <option value="sftp">sftp</option>
+ </select>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>IP</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-duplex="currentElement.resource.ip" name="ip" class="form-control"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Port</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-duplex="currentElement.resource.port" name="port" class="form-control"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>User</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-duplex="currentElement.resource.user" name="user" class="form-control" ms-attr-placeholder="urlTip"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Password</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="password" class="form-control" rows="3" ms-duplex="currentElement.resource.password" name="password"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Remotepath</span>
+ </label>
+ <div class="col-sm-7">
+ <input class="form-control" rows="3" ms-duplex="currentElement.resource.remotepath" name="remotepath"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Passive</span>
+ </label>
+ <div class="col-sm-7">
+ <select class="form-control" rows="3" ms-duplex="currentElement.resource.passive" name="passive">
+ <option value="true">true</option>
+ <option value="false">false</option>
</select>
+ <span class="help-block"></span>
+ </div>
</div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3">
- <span id="nfv-ems-iui-text-certificateUrl"
- name_i18n="com_zte_nfv_nsoc_i18n"></span>
- </label>
- <div class="col-sm-7">
- <input type="text" ms-duplex="addEms.certificateUrl" name="certificateUrl"
- class="form-control"/>
- <span class="help-block"></span>
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3">
- <span id="nfv-ems-iui-text-userName" name_i18n="com_zte_nfv_nsoc_i18n"></span>
- </label>
- <div class="col-sm-7">
- <input type="text" ms-duplex="addEms.userName" name="userName"
- class="form-control"/>
- <span class="help-block"></span>
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3">
- <span id="nfv-ems-iui-text-password" name_i18n="com_zte_nfv_nsoc_i18n"></span>
- </label>
- <div class="col-sm-7">
- <input type="password" ms-duplex="addEms.password" name="password"
- class="form-control"/>
- <span class="help-block"></span>
- </div>
- </div>
- <div class="form-group">
- <label class="control-label col-sm-3">
- <span id="nfv-ems-iui-text_description" name_i18n="com_zte_nfv_nsoc_i18n"></span>
- </label>
- <div class="col-sm-7">
- <textarea class="form-control" rows="3" ms-duplex="addEms.description"
- name="description"></textarea>
- <span class="help-block"></span>
- </div>
- </div>
- </form>
-
+ </form>
+ <form class="form-horizontal" id="form_performance" role="form" hidden>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Ftptype</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <select ms-duplex="currentElement.performance.ftptype" name="type" class="form-control">
+ <option value="ftp">ftp</option>
+ <option value="sftp">sftp</option>
+ </select>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>IP</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-duplex="currentElement.performance.ip" name="ip" class="form-control"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Port</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-duplex="currentElement.performance.port" name="port" class="form-control"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>User</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-duplex="currentElement.performance.user" name="user" class="form-control" ms-attr-placeholder="urlTip"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Password</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="password" class="form-control" rows="3" ms-duplex="currentElement.performance.password" name="password"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Remotepath</span>
+ </label>
+ <div class="col-sm-7">
+ <input class="form-control" rows="3" ms-duplex="currentElement.performance.remotepath" name="remotepath"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Passive</span>
+ </label>
+ <div class="col-sm-7">
+ <select class="form-control" rows="3" ms-duplex="currentElement.performance.passive" name="passive">
+ <option value="true">true</option>
+ <option value="false">false</option>
+ </select>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ </form>
+ <form class="form-horizontal" id="form_alarm" role="form" hidden>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>IP</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-duplex="currentElement.alarm.ip" name="ip" class="form-control"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Port</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-duplex="currentElement.alarm.port" name="port" class="form-control"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>User</span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-duplex="currentElement.alarm.user" name="user" class="form-control" ms-attr-placeholder="urlTip"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="control-label col-sm-3">
+ <span>Password</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="password" class="form-control" rows="3" ms-duplex="currentElement.alarm.password" name="password"/>
+ <span class="help-block"></span>
+ </div>
+ </div>
+ </form>
+ </div>
</div>
<div class="modal-footer">
- <button class="btn" data-dismiss="modal" aria-hidden="true" id="nfv-ems-iui-text-cancelBtn"
- name_i18n="com_zte_nfv_nsoc_i18n"></button>
- <button class="btn btn-primary" type="submit" ms-click="$saveEms"
- id="nfv-ems-iui-text-saveBtn" name_i18n="com_zte_nfv_nsoc_i18n"></button>
+ <button class="btn" id="btnPreStep" ms-click="$preStep">Back</button>
+ <button class="btn btn-primary" id="btnNextStep" ms-click="$nextStep">Next</button>
+ <button class="btn btn-primary" id="btnSave" ms-click="$saveEMS" id_i18n="nfv-ems-iui-text-saveBtn" name_i18n="com_zte_nfv_nsoc_i18n"></button>
+ <button class="btn" id="btnCancel" ms-click="dismiss" aria-hidden="true" id_i18n="nfv-ems-iui-text-cancelBtn" name_i18n="com_zte_nfv_nsoc_i18n"></button>
</div>
</div>
</div>
@@ -169,40 +280,33 @@
</div>
<div class="row-fluid" data-name="cond_zone">
<div class="col-md-12">
- <button class="btn white radius_l" id="app-new-btn" ms-click="$showEmsTable">
- <i class="ict-new"></i> <span id="nfv-ems-iui-text-registerBtn"
- name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ <button class="btn white radius_l" id="app-new-btn" ms-click="$registerEMS">
+ <i class="ict-new"></i> <span id_i18n="nfv-ems-iui-text-registerBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
</button>
</div>
</div>
- <div class="col-sm-12 ems-padding" ms-each-el="emsInfo">
- <div class="col-sm-4 animated-panel zoomIn" style="-webkit-animation-delay: 0.1s;">
+ <div class="col-sm-12 vnfm-padding" ms-each-el="emsInfo">
+ <div class="col-sm-3 animated-panel zoomIn">
<div class="hpanel stats">
<div class="panel-body h-200" ms-hover="hpanel_show">
<div class="pull-left">
- <span class="label label-success" ms-if="el.status === $Status.success"
- id="nfv-ems-iui-text-status-normal" name_i18n="com_zte_nfv_nsoc_i18n"></span>
- <span class="label label-danger" ms-attr-title="el.errorInfo" data-toggle="tooltip"
- ms-if="el.status === $Status.failed" id="nfv-ems-iui-text-status-fail"
- name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ <span class="label label-success" ms-if="el.status == status.success" id_i18n="nfv-ems-iui-text-status-normal" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ <span class="label label-danger" ms-if="el.status == status.failed" ms-attr-title="el.errorInfo" data-toggle="tooltip" id_i18n="nfv-ems-iui-text-status-fail" name_i18n="com_zte_nfv_nsoc_i18n"></span>
</div>
<div class="stats-icon pull-right">
<i class="fa fa-server fa-5x color_cloud"></i>
</div>
<div class="m-t-xl">
- <h3 ms-text="el.name"></h3>
- <div><span id="nfv-ems-iui-text-type" name_i18n="com_zte_nfv_nsoc_i18n"></span>：<span
- ms-text="el.type"></span></div>
- <div>URL：<span ms-text="el.url"></span></div>
+ <h3 ms-text="el.emsName"></h3>
+ <!--<div class="card-name"><span ms-text="el.emsName"></span></div>-->
</div>
</div>
<div class="panel-footer">
<div class="pull-right">
- <a class="btn btn-default btn-sm" ms-click="emsUtil.updateEms(el.$model)"><i
+ <a class="btn btn-default btn-sm" ms-click="updateEMS($index)"><i
class="fa fa-pencil-square-o fa-lg"></i></a>
- <a class="btn btn-default btn-sm" ms-click="emsUtil.delEms(el.emsId)"><i
- class="fa fa-trash-o fa-lg"> </i></a>
+ <a class="btn btn-default btn-sm" ms-click="delEMS(el.emsId, $index)"><i class="fa fa-trash-o fa-lg"></i></a>
</div>
</div>
</div>
@@ -210,9 +314,8 @@
</div>
<div class="col-sm-12">
<div class="pull-left text-muted">
- <small><span id="nfv-ems-iui-text-total" name_i18n="com_zte_nfv_nsoc_i18n"></span> <span class="blue-font"
- ms-text="emsInfo.size()"></span>
- <span id="nfv-ems-iui-text-total-ems" name_i18n="com_zte_nfv_nsoc_i18n"></span></small>
+ <small><span id_i18n="nfv-ems-iui-text-total" name_i18n="com_zte_nfv_nsoc_i18n"></span> <span class="blue-font" ms-text="emsInfo.size()"></span>
+ <span id_i18n="nfv-ems-iui-text-total-ems" name_i18n="com_zte_nfv_nsoc_i18n"></span></small>
</div>
</div>
</div>
@@ -234,7 +337,6 @@
<script type="text/javascript" src="js/loadi18n_nsoc.js"></script>
<script type="text/javascript" src="js/ems-validate.js"></script>
-<script type="text/javascript" src="js/emsUtil.js"></script>
<script type="text/javascript" src="js/emsController.js"></script>
</body>
</html> \ No newline at end of file