A little bit more JavaScript.

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>