denishoctor/working-letters

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

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

            polymerLetters2.setAttribute('url', url);
            document.body.appendChild(polymerLetters2);

            window.addEventListener('polymer-ready', function() {
console.dir(polymerLetters2);
            });
        </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-letters2" attributes="url">
	<template>
	<h1>{{url}}</h1>
	<core-ajax url="{{url}}" auto response="{{resp}}" on-core-response="{{parse2}}"></core-ajax>
	<template repeat="{{ letter in letters2 }}">
	{{ letter }}
	</template>
	</template>
	<script>
	Polymer('polymer-letters2', {
	ready: function() {
	this.lettersOld = ['a', 'b', 'c'];
	},
	parse2: function(event, detail, ajaxNode) {
	console.log(event.detail.response)
	this.letters2 = event.detail.response;
	}
	});
	</script>
	</polymer-element>

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

	polymerLetters2.setAttribute('url', url);
	document.body.appendChild(polymerLetters2);

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