YAO-portal/static/cluster.js

function register_events_cluster() {
	$('#btn-cluster-add').click(function (e) {
		$('#form-cluster-submit-type').val('add');
		$('#form-cluster-name').removeAttr('disabled');
		$('#modal-cluster').modal('show');
	});

	$("#form-cluster-submit").click(function (e) {
		var name = $('#form-cluster-name').val();
		var weight = $('#form-cluster-weight').val();
		var reserved = $('#form-cluster-reserved').prop('checked');
		var quota_gpu = $('#form-cluster-quota-gpu-number').val();
		var quota_gpu_mem = $('#form-cluster-quota-gpu-memory').val();
		var quota_cpu = $('#form-cluster-quota-cpu').val();
		var quota_mem = $('#form-cluster-quota-mem').val();

		/* TODO: validate form */

		$('#modal-cluster').modal('hide');
		var action = 'cluster_add';
		if ($('#form-cluster-submit-type').val() !== 'add')
			action = 'cluster_update';

		var ajax = $.ajax({
			url: 'service?action=' + action,
			type: 'POST',
			data: {
				name: name,
				weight: weight,
				reserved: reserved,
				quota_gpu: quota_gpu,
				quota_gpu_mem: quota_gpu_mem,
				quota_cpu: quota_cpu,
				quota_mem: quota_mem
			}
		});
		ajax.done(function (res) {
			if (res['errno'] !== 0) {
				$('#modal-msg-content').html(res['msg']);
				$('#modal-msg').modal('show');
			}
			$('#table-cluster').bootstrapTable('refresh');
		});
		ajax.fail(function (jqXHR, textStatus) {
			$('#modal-msg-content').html('Request failed : ' + jqXHR.statusText);
			$('#modal-msg').modal('show');
			$('#table-cluster').bootstrapTable('refresh');
		});
	});

}

function load_clusters() {
	$('#table-cluster').bootstrapTable({
		url: 'service?action=cluster_list',
		responseHandler: clusterResponseHandler,
		sidePagination: 'server',
		cache: true,
		striped: true,
		pagination: true,
		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: 'name',
			title: 'Name',
			align: 'center',
			valign: 'middle'
		}, {
			field: 'operate',
			title: 'Operate',
			align: 'center',
			events: clusterOperateEvents,
			formatter: clusterOperateFormatter
		}]
	});
}

function clusterResponseHandler(res) {
	if (res['errno'] === 0) {
		var tmp = {};
		tmp['total'] = res['count'];
		tmp['rows'] = res['clusters'];
		return tmp;
	}
	$('#modal-msg-content').html(res['msg']);
	$('#modal-msg').modal('show');
	return [];
}

function clusterOperateFormatter(value, row, index) {
	var div = '<div class="btn-group" role="group" aria-label="...">';
	div += '<button class="btn btn-default edit"><i class="glyphicon glyphicon-edit"></i>&nbsp;</button>';
	div += '<button class="btn btn-default remove"><i class="glyphicon glyphicon-remove"></i>&nbsp;</button>';
	div += '</div>';
	return div;
}

function cluster_gets(cb) {
	var ajax = $.ajax({
		url: 'service?action=cluster_list',
		type: 'GET',
		data: {}
	});
	ajax.done(function (res) {
		if (res["errno"] !== 0) {
			$("#modal-msg-content").html(res['msg']);
			$("#modal-msg").modal('show');
		} else {
			if (cb !== undefined) {
				cb(res['clusters']);
			}
		}
	});
	ajax.fail(function (jqXHR, textStatus) {
		$("#modal-msg-content").html('Request failed : ' + jqXHR.statusText);
		$("#modal-msg").modal('show');
	});
}

window.clusterOperateEvents = {
	'click .edit': function (e, value, row, index) {
		$('#form-cluster-submit-type').val('update');
		$('#form-cluster-name').val(row.name);
		$('#form-cluster-name').attr('disabled', 'disabled');
		$('#form-cluster-weight').val(row.weight);
		$('#form-cluster-reserved').prop('checked', row.reserved === true);
		$('#form-cluster-quota_gpu').val(row.quota_gpu);
		$('#form-cluster-quota_gpu_mem').val(row.quota_gpu_mem);
		$('#form-cluster-quota_cpu').val(row.quota_cpu);
		$('#form-cluster-quota_mem').val(row.quota_mem);
		$('#modal-cluster').modal('show');
	},
	'click .remove': function (e, value, row, index) {
		if (!confirm('Are you sure to remove this virtual cluster?')) {
			return;
		}
		var ajax = $.ajax({
			url: 'service?action=cluster_remove',
			type: 'POST',
			data: {name: row.name}
		});
		ajax.done(function (res) {
			if (res['errno'] !== 0) {
				$("#modal-msg-content").html(res['msg']);
				$("#modal-msg").modal('show');
			}
			$('#table-cluster').bootstrapTable('refresh');
		});
		ajax.fail(function (jqXHR, textStatus) {
			$("#modal-msg-content").html('Request failed : ' + jqXHR.statusText);
			$("#modal-msg").modal('show');
			$('#table-cluster').bootstrapTable('refresh');
		});
	}
};