kostia/scrivito-hangout-order.xml

## scrivito-hangout-order.xml
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="Hangout Starter">
    <Require feature="rpc" />
    <Require feature="views" />
    <Require feature="locked-domain" />
  </ModulePrefs>
  <Content type="html"><![CDATA[

<html>
<style type="text/css">
<!--
.button {
  border-radius: 3px;
  -moz-border-radius: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background: -moz-linear-gradient(top, #fff, #ddd);
  border: 1px solid #bbb;
}

.button:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#333));
  background: -moz-linear-gradient(bottom, #ddd, #aaa); }

-->
</style>
<body>

<script src="//plus.google.com/hangouts/_/api/v1/hangout.js"></script>

<h3>Simple Hangout App</h3>

<p>
<input class="button" type="button" value="Show participants!" id="showParticipants"
    style="visibility:hidden;"
    onClick="showParticipants()"/>
</p>

<div id="participantsDiv"></div>

<hr>

<script>
function showParticipants() {
  var participants = gapi.hangout.getParticipants();

  var markup = '<p>Participants: </p><ul>';

  for (var index in participants) {
    var participant = participants[index];

    if (!participant.person) {
      markup += '<li>A participant not running this app</li>';
    }

    markup += '<li>' + participant.person.displayName + '</li>';
  }

  markup += '</ul>';

  var div = document.getElementById('participantsDiv');

  div.innerHTML = markup;
}

gadgets.util.registerOnLoadHandler(function() {
  gapi.hangout.onApiReady.add(function(event) {
    if (event.isApiReady) {
      document.getElementById('showParticipants').style.visibility = 'visible';
    }
  });
});

</script>
</body>
]]>
</Content>
</Module>
	<?xml version="1.0" encoding="UTF-8" ?>
	<Module>
	<ModulePrefs title="Hangout Starter">
	<Require feature="rpc" />
	<Require feature="views" />
	<Require feature="locked-domain" />
	</ModulePrefs>
	<Content type="html"><![CDATA[

	<html>
	<style type="text/css">
	<!--
	.button {
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: -moz-linear-gradient(top, #fff, #ddd);
	border: 1px solid #bbb;
	}

	.button:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#333));
	background: -moz-linear-gradient(bottom, #ddd, #aaa); }

	-->
	</style>
	<body>

	<script src="//plus.google.com/hangouts/_/api/v1/hangout.js"></script>

	<h3>Simple Hangout App</h3>

	<p>
	<input class="button" type="button" value="Show participants!" id="showParticipants"
	style="visibility:hidden;"
	onClick="showParticipants()"/>
	</p>

	<div id="participantsDiv"></div>

	<hr>

	<script>
	function showParticipants() {
	var participants = gapi.hangout.getParticipants();

	var markup = '<p>Participants: </p><ul>';

	for (var index in participants) {
	var participant = participants[index];

	if (!participant.person) {
	markup += '<li>A participant not running this app</li>';
	}

	markup += '<li>' + participant.person.displayName + '</li>';
	}

	markup += '</ul>';

	var div = document.getElementById('participantsDiv');

	div.innerHTML = markup;
	}

	gadgets.util.registerOnLoadHandler(function() {
	gapi.hangout.onApiReady.add(function(event) {
	if (event.isApiReady) {
	document.getElementById('showParticipants').style.visibility = 'visible';
	}
	});
	});

	</script>
	</body>
	]]>
	</Content>
	</Module>