code42_get_departing_employee.html

{% extends 'widgets/widget_template.html' %}
{% load custom_template %}

{% block custom_title_prop %}{% if title_logo %}style="background-size: auto 60%; background-position: 50%; background-repeat: no-repeat; background-image: url('/app_resource/{{ title_logo }}');"{% endif %}{% endblock %}
{% block title1 %}{{ title1 }}{% endblock %}
{% block title2 %}{{ title2 }}{% endblock %}
{% block custom_tools %}
{% endblock %}

{% block widget_content %} <!-- Main Start Block -->

<!-- File: code42_get_departing_employees.html
  Copyright (c) 2018-2021 Splunk Inc.
  Licensed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0.txt)
-->
<style>

    .code42v2 a:hover {
        text-decoration:underline;
    }

    .code42v2 .wf-h4-style {
        font-size : 20px;
    }

    .code42v2 .wf-table-vertical td{
        padding: 5px;
        border: 1px solid !important;
    }

    .code42v2 .wf-table-vertical tr td:first-child {
        font-weight: bold;
    }

    .code42v2 .dataTable th.widget-th {
        border-top: 1px solid !important;
        border-bottom: 1px solid !important;
    }

    .code42v2 .dataTable td {
        vertical-align: top;
    }

    .code42v2 .dataTable td.widget-td a{
        font-size: 12px;
    }

    .code42v2 .dataTable {
        font-size: 12px;
    }

</style>

<div class="code42v2" style="overflow: auto; width: 100%; height: 100%; padding-left:10px; padding-right:10px">
    <!-- Main Div -->

    {% for result in results %} <!-- loop for each result -->
        {% if not result.data %}
            <h4 class="wf-h4-style">This user is not a departing employee</h4>
        {% else %}

            <div class="employee">
                &nbsp;
                <h4 class="wf-h4-style">Departing Employee</h4>
                    <table class="phantom-table dataTable">
                        <thead>
                            <th class="widget-th">Username</th>
                            <th class="widget-th">User ID</th>
                            <th class="widget-th">Notes</th>
                            <th class="widget-th">Creation Date</th>
                        </thead>
                        <tbody>
                            {% for employee in result.data %}
                                <tr>
                                    <td class="widget-td">
                                        <a href="javascript:;" onclick="context_menu(this, [{'contains': ['email', 'user name'],
                                            'value':'{{ employee.userName }}' }], 0,
                                            {{ container.id }}, null, false);">
                                                {{ employee.userName }}
                                                &nbsp;
                                            <span class="fa fa-caret-down" style="font-size: smaller;"></span>
                                        </a>
                                    </td>
                                    <td class="widget-td">{{ employee.userId }}</td>
                                    <td class="widget-td">{{ employee.notes }}</td>
                                    <td class="widget-td">{{ employee.createdAt }}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                </table>
            </div>
        {% endif %}
    {% endfor %}
</div>

<script>
$.extend(true, $.fn.dataTable.defaults, {
    "searching": true,
    "bLengthChange": false,
    "language": {
      "paginate": {
        "previous": "<i class='fa fa-angle-left fa-lg'></i>",
        "next": "<i class='fa fa-angle-right fa-lg'></i>"
      },
      "emptyTable": "No data available"
    },
    "dom": '<"top">rt<"bottom"p><"clear">',
    drawCallback: function(settings) {
      var pagination = $(this).closest('.dataTables_wrapper').find('.dataTables_paginate');
      pagination.toggle(this.api().page.info().pages > 1);
    }
  });
  $('.dataTable').DataTable();

</script>

{% endblock %}