{% extends request.is_ajax|yesno:"base_ajax.html,base_rigs.html" %}
{% load static %}
{% load paginator from filters %}
{% load to_class_name from filters %}

{% block title %}Rigboard Activity Stream{% endblock %}

{% block js %}
    <script src="{% static "js/tooltip.js" %}"></script>
    <script src="{% static "js/popover.js" %}"></script>
    <script src="{% static "js/moment.min.js" %}"></script>
    <script>
    	$(function () {
		  $('[data-toggle="popover"]').popover().click(function(){
        if($(this).attr('href')){
          window.location.href = $(this).attr('href');
        }
      });

          // This keeps timeago values correct, but uses an insane amount of resources
          // $(function () {
          //     setInterval(function() {
          //         $('.date').each(function (index, dateElem) {
          //           var $dateElem = $(dateElem);
          //           var formatted = moment($dateElem.attr('data-date')).fromNow();
          //           $dateElem.text(formatted);
          //          })
          //        });
          //     }, 10000);


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

		})

    </script>
{% endblock %}

{% block content %}
<div class="col-sm-12">
        <div class="row">
            <div class="col-sm-12">
                <h3>Rigboard Activity Stream</h3>
            </div>
            <div class="text-right col-sm-12">{% paginator %}</div>
        </div>
        <div class="table-responsive">

        	<table class="table table-striped">
                <thead>
                <tr>
                    <td>Date</td>
                    <td>Object</td>
                    <td>Version ID</td>
                    <td>User</td>
                    <td>Changes</td>
                    <td>Comment</td>
                </tr>
                </thead>
                <tbody>
                	{% for version in object_list %}
                        
                            <tr>
                                <td>{{ version.revision.date_created }}</td>
                                <td><a href="{{ version.changes.new.get_absolute_url }}">{{version.changes.new|to_class_name}} {{ version.changes.new.pk|stringformat:"05d" }}</a></td>
                           		<td>{{ version.pk }}|{{ version.revision.pk }}</td>
                                <td>{{ version.revision.user.name }}</td>
                                <td>
                                  {% if version.changes.old == None %}
                                    {{version.changes.new|to_class_name}} Created
                                  {% else %}
                                    {% include 'version_changes.html' %}
                                  {% endif %}                        </td>
                                  <td>{{ version.changes.revision.comment }}</td>
                            </tr>
                        
        			{% endfor %}

                </tbody>
            </table>

        </div>
        <div class="align-right">{% paginator %}</div>
    </div>
{% endblock %}