update

2025-12-15 09:36:43 +00:00 · 2019-04-23 16:57:15 +08:00
parent dbfe0c5bb7
commit 75657a7d6d
18 changed files with 396 additions and 123 deletions
--- a/static/resource.js
+++ b/static/resource.js
@@ -0,0 +1,105 @@
+function register_events_resource() {
+
+}
+
+function load_resources() {
+	$("#table-resource").bootstrapTable({
+		url: window.config.BASE_URL + '/service?action=resource_list',
+		responseHandler: resourceResponseHandler,
+		sidePagination: 'server',
+		cache: true,
+		striped: true,
+		pagination: false,
+		pageSize: 10,
+		pageList: [10, 25, 50, 100, 200],
+		search: false,
+		showColumns: true,
+		showRefresh: true,
+		showToggle: false,
+		showPaginationSwitch: true,
+		minimumCountColumns: 2,
+		clickToSelect: false,
+		sortName: 'nobody',
+		sortOrder: 'desc',
+		smartDisplay: true,
+		mobileResponsive: true,
+		showExport: true,
+		columns: [{
+			field: 'id',
+			title: 'ID',
+			align: 'center',
+			valign: 'middle',
+			visible: false
+		}, {
+			field: 'host',
+			title: 'Node',
+			align: 'center',
+			valign: 'middle',
+			escape: true
+		}, {
+			field: 'CPU',
+			title: 'CPU',
+			align: 'center',
+			valign: 'middle'
+		}, {
+			field: 'MEM',
+			title: 'MEM',
+			align: 'center',
+			valign: 'middle',
+			escape: true,
+			visible: true
+		}, {
+			field: 'GPU',
+			title: 'GPU',
+			align: 'center',
+			valign: 'middle',
+			escape: true,
+			visible: true
+		}, {
+			field: 'operate',
+			title: 'Operate',
+			align: 'center',
+			events: resourceOperateEvents,
+			formatter: resourceOperateFormatter
+		}]
+	});
+}
+
+function resourceResponseHandler(res) {
+	if (res['errno'] === 0) {
+		var tmp = {};
+		tmp["rows"] = [];
+		$.each(res["resources"], function (i, node) {
+			var item = {
+				'host': node.host,
+				'CPU': '-',
+				'MEM': '-',
+				'GPU': node.status.length,
+				'status': node.status
+			};
+			tmp["rows"].push(item);
+		});
+
+		return tmp['rows'];
+	}
+	$("#modal-msg-content").html(res["msg"]);
+	$("#modal-msg").modal('show');
+	return [];
+}
+
+function resourceOperateFormatter(value, row, index) {
+	var div = '<div class="btn-group" role="group" aria-label="...">';
+	div += '<button class="btn btn-default view"><i class="glyphicon glyphicon-eye-open"></i>&nbsp;</button>';
+	div += '</div>';
+	return div;
+}
+
+
+window.resourceOperateEvents = {
+	'click .view': function (e, value, row, index) {
+		var tmp = jQuery.extend(true, {}, row.status);
+		var formattedData = JSON.stringify(tmp, null, '\t');
+		$('#modal-resource-gpu-detail-content').text(formattedData);
+		$('#modal-resource-gpu-detail').modal('show');
+	}
+};