Blame - resmgr/src/main/webapp/resmgr-nfv/datacenter.html - onap/vnfsdk/refrepo

“shentao”

6f01a87

2017-01-26 16:19:00 +0800

[diff] [blame]

<!--

Licensed under the Apache License, Version 2.0 (the "License");

5

you may not use this file except in compliance with the License.

6

You may obtain a copy of the License at

7

8

http://www.apache.org/licenses/LICENSE-2.0

9

10

Unless required by applicable law or agreed to in writing, software

11

distributed under the License is distributed on an "AS IS" BASIS,

12

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

13

See the License for the specific language governing permissions and

14

limitations under the License.

-->

<!DOCTYPE html>

<html>

<head>

</style>

$(document).ready(function () {

/* var jsondata = [{

"id": "123",

"name": "China",

"status": "active",

"country": "China",

"location": "Xi'an",

"serviceName": "Cloud serviceName",

46

"cpu": "23/106",

47

"memory": "18000/1922222222",

48

"hardDisk":"2188/39999999"

49

}];

50

51

$('#Datacenter_table').bootstrapTable({

52

//Assigning example data to table

data: jsondata

}); */

loadDatacenterData();

loadNetWorkData();

loadPortData();

loadHostData();

fillCountryData();

fillVimNameData();

});

function operateFormatter(value, row, index) {

65

return ['<img class="DatacenterDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />']

.join('');

}

window.operateEvents = {

70

'click .DatacenterDeleteImg': function (e, value, row, index) {

71

deleteDatacenter(row.id);

72

console.log(value, row, index);

}

};

</script>

</head>

<li class="active"><a href="#compute">Compute</a></li>

83

<li><a href="#network">Network</a></li>

</ul>

$(function () {

$('#dcTab a:first').tab('show');//show init tab

91

92

$('#dcTab a').click(function (e) {

93

e.preventDefault();//prevent the link

94

$(this).tab('show');//show content

})

})

</script>

<hr>

<div>

<table id="host_table" data-pagination="true" data-page-size="5"

108

data-pagination-first-text="First"

109

data-pagination-pre-text="Previous"

110

data-pagination-next-text="Next" data-pagination-last-text="Last">

<thead>

<th data-field="memory" data-sortable="true">Memory</th>

117

<th data-field="disk" data-sortable="true">HardDisk</th>

</tr>

</thead>

</table>

</div>

</div>

</div>

</div>

</div>

<hr>

<div>

<table id="port_table" data-pagination="true" data-page-size="5"

135

data-pagination-first-text="First"

136

data-pagination-pre-text="Previous"

137

data-pagination-next-text="Next" data-pagination-last-text="Last">

<thead>

<th data-field="networkId" data-sortable="true">NetworkID</th>

143

<th data-field="status" data-sortable="true">Status</th>

</tr>

</thead>

</table>

</div>

</div>

</div>

</div>

</div>

<hr>

<div>

<table id="network_table" data-pagination="true" data-page-size="5"

161

data-pagination-first-text="First"

162

data-pagination-pre-text="Previous"

163

data-pagination-next-text="Next" data-pagination-last-text="Last">

<thead>

<th data-field="id" data-sortable="true">NetworkID</th>

169

<th data-field="provider:segmentation_id" data-sortable="true">VLanID</th>

170

<th data-field="provider:physical_network" data-sortable="true">physicalNet</th>

171

172

<th data-field="vimName" data-sortable="true">ServiceName</th>

173

<th data-field="status" data-sortable="true">status</th>

</tr>

</thead>

</table>

</div>

</div>

</div>

</div>

</div>

<div id="open_base_tpL_buttonGroup"

188

class="openoButton_buttonGroupClass">

189

<div

190

class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"

191

tabindex="0" id="false" text="res.brApp_ui_res_btn_create"

192

icon-url="./images/add.png" cls="defaultbutton" click="clickAdd"

193

style="display: inline-block; padding-left: 0px; padding-right: 0px;">

194

<div

195

class="openoButton_buttonInnerClass openo-corner-all openoButton_Image"

196

id="false_button">

197

<span class="openo-widget-button-image openoButton_buttonLeftImg"

198

style="background-image: url(images/add.png);"></span><span

199

class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create Datacenter</span><span

200

class="openo-widget-button-image openoButton_buttonImgDefault"></span>

</div>

</div>

<div

class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default"

207

tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit"

208

display="false" style="display: none;">

209

<div class="openoButton_buttonInnerClass openo-corner-all"

210

id="meEdit_button">

211

<span

212

class="openo-widget-button-image openoButton_buttonImgDefault"></span><span

213

class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span

214

class="openo-widget-button-image openoButton_buttonImgDefault"></span>

</div>

</div>

</div>

</div>

</div>

<div>

<table id="Datacenter_table" data-pagination="true" data-page-size="5"

227

data-pagination-first-text="First"

228

data-pagination-pre-text="Previous"

229

data-pagination-next-text="Next" data-pagination-last-text="Last">

<thead>

<th data-field="status" data-sortable="true">Status</th>

235

<th data-field="country" data-sortable="true">Country</th>

236

<th data-field="location" data-sortable="true">Location</th>

237

<th data-field="vimName" data-sortable="true">ServiceName</th>

238

<th data-field="cpu" data-sortable="true">Cpu(Cores)</th>

239

<th data-field="memory" data-sortable="true">Memory(MB)</th>

240

<th data-field="hardDisk" data-sortable="true">HardDisk(GB)</th>

241

<th align="center" data-formatter="operateFormatter"

242

data-events="operateEvents">Action

</th>

</tr>

</thead>

</table>

</div>

</div>

</div>

</div>

252

<div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"

253

aria-labelledby="myModalLabel" aria-hidden="false">

<button type="button" class="close" data-dismiss="modal"

aria-hidden="true">×

</button>

<span>Create Datacenter</span>

</h4>

</div>

</ul>

</label>

<input type="text" id="id" name="id"

277

class="form-control" placeholder="id"/>

</div>

</div>

</label>

<input type="text" id="name" name="name"

286

class="form-control" placeholder="Name"/>

</div>

</div>

<label class="col-sm-3 control-label"> <span>Country</span>

</label>

<select class="form-control"

295

style="padding-top: 0px;padding-bottom: 0px;"

296

id="country" name="country">

297

<option value="">--select--</option>

</select>

</div>

</div>

<label class="col-sm-3 control-label"> <span>Location</span>

</label>

<select class="form-control"

307

style="padding-top: 0px;padding-bottom: 0px;"

308

id="location" name="location">

309

<option value="">--select--</option>

</select>

</div>

</div>

<label class="col-sm-3 control-label"> <span>ServiceName</span>

</label>

<select class="form-control"

319

style="padding-top: 0px;padding-bottom: 0px;"

320

id="vimName" name="vimName">

321

<option value="">--select--</option>

</select>

</div>

</div>

<span>Avaliable Res:</span>

CPU(Cores):<br>

Memory:<br>

HardDisk:

</label>

</div>

</div>

</div>

</div>

</div>

<button type="button" class="btn SDBtn" data-dismiss="modal"

344

aria-hidden="true" id="createDatacenter">

</button>

<span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>

</button>

</div>

</div>

</form>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>