aboutsummaryrefslogtreecommitdiff
path: root/pyaggr3g470r/templates
diff options
context:
space:
mode:
Diffstat (limited to 'pyaggr3g470r/templates')
-rw-r--r--pyaggr3g470r/templates/article.html8
-rw-r--r--pyaggr3g470r/templates/home.html61
-rw-r--r--pyaggr3g470r/templates/layout.html4
3 files changed, 8 insertions, 65 deletions
diff --git a/pyaggr3g470r/templates/article.html b/pyaggr3g470r/templates/article.html
index 2dbdb8de..02f373b6 100644
--- a/pyaggr3g470r/templates/article.html
+++ b/pyaggr3g470r/templates/article.html
@@ -4,16 +4,16 @@
<script src="https://apis.google.com/js/plusone.js"></script>
{% endblock %}
{% block content %}
-<div class="container">
+<div class="container" data-article="{{ article.id }}">
<div class="jumbotron">
<h2><a href="{{ article.link }}">{{ article.title|safe }}</a></h2>
<h3>{{ _('from') }} <a href="/feed/{{ article.source.id }}">{{ article.source.title }}</a></h3>
<a href="/delete/{{ article.id }}"><i class="glyphicon glyphicon-remove" title="{{ _('Delete this article') }}"></i></a>
- <a href="/like/{{ article.id }}">
+ <a href="#">
{% if article.like %}
- <i class="glyphicon glyphicon-star" title="{{ _('One of your favorites') }}"></i>
+ <i class="glyphicon glyphicon-star like" title="{{ _('One of your favorites') }}"></i>
{% else %}
- <i class="glyphicon glyphicon-star-empty" title="{{ _('Click if you like this article') }}"></i>
+ <i class="glyphicon glyphicon-star-empty like" title="{{ _('Click if you like this article') }}"></i>
{% endif %}
</a>
{% if article.readed %}
diff --git a/pyaggr3g470r/templates/home.html b/pyaggr3g470r/templates/home.html
index 3db5eb87..95fa3b44 100644
--- a/pyaggr3g470r/templates/home.html
+++ b/pyaggr3g470r/templates/home.html
@@ -132,63 +132,4 @@
{% endif %}
</div><!-- /.container -->
{% endif %}
-
-<script type="text/javascript" class="source">
-
-$(document).ready(function() {
- // Like or unlike an article
- $('.like').on('click', function() {
- var article_id = $(this).parent().parent().parent().attr("data-article");
-
- var data;
- if ($(this).hasClass("glyphicon-star")) {
- data = JSON.stringify({
- like: false
- })
- $(this).removeClass('glyphicon-star').addClass('glyphicon-star-empty');
- }
- else {
- data = JSON.stringify({
- like: true
- })
- $(this).removeClass('glyphicon-star-empty').addClass('glyphicon-star');
- }
-
- // sends the updates to the server
- $.ajax({
- type: 'PUT',
- // Provide correct Content-Type, so that Flask will know how to process it.
- contentType: 'application/json',
- // Encode your data as JSON.
- data: data,
- // This is the type of data you're expecting back from the server.
- url: "/api/v1.0/articles/"+article_id,
- success: function (result) {
- //console.log(result);
- },
- error: function(XMLHttpRequest, textStatus, errorThrown){
- console.log(XMLHttpRequest.responseText);
- }
- }); // ajax closed
- });
-
- // Delete an article
- $('.delete').on('click', function() {
- var article_id = $(this).parent().parent().parent().attr("data-article");
- $(this).parent().parent().parent().remove();
-
- // sends the updates to the server
- $.ajax({
- type: 'DELETE',
- url: "/api/v1.0/articles/"+article_id,
- success: function (result) {
- //console.log(result);
- },
- error: function(XMLHttpRequest, textStatus, errorThrown){
- console.log(XMLHttpRequest.responseText);
- }
- }); // ajax closed
- });
-})
-</script>
-{% endblock %}
+{% endblock %} \ No newline at end of file
diff --git a/pyaggr3g470r/templates/layout.html b/pyaggr3g470r/templates/layout.html
index 10b802a2..6f159143 100644
--- a/pyaggr3g470r/templates/layout.html
+++ b/pyaggr3g470r/templates/layout.html
@@ -10,7 +10,7 @@ deployed on Heroku or on a traditional server." />
<title>{% if head_title %}{{ head_title }} - {% endif %}pyAggr3g470r</title>
- <script src="{{ url_for('.static', filename = 'js/jquery.js') }}"></script>
+
<link rel="shortcut icon" href="{{ url_for('.static', filename='img/favicon.png') }}" />
@@ -164,6 +164,8 @@ deployed on Heroku or on a traditional server." />
<!-- Bootstrap core JavaScript -->
<!-- Placed at the end of the document so the pages load faster -->
+ <script src="{{ url_for('.static', filename = 'js/jquery.js') }}"></script>
<script src="{{ url_for('.static', filename = 'js/bootstrap.js') }}"></script>
+ <script src="{{ url_for('.static', filename = 'js/articles.js') }}"></script>
</body>
</html>
bgstack15