PyRIGS/RIGS/templates/activity_feed.html

{% load static %}

{% block js %}
<script src="{% static 'js/tooltip.js' %}"></script>
<script src="{% static 'js/popover.js' %}"></script>
<script>
    $(function () {
          $('[data-toggle="tooltip"]').tooltip();
    })
</script>
<script>
	$(function () {
  $('[data-toggle="popover"]').popover().click(function(){
    if($(this).attr('href')){
      window.location.href = $(this).attr('href');
    }
  });
  //moment().twitter();
})
  $(document).ready(function() {
    $(function () {
        $( "#activity" ).hide();
        $( "#activity" ).load( "{% url 'activity_feed' %}", function() {
          $('#activity_loading').slideUp('slow',function(){
              $('#activity').slideDown('slow');
          });

          $('#activity [data-toggle="popover"]').popover();

          /*$('.date').each(function (index, dateElem) {
            var $dateElem = $(dateElem);
            var formatted = moment($dateElem.attr('data-date')).twitterLong();
            $dateElem.text(formatted);
          });*/

        });
    });
  });
</script>
{% endblock %}

<div class="card">
  <div class="card-header">
    <h4>Recent Changes</h4>
  </div>
  <div class="list-group list-group-flush">
    <div id="activity_loading" class="list-group-item loading-animation">
      <div class="circle"></div>
      <div class="circle1"></div>
    </div>
    <div id="activity">
    </div>
  </div>
</div>