more Icons cause everyone loves icons
This commit is contained in:
		@ -8,80 +8,80 @@
 | 
			
		||||
{% endblock %}
 | 
			
		||||
 | 
			
		||||
{% block content %}
 | 
			
		||||
  <h1>{% trans "Audit Log" %}</h1>
 | 
			
		||||
  <div id="pf-list-standard" class="list-group list-view-pf list-view-pf-view">
 | 
			
		||||
<h1><span class="pficon-catalog"></span> {% trans "Audit Log" %}</h1>
 | 
			
		||||
<div id="pf-list-standard" class="list-group list-view-pf list-view-pf-view">
 | 
			
		||||
    {% for entry in object_list %}
 | 
			
		||||
    <div class="list-group-item">
 | 
			
		||||
      <div class="list-view-pf-main-info">
 | 
			
		||||
        <div class="list-view-pf-left">
 | 
			
		||||
          <span class="fa fa-plane list-view-pf-icon-sm"></span>
 | 
			
		||||
        <div class="list-view-pf-main-info">
 | 
			
		||||
            <div class="list-view-pf-left">
 | 
			
		||||
                <span class="fa fa-plane list-view-pf-icon-sm"></span>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="list-view-pf-body">
 | 
			
		||||
                <div class="list-view-pf-description">
 | 
			
		||||
                    <div class="list-group-item-heading">
 | 
			
		||||
                        {{ entry.action }}
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="list-group-item-text">
 | 
			
		||||
                        {{ entry.context }}
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="list-view-pf-additional-info">
 | 
			
		||||
                    <div class="list-view-pf-additional-info-item">
 | 
			
		||||
                        <span class="pficon pficon-user"></span>
 | 
			
		||||
                        <strong>{{ entry.user }}</strong>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="list-view-pf-additional-info-item">
 | 
			
		||||
                        <span class="pficon pficon-cluster"></span>
 | 
			
		||||
                        <strong>{{ entry.app|default:'-' }}</strong>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="list-view-pf-additional-info-item">
 | 
			
		||||
                        <span class="fa fa-clock-o"></span>
 | 
			
		||||
                        <strong>{{ entry.created }}</strong>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="list-view-pf-additional-info-item">
 | 
			
		||||
                        <span class="pficon pficon-screen"></span>
 | 
			
		||||
                        <strong>{{ entry.request_ip }}</strong>
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="list-view-pf-body">
 | 
			
		||||
          <div class="list-view-pf-description">
 | 
			
		||||
            <div class="list-group-item-heading">
 | 
			
		||||
              {{ entry.action }}
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="list-group-item-text">
 | 
			
		||||
              {{ entry.context }}
 | 
			
		||||
            </div>
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="list-view-pf-additional-info">
 | 
			
		||||
            <div class="list-view-pf-additional-info-item">
 | 
			
		||||
                <span class="pficon pficon-user"></span>
 | 
			
		||||
                <strong>{{ entry.user }}</strong>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="list-view-pf-additional-info-item">
 | 
			
		||||
                <span class="pficon pficon-cluster"></span>
 | 
			
		||||
                <strong>{{ entry.app|default:'-' }}</strong>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="list-view-pf-additional-info-item">
 | 
			
		||||
                <span class="fa fa-clock-o"></span>
 | 
			
		||||
                <strong>{{ entry.created }}</strong>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="list-view-pf-additional-info-item">
 | 
			
		||||
                <span class="pficon pficon-screen"></span>
 | 
			
		||||
                <strong>{{ entry.request_ip }}</strong>
 | 
			
		||||
            </div>
 | 
			
		||||
          </div>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    {% endfor %}
 | 
			
		||||
  <script>
 | 
			
		||||
    $(document).ready(function () {
 | 
			
		||||
      // Row Checkbox Selection
 | 
			
		||||
      $("#pf-list-standard input[type='checkbox']").change(function (e) {
 | 
			
		||||
        if ($(this).is(":checked")) {
 | 
			
		||||
          $(this).closest('.list-group-item').addClass("active");
 | 
			
		||||
        } else {
 | 
			
		||||
          $(this).closest('.list-group-item').removeClass("active");
 | 
			
		||||
        }
 | 
			
		||||
      });
 | 
			
		||||
      // toggle dropdown menu
 | 
			
		||||
      $('#pf-list-standard .list-view-pf-actions').on('show.bs.dropdown', function () {
 | 
			
		||||
        var $this = $(this);
 | 
			
		||||
        var $dropdown = $this.find('.dropdown');
 | 
			
		||||
        var space = $(window).height() - $dropdown[0].getBoundingClientRect().top - $this.find('.dropdown-menu').outerHeight(true);
 | 
			
		||||
        $dropdown.toggleClass('dropup', space < 10);
 | 
			
		||||
      });
 | 
			
		||||
      // allow users to select multiple list items with shift key
 | 
			
		||||
      $('#pf-list-standard .list-group').on('click', '.list-view-pf-checkbox>input', function (event) {
 | 
			
		||||
        var $list = $('.list-group');
 | 
			
		||||
        var prevIndex = $list.data('preIndex');
 | 
			
		||||
        var $listItems = $list.children('.list-group-item');
 | 
			
		||||
        var $currentItem = $(this).closest('.list-group-item');
 | 
			
		||||
        if (event.shiftKey && prevIndex > -1 && this.checked) {
 | 
			
		||||
          var currentIndex = $listItems.index($currentItem);
 | 
			
		||||
          var $selectScope = currentIndex - prevIndex > 0
 | 
			
		||||
            ? $currentItem.prevAll().not($listItems.eq(prevIndex).prevAll().addBack())
 | 
			
		||||
            : $listItems.eq(prevIndex).prevAll().not($currentItem.prevAll().addBack());
 | 
			
		||||
          $selectScope.addClass('active').find('.list-view-pf-checkbox').children('input').prop('checked', true);
 | 
			
		||||
        }
 | 
			
		||||
        $list.data('preIndex', this.checked ? $listItems.index($currentItem) : -1);
 | 
			
		||||
      });
 | 
			
		||||
    <script>
 | 
			
		||||
        $(document).ready(function () {
 | 
			
		||||
            // Row Checkbox Selection
 | 
			
		||||
            $("#pf-list-standard input[type='checkbox']").change(function (e) {
 | 
			
		||||
                if ($(this).is(":checked")) {
 | 
			
		||||
                    $(this).closest('.list-group-item').addClass("active");
 | 
			
		||||
                } else {
 | 
			
		||||
                    $(this).closest('.list-group-item').removeClass("active");
 | 
			
		||||
                }
 | 
			
		||||
            });
 | 
			
		||||
            // toggle dropdown menu
 | 
			
		||||
            $('#pf-list-standard .list-view-pf-actions').on('show.bs.dropdown', function () {
 | 
			
		||||
                var $this = $(this);
 | 
			
		||||
                var $dropdown = $this.find('.dropdown');
 | 
			
		||||
                var space = $(window).height() - $dropdown[0].getBoundingClientRect().top - $this.find('.dropdown-menu').outerHeight(true);
 | 
			
		||||
                $dropdown.toggleClass('dropup', space < 10);
 | 
			
		||||
            });
 | 
			
		||||
            // allow users to select multiple list items with shift key
 | 
			
		||||
            $('#pf-list-standard .list-group').on('click', '.list-view-pf-checkbox>input', function (event) {
 | 
			
		||||
                var $list = $('.list-group');
 | 
			
		||||
                var prevIndex = $list.data('preIndex');
 | 
			
		||||
                var $listItems = $list.children('.list-group-item');
 | 
			
		||||
                var $currentItem = $(this).closest('.list-group-item');
 | 
			
		||||
                if (event.shiftKey && prevIndex > -1 && this.checked) {
 | 
			
		||||
                    var currentIndex = $listItems.index($currentItem);
 | 
			
		||||
                    var $selectScope = currentIndex - prevIndex > 0
 | 
			
		||||
                        ? $currentItem.prevAll().not($listItems.eq(prevIndex).prevAll().addBack())
 | 
			
		||||
                        : $listItems.eq(prevIndex).prevAll().not($currentItem.prevAll().addBack());
 | 
			
		||||
                    $selectScope.addClass('active').find('.list-view-pf-checkbox').children('input').prop('checked', true);
 | 
			
		||||
                }
 | 
			
		||||
                $list.data('preIndex', this.checked ? $listItems.index($currentItem) : -1);
 | 
			
		||||
            });
 | 
			
		||||
 | 
			
		||||
    });
 | 
			
		||||
  </script>
 | 
			
		||||
  {% include 'partials/pagination.html' %}
 | 
			
		||||
        });
 | 
			
		||||
    </script>
 | 
			
		||||
    {% include 'partials/pagination.html' %}
 | 
			
		||||
</div>
 | 
			
		||||
{% endblock %}
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user