diff options
Diffstat (limited to 'pyaggr3g470r/templates')
-rw-r--r-- | pyaggr3g470r/templates/article.html | 8 | ||||
-rw-r--r-- | pyaggr3g470r/templates/home.html | 61 | ||||
-rw-r--r-- | pyaggr3g470r/templates/layout.html | 4 |
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> |