diff options
Diffstat (limited to 'esr/src/main/webapp/extsys/ems/emsView.html')
-rw-r--r-- | esr/src/main/webapp/extsys/ems/emsView.html | 390 |
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 |