From b10e247108039c2f2cb840fbbc329131e740d474 Mon Sep 17 00:00:00 2001
From: Julio Biason <julio.biason@gmail.com>
Date: Thu, 4 Sep 2014 20:27:24 -0300
Subject: [PATCH] now showing spa

---
 spa/server.py                  |  8 ++++----
 spa/templates/spa-counter.html | 15 +++++++++++++++
 spa/templates/spa.html         | 28 ++++++++++++++++++++++++++++
 3 files changed, 47 insertions(+), 4 deletions(-)
 create mode 100644 spa/templates/spa-counter.html
 create mode 100644 spa/templates/spa.html

diff --git a/spa/server.py b/spa/server.py
index d8086c1..0eea2b9 100644
--- a/spa/server.py
+++ b/spa/server.py
@@ -10,18 +10,18 @@ from flask import request
 
 app = Flask(__name__)
 
-@app.route('/traditional')
+@app.route('/traditional/')
 def traditional():
     contador = request.values.get('contador', 0)
     contador = int(contador) + 1
     return render_template('traditional.html',
                            contador=contador)
 
-@app.route('/spa')
+@app.route('/spa/')
 def spa():
-    return render_template('spa.html')
+    return render_template('spa.html', contador=1)
 
-@app.route('/spa/counter')
+@app.route('/spa/counter/')
 def spa_counter():
     contador = request.values.get('contador', 1)
     contador = int(contador) + 1
diff --git a/spa/templates/spa-counter.html b/spa/templates/spa-counter.html
new file mode 100644
index 0000000..a6c1b60
--- /dev/null
+++ b/spa/templates/spa-counter.html
@@ -0,0 +1,15 @@
+<div class='row'>
+	<div class='small-12 columns'>
+		<p class='text-center'>
+			Contador: {{ contador }}
+		</p>
+	</div>
+
+	<div class='row'>
+		<div class='small-12 columns'>
+			<p class='text-center'>
+				<a id='contador' href='{{ url_for('spa_counter', contador=contador) }}' class='button radius small'>Incrementar</a>
+			</p>
+		</div>
+	</div>
+</div>
diff --git a/spa/templates/spa.html b/spa/templates/spa.html
new file mode 100644
index 0000000..4603c58
--- /dev/null
+++ b/spa/templates/spa.html
@@ -0,0 +1,28 @@
+{% extends "base.html" %}
+
+{% block content %}
+	<div id='contador-part'>
+		{% include "spa-counter.html" ignore missing with context %}
+	</div>
+{% endblock content %}
+
+{% block scripts %}
+<script>
+	$(function() {
+		$('#contador-part').on('click', '#contador', function (ev) {
+			ev.preventDefault();
+			ev.stopPropagation();
+
+			console.log('click');
+			$.ajax({
+				url: $(this).attr('href'),
+				success: function (response) {
+					console.log(response);
+					$('#contador-part').html(response);
+					$('#contador')[0].click();
+				}
+			})
+		});
+	});
+</script>
+{% endblock scripts %}