portal-catalog/src/main/webapp/catalog/csarPackage.html

   1 <!--\r
   2 \r
   3     Copyright 2016-2017 ZTE Corporation.\r
   4 \r
   5     Licensed under the Apache License, Version 2.0 (the "License");\r
   6     you may not use this file except in compliance with the License.\r
   7     You may obtain a copy of the License at\r
   8 \r
   9         http://www.apache.org/licenses/LICENSE-2.0\r
  10 \r
  11     Unless required by applicable law or agreed to in writing, software\r
  12     distributed under the License is distributed on an "AS IS" BASIS,\r
  13     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
  14     See the License for the specific language governing permissions and\r
  15     limitations under the License.\r
  16 \r
  17 -->\r
  18 <!DOCTYPE html>\r
  19 <html>\r
  20 <head lang="en">\r
  21         <meta charset="UTF-8">\r
  22         <title></title>\r
  23         <link href="../common/thirdparty/font-awesome/css/font-awesome.min.css" rel="stylesheet" />\r
  24         <link href="../common/thirdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet" />\r
  25         <link href="../common/thirdparty/uniform/css/uniform.default.min.css" rel="stylesheet" />\r
  26         <link href="../common/css/style.css" rel="stylesheet"/>\r
  27         <link href="../common/css/ngict-component.css" rel="stylesheet"/>\r
  28         <link href="../common/css/plugins.css" rel="stylesheet"/>\r
  29         <link href="../common/thirdparty/jQuery-File-Upload/css/jquery.fileupload.css" rel="stylesheet" />\r
  30         <link href="css/fileupload.css" rel="stylesheet" />\r
  31         <link href="css/package.css" rel="stylesheet" />\r
  32         <style>\r
  33                 .ms-controller{ visibility: hidden }\r
  34         </style>\r
  35 </head>\r
  36 <body>\r
  37         <div class="container-fluid ms-controller" ms-controller="pmController">\r
  38                 <div class="container upload">\r
  39                         <form id="fileupload" role="form" enctype="multipart/form-data">\r
  40                                 <div class="file-preview">\r
  41                                         <div id="dropzone" class="file-drop-zone">\r
  42                                         <div class="file-drop-zone-title">\r
  43                                                         <span id="nfv-package-iui-drop-zone-title" name_i18n="com_zte_nfv_nsoc_i18n"></span>\r
  44                                         </div>\r
  45                                 </div>\r
  46                                 </div>\r
  47                         <div class="input-group fileupload-btn">\r
  48                            <div id="fileName" class="form-control file-caption">\r
  49                            </div>\r
  50                            <span class="input-group-btn">\r
  51                                         <span class="btn btn-primary fileinput-button">\r
  52                                         <span id="nfv-package-iui-drop-zone-selectBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>\r
  53                                         <input type="file" name="file" multiple>\r
  54                                 </span>\r
  55                                         <button id="fileremove" class="btn btn-default" type="button" disabled>\r
  56                                         <span id="nfv-package-iui-drop-zone-removeBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>\r
  57                                 </button>\r
  58                                 <button id="filesubmit" class="btn btn-default" type="submit" disabled>\r
  59                                         <span id="nfv-package-iui-drop-zone-uploadBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>\r
  60                                 </button>                       \r
  61                            </span>\r
  62                         </div>              \r
  63                             <div class="fileupload-progress">\r
  64                                     <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">\r
  65                                         <div id="bar" class="progress-bar progress-bar-success" style="width:0%;"></div><span id="persent"></span>\r
  66                                     </div>\r
  67                                 </div>   \r
  68                         </form>         \r
  69                 </div>\r
  70                 <div class="row" style=" margin-top: 15px;"> \r
  71                     <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6 titlefont">\r
  72                         <span id="nfv-package-iui-title" name_i18n="com_zte_nfv_nsoc_i18n"></span>\r
  73                     </div> \r
  74                 </div> \r
  75                 <div class="separator-line"></div>\r
  76                 <div class="row-fluid" data-name="table_zone">\r
  77                         <div id='ict_package_table_div'></div>\r
  78                 </div>\r
  79                 <div id="right-menu" ms-css-display="packageDetail.isShow">\r
  80                         <div>\r
  81                                 <div class="title">\r
  82                                         <h4>\r
  83                                                 {{packageDetail.detailTitle}}\r
  84                                         </h4>\r
  85                                         <div class="rigth right-button-pointer" ms-click="packageDetail.$showDetails('none')">\r
  86                                                 <button type="button" class="btn btn-default">\r
  87                                                         <span id="nfv-package-iui_packageview_btn_close" name_i18n="com_zte_nfv_nsoc_i18n"></span>\r
  88                                                 </button>\r
  89                                         </div>\r
  90                                 </div>\r
  91                                 <div class="row-fluid" data-name="table_zone">\r
  92                                         <div id='ict_table_general_div' class="packageDetail">\r
  93                                                 <table class="table table-striped table-bordered dataTable ">\r
  94                                                         <thead>\r
  95                                                         <tr class="heading">\r
  96                                                                 <th id="nfv-package-iui_packageview_key" name_i18n="com_zte_nfv_nsoc_i18n"></th>\r
  97                                                                 <th id="nfv-package-iui_packageview_value" name_i18n="com_zte_nfv_nsoc_i18n"></th>\r
  98                                                         </tr>\r
  99                                                         </thead>\r
 100                                                         <tbody>\r
 101                                                         <tr>\r
 102                                                                 <td id="nfv-package-iui-field-detail-csarid" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 103                                                                 <td ms-text="resource.packageDetails.csarId"></td>\r
 104                                                         </tr>\r
 105                                                         <tr>\r
 106                                                                 <td id="nfv-package-iui-field-detail-name" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 107                                                                 <td ms-text="resource.packageDetails.name"></td>\r
 108                                                         </tr>\r
 109                                                         <tr>\r
 110                                                                 <td id="nfv-package-iui-field-detail-type" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 111                                                                 <td ms-text="resource.packageDetails.type"></td>\r
 112                                                         </tr>\r
 113                                                         <tr>\r
 114                                                                 <td id="nfv-package-iui-field-detail-provider" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 115                                                                 <td ms-text="resource.packageDetails.provider"></td>\r
 116                                                         </tr>\r
 117                                                         <tr>\r
 118                                                                 <td id="nfv-package-iui-field-detail-version" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 119                                                                 <td ms-text="resource.packageDetails.version"></td>\r
 120                                                         </tr>\r
 121                                                         <tr>\r
 122                                                                 <td id="nfv-package-iui-field-detail-size" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 123                                                                 <td ms-text="resource.packageDetails.size"></td>\r
 124                                                         </tr>\r
 125                                                         <tr>\r
 126                                                                 <td id="nfv-package-iui-field-detail-createtime" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 127                                                                 <td ms-text="resource.packageDetails.createTime"></td>\r
 128                                                         </tr>\r
 129                                                         <tr>\r
 130                                                                 <td id="nfv-package-iui-field-detail-modifytime" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 131                                                                 <td ms-text="resource.packageDetails.modifyTime"></td>\r
 132                                                         </tr>\r
 133                                                         <tr>\r
 134                                                                 <td id="nfv-package-iui-field-detail-deletionpending" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 135                                                                 <td ms-text="resource.packageDetails.deletionPending"></td>\r
 136                                                         </tr>\r
 137                                                         <tr>\r
 138                                                                 <td id="nfv-package-iui-field-detail-operationalstate" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 139                                                                 <td ms-text="resource.packageDetails.operationalState"></td>\r
 140                                                         </tr>\r
 141                                                         <tr>\r
 142                                                                 <td id="nfv-package-iui-field-detail-usagestate" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 143                                                                 <td ms-text="resource.packageDetails.usageState"></td>\r
 144                                                         </tr>\r
 145                                                         <tr>\r
 146                                                                 <td id="nfv-package-iui-field-detail-onboardstate" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 147                                                                 <td ms-text="resource.packageDetails.onBoardState"></td>\r
 148                                                         </tr>\r
 149                                                         <tr>\r
 150                                                                 <td id="nfv-package-iui-field-detail-processstate" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 151                                                                 <td ms-text="resource.packageDetails.processState"></td>\r
 152                                                         </tr>\r
 153                                                         <tr>\r
 154                                                                 <td id="nfv-package-iui-field-detail-format" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 155                                                                 <td ms-text="resource.packageDetails.format"></td>\r
 156                                                         </tr>\r
 157                                                         <tr>\r
 158                                                                 <td id="nfv-package-iui-field-detail-downloaduri" name_i18n="com_zte_nfv_nsoc_i18n"></td>\r
 159                                                                 <td ms-text="resource.packageDetails.downloadUri"></td>\r
 160                                                         </tr>\r
 161                                                         </tbody>\r
 162                                                 </table>\r
 163                                         </div>\r
 164                                 </div>\r
 165                         </div>\r
 166                 </div>\r
 167 \r
 168                 <div id="selectVimDialog" class="modal fade" tabindex="-1" role="dialog"\r
 169                          aria-labelledby="myModalLabel" aria-hidden="true">\r
 170                         <div class="modal-dialog">\r
 171                                 <div class="modal-content">\r
 172                                         <div class="modal-header">\r
 173                                                 <h4 class="modal-title" id="myModalLabel">\r
 174                                                         <span id="nfv-package-iui-selectvim-title" name_i18n="com_zte_nfv_nsoc_i18n"></span>\r
 175                                                 </h4>\r
 176                                         </div>\r
 177                                         <div class="modal-body">\r
 178                                                 <table class="table table-striped table-bordered dataTable ">\r
 179                                                         <thead>\r
 180                                                         <tr class="heading">\r
 181                                                                 <th id="nfv-package-iui-onboard-dialog-vimname" name_i18n="com_zte_nfv_nsoc_i18n"></th>\r
 182                                                                 <th id="nfv-package-iui-test-env" name_i18n="com_zte_nfv_nsoc_i18n"></th>\r
 183                                                                 <th id="nfv-package-iui-product-env" name_i18n="com_zte_nfv_nsoc_i18n"></th>\r
 184                                                         </tr>\r
 185                                                         </thead>\r
 186                                                         <tbody ms-each-rest="resource.vimSelectItems">\r
 187                                                                 <tr>\r
 188                                                                         <td>\r
 189                                                                                 <div class="tdCenter">\r
 190                                                                                         {{rest.name}}\r
 191                                                                                 </div>\r
 192                                                                         </td>\r
 193                                                                         <td>\r
 194                                                                                 <div class="checkbox">\r
 195                                                                                         <input type="radio" name="testEnvRadios" ms-attr-id="testEnvRadios{{$index}}"\r
 196                                                                                                    ms-click="vm.selectVimDialog.$radioClicked($index)">\r
 197                                                                                 </div>\r
 198                                                                         </td>\r
 199                                                                         <td>\r
 200                                                                                 <div class="checkbox">\r
 201                                                                                         <input type="checkbox" name="produceChecbox"  ms-attr-id="produceEnvChecks{{$index}}" value="">\r
 202                                                                                 </div>\r
 203                                                                         </td>\r
 204                                                                 </tr>\r
 205                                                         </tbody>\r
 206                                                 </table>\r
 207                                         </div>\r
 208                                         <div class="modal-footer">\r
 209                                                 <button type="button" class="btn" data-dismiss="modal">\r
 210                                                         <span id="nfv-package-iui-btn-cancel" name_i18n="com_zte_nfv_nsoc_i18n"></span>\r
 211                                                 </button>\r
 212                                                 <button type="button" class="btn btn-primary" id="onBoardBtn"  ms-click="vm.selectVimDialog.$confirmBtnClick()">\r
 213                                                         <span id="nfv-package-iui-btn-ok" name_i18n="com_zte_nfv_nsoc_i18n"></span>\r
 214                                                 </button>\r
 215                                         </div>\r
 216                                 </div>\r
 217                         </div>\r
 218                 </div>\r
 219         </div>\r
 220 \r
 221 \r
 222     <script type="text/javascript" src="../common/thirdparty/jquery/jquery-1.10.2.min.js"></script>\r
 223     <script type="text/javascript" src="../common/thirdparty/bootstrap/js/bootstrap.min.js"></script>\r
 224     <script type="text/javascript" src="../common/thirdparty/bootbox/bootbox.min.js"></script>  \r
 225     <script type="text/javascript" src="../common/thirdparty/data-tables/jquery.dataTables-1.9.4.min.js"></script>\r
 226     <script type="text/javascript" src="../common/thirdparty/jquery.i18n/jquery.i18n.properties-1.0.9.js"></script>\r
 227 \r
 228         <script type="text/javascript" src="../common/thirdparty/cometd/cometd.js"></script>\r
 229         <script type="text/javascript" src="../common/thirdparty/cometd/jquery/jquery.cometd.js"></script>\r
 230         <script type="text/javascript" src="../common/thirdparty/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script>\r
 231     <script type="text/javascript" src="../common/thirdparty/jQuery-File-Upload/js/jquery.iframe-transport.js"></script>\r
 232     <script type="text/javascript" src="../common/thirdparty/jQuery-File-Upload/js/jquery.fileupload.js"></script>\r
 233     <script type="text/javascript" src="../common/thirdparty/bootstrap-growl/bootstrap-growl.min.js"></script>\r
 234         <script type="text/javascript" src="../common/js/core/hk.min.js"></script>\r
 235         <script src="../common/thirdparty/echarts/echarts-all.js"></script>\r
 236         <script type="text/javascript" src="../common/thirdparty/avalon/avalon.modern.js"></script>\r
 237         <script src="../common/thirdparty/avalon/avalon.js"></script>\r
 238 \r
 239         <script type="text/javascript" src="../common/js/tools.js"></script>\r
 240 \r
 241         <script type="text/javascript" src="js/component/commonUtil.js"></script>\r
 242         <script type="text/javascript" src="js/component/serverPageTable.js"></script>\r
 243         <script type="text/javascript" src="js/component/loadi18n_nsoc.js"></script>\r
 244         <script type="text/javascript" src="js/package/pmUtil.js"></script>\r
 245         <script type="text/javascript" src="js/package/pmController.js"></script>\r
 246 </body>\r
 247 </html>