denishoctor/broken-letter

## broken-letter
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Application Status Dashboard</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Importing Web Component's Polyfill -->
        <script src="bower_components/platform/platform.js"></script>

        <!-- Importing Custom Elements -->
        <link rel="import" href="bower_components/core-ajax/core-ajax.html">
    </head>
    <body>

        <polymer-element name="polymer-letters" attributes="urls">
            <template>
                <h1>{{urls}}</h1>
                <template repeat="{{url in urls}}">
                    <core-ajax url="{{url}}" auto response="{{resp}}" on-core-response="{{parse}}"></core-ajax>
                </template>
                <template repeat="{{ letter in letters }}">
                  {{ letter }}
                </template>
            </template>
            <script>
                Polymer('polymer-letters', {
                    ready: function() {
                        this.lettersOld = ['a', 'b', 'c'];
                    },
                    parse: function(event, detail, ajaxNode) {
    console.log(event.detail.response)
                        this.letters = event.detail.response;
                    },
                    parse2: function(event, detail, ajaxNode) {
    console.log(event.detail.response)
                        this.letters = event.detail.response;
                    }
                });
            </script>
        </polymer-element>

        <script>
            var urls = ["data/letters.json"],
                polymerLetters = document.createElement("polymer-letters");

            polymerLetters.setAttribute('urls', JSON.stringify(urls));
            document.body.appendChild(polymerLetters);

            window.addEventListener('polymer-ready', function() {
console.dir(polymerLetters);
            });
        </script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Application Status Dashboard</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Importing Web Component's Polyfill -->
	<script src="bower_components/platform/platform.js"></script>

	<!-- Importing Custom Elements -->
	<link rel="import" href="bower_components/core-ajax/core-ajax.html">
	</head>
	<body>

	<polymer-element name="polymer-letters" attributes="urls">
	<template>
	<h1>{{urls}}</h1>
	<template repeat="{{url in urls}}">
	<core-ajax url="{{url}}" auto response="{{resp}}" on-core-response="{{parse}}"></core-ajax>
	</template>
	<template repeat="{{ letter in letters }}">
	{{ letter }}
	</template>
	</template>
	<script>
	Polymer('polymer-letters', {
	ready: function() {
	this.lettersOld = ['a', 'b', 'c'];
	},
	parse: function(event, detail, ajaxNode) {
	console.log(event.detail.response)
	this.letters = event.detail.response;
	},
	parse2: function(event, detail, ajaxNode) {
	console.log(event.detail.response)
	this.letters = event.detail.response;
	}
	});
	</script>
	</polymer-element>

	<script>
	var urls = ["data/letters.json"],
	polymerLetters = document.createElement("polymer-letters");

	polymerLetters.setAttribute('urls', JSON.stringify(urls));
	document.body.appendChild(polymerLetters);

	window.addEventListener('polymer-ready', function() {
	console.dir(polymerLetters);
	});
	</script>
	</body>
	</html>