Ember.js v0.9.7.1
by pangratz666
HTML
<script src="https://github.com/downloads/emberjs/ember.js/ember-0.9.7.1.js"></script>
<script type="text/x-handlebars" data-template-name="app-server">
<h1>Default</h1>
{{#each data.Servers}}
<div class="server">
<h1>{{unbound this.Name}}</h1>
Time: {{unbound this.CurrentTime}}<br />
<table>
{{#each this.processes}}
<tr>
<td>{{unbound Name}}</td>
<td>{{unbound Location}}</td>
</tr>
{{/each}}
</table>
</div>
{{/each}}
</script>
JavaScript
App = Ember.Application.create({
ready: function() {
Ember.View.create({
templateName: 'app-server',
dataBinding: 'App.dataController.data'
}).append();
App.dataController.getServers();
}
});
App.dataController = Ember.Object.create({
data: {},
getServers: function() {
this.set('data', Ember.Object.create({
"Servers": [
{
"Name": "USWest",
"CurrentTime": "1337",
"processes": [
{
"Name": "apache.exe",
"Location": "Somewhere",
"Modules": [
{
"Name": "php.exe"},
{
"Name": "php.exe"},
{
"Name": "php.exe"}
]},
{
"Name": "mysql.exe",
"Location": "Somewhere",
"Modules": [
{
"Name": "php.exe"},
{
"Name": "php.exe"},
{
"Name": "php.exe"}
]},
{
"Name": "phpmyadmin.exe",
"Location": "Somewhere",
"Modules": [
{
"Name": "php.exe"},
{
"Name": "php.exe"},
{
"Name": "php.exe"}
]}
]},
{
"Name": "USEast",
"CurrentTime": "1337",
"processes": [
{
"Name": "apache.exe",
"Location": "Somewhere",
"Modules": [
{
"Name": "php.exe"},
{
...