<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Wialon Playground - Account parameters</title>
    <script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="//hst-api.wialon.com/wsdk/script/wialon.js"></script>
</head>
<body>

Select resource: <select id="res"><option></option></select>
<input type="button" id="get_btn" value="Get account parameters" disabled="disabled"/>
<div id="log"></div>

</body>
</html>
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Wialon Playground - Account parameters</title>
    <script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="//hst-api.wialon.com/wsdk/script/wialon.js"></script>
</head>
<body>
​
Select resource: <select id="res"><option></option></select>
<input type="button" id="get_btn" value="Get account parameters" disabled="disabled"/>
<div id="log"></div>
​
</body>
</html>
HTML

#log { border: 1px solid #c6c6c6; }
 
#log { border: 1px solid #c6c6c6; }
CSS

// Print message to log
function msg(text) { $("#log").prepend(text + "<br/>"); }

function init() { // Execute after login succeed
	var sess = wialon.core.Session.getInstance(); // get instance of current Session
	// flags to specify what kind of data should be returned
	var flags = wialon.item.Item.dataFlag.base | wialon.item.Item.dataFlag.billingProps;

	sess.loadLibrary("resourceAccounts"); // load Accounts Library
	sess.updateDataFlags( // load items to current session
	    [{type: "type", data: "avl_resource", flags: flags, mode: 0}], // Items specification
	    function (code) { // updateDataFlags callback
		    if (code) { msg(wialon.core.Errors.getErrorText(code)); return; } // exit if error code
		    var res = sess.getItems("avl_resource"); // get loaded 'avl_resource' items
		    if (!res || !res.length){ msg("No resources found"); return; } // check if resources found
		    for (var i=0; i<res.length; i++) // construct Select list using found resources
			    $("#res").append("<option value='" + res[i].getId() + "'>" + res[i].getName() + "</option>");
		    // bind action to select change
		    $("#res").change( changeRes );
	});
}

function changeRes(){ // execute on resource change
	$("#get_btn").prop("disabled", true); // disable "get parameters" button
	var res_id = $("#res").val(); // get selected resource id
	if(!res_id) { msg("Select resource"); return; } // check if resources selected
	var res = wialon.core.Session.getInstance().getItem(res_id); // get Resource by id
	var is_account = (res.getId() == res.getAccountId());
	if(is_account) // if resource is account
		$("#get_btn").prop("disabled", false); // enable "get parameters" button
	else // else (resource is not account)
		msg("Resource <b>'"+ res.getName() +"'</b> is <b>not</b> account<br/>"); // print message
}

function showInfo(){ // print info about selected account
	var res_id = $("#res").val(); // get selected resource id
	var res = wialon.core.Session.getInstance().getItem(res_id); // get Resource by id
	res.getAccountData( function(code, data){ // Get account information as JSON Object
		if(code){ msg(wialon.core.Errors.getErrorText(code)); return; } // exit if error code
		// create message with account data
		var message = "Resource/account <b>'"+ res.getName() +"' </b> is <b>"+
		(data.enabled ? "enabled" : "blocked")+"</b><br/>"+
		"Plan: <b>'"+ data.plan +"'</b> Balance: <b>"+ data.balance +"</b><br/>";
		msg( message); // print message
	});	
}

// execute when DOM ready
$(document).ready(function () {
	$("#get_btn").click( showInfo ); // bind action to button click 
	wialon.core.Session.getInstance().initSession("https://hst-api.wialon.com"); // init session
    // For more info about how to generate token check
    // http://sdk.wialon.com/playground/demo/app_auth_token
	wialon.core.Session.getInstance().loginToken("5dce19710a5e26ab8b7b8986cb3c49e58C291791B7F0A7AEB8AFBFCEED7DC03BC48FF5F8", "", // try to login
	    function (code) { // login callback
	    	if (code){ msg(wialon.core.Errors.getErrorText(code)); return; } // exit if error code
	    	msg("Logged successfully"); init(); // when login suceed then run init() function
	});
});
 
// Print message to log
function msg(text) { $("#log").prepend(text + "<br/>"); }
​
function init() { // Execute after login succeed
    var sess = wialon.core.Session.getInstance(); // get instance of current Session
    // flags to specify what kind of data should be returned
    var flags = wialon.item.Item.dataFlag.base | wialon.item.Item.dataFlag.billingProps;
​
    sess.loadLibrary("resourceAccounts"); // load Accounts Library
    sess.updateDataFlags( // load items to current session
        [{type: "type", data: "avl_resource", flags: flags, mode: 0}], // Items specification
        function (code) { // updateDataFlags callback
            if (code) { msg(wialon.core.Errors.getErrorText(code)); return; } // exit if error code
            var res = sess.getItems("avl_resource"); // get loaded 'avl_resource' items
            if (!res || !res.length){ msg("No resources found"); return; } // check if resources found
            for (var i=0; i<res.length; i++) // construct Select list using found resources
                $("#res").append("<option value='" + res[i].getId() + "'>" + res[i].getName() + "</option>");
JS

Result

Source code of example Close ✕

 
/*source*/