hyasprotect_display_view.html

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

{% block title_color %}{{ title_color|default:'white' }}{% endblock %}
{% block title_text_color %}{{ title_text_color|default:'rgb(101, 71, 150)' }}{% endblock %}
{% block body_color %}{{ body_color|default:'white' }}{% endblock %}
{% block body_text_color %}{{ body_text_color|default:'black' }}{% endblock %}
{% 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: hyasprotect_display_view.html
  Copyright (c) Hyas, 2022
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software distributed under
  the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
  either express or implied. See the License for the specific language governing permissions
  and limitations under the License.
-->

<style>

  td { padding: 7px }

  .dataTables_filter input {
   border: 1px solid;
  }
  .dataTables_filter input:hover {
   border: 1px solid;
  }
  .dataTables_filter input:focus {
   border: 1px solid;
  }


</style>
<div class="hyas" style="overflow: auto; width: 100%; height: 100%; padding-left:10px; padding-right:10px">
    <!-- Main Div -->
    {% for result in results %}
    <br>
    {% if result.param.ip %}
    <h3 class="wf-h3-style">Info</h3>
      <table class="wf-table-vertical">
        <tr>
          <td>IP</td>
          <td>
            <a href="javascript:;" onclick="context_menu(this, [{'contains': ['ip'],'value': '{{ result.param.ip }}' }], 0, {{ container.id }}, null, false);">
              {{ result.param.ip }}
              &nbsp;
              <span class="fa fa-caret-down" style="font-size: smaller;"></span>
            </a>
          </td>
        </tr>
          </table>
    {% elif result.param.domain %}
    <h3 class="wf-h3-style">Info</h3>
      <table class="wf-table-vertical">
        <tr>
          <td>Domain</td>
          <td>
            <a href="javascript:;" onclick="context_menu(this, [{'contains': ['domain'],'value': '{{ result.param.domain }}' }], 0, {{ container.id }}, null, false);">
              {{ result.param.domain }}
              &nbsp;
              <span class="fa fa-caret-down" style="font-size: smaller;"></span>
            </a>
          </td>
        </tr>
          </table>
    {% elif result.param.fqdn %}
    <h3 class="wf-h3-style">Info</h3>
      <table class="wf-table-vertical">
        <tr>
          <td>FQDN</td>
          <td>
            <a href="javascript:;" onclick="context_menu(this, [{'contains': ['fqdn'],'value': '{{ result.param.fqdn }}' }], 0, {{ container.id }}, null, false);">
              {{ result.param.fqdn }}
              &nbsp;
              <span class="fa fa-caret-down" style="font-size: smaller;"></span>
            </a>
          </td>
        </tr>
          </table>
    {% elif result.param.nameserver %}
    <h3 class="wf-h3-style">Info</h3>
      <table class="wf-table-vertical">
        <tr>
          <td>Nameserver</td>
          <td>
            <a href="javascript:;" onclick="context_menu(this, [{'contains': ['nameserver'],'value': '{{ result.param.nameserver }}' }], 0, {{ container.id }}, null, false);">
              {{ result.param.nameserver }}
              &nbsp;
              <span class="fa fa-caret-down" style="font-size: smaller;"></span>
            </a>
          </td>
        </tr>
          </table>
    {% endif %}
    {% if not result.data %}
      <h4 class="wf-h2-style">No lookup information found</h4><!-- loop for each result -->
    <br>
    {% else %}
    {% for data in result.data %}
    {% if not data %}
      <h4 class="wf-h2-style">No lookup information found</h4><!-- loop for each result -->
    <br>
    {% else %}
    {% if data.ip %}
    <div class="wf-table-div">
      <h3 class="wf-h3-style">Hyas Protect Verdict for IP</h3>
      <table id="hyas_table_ip" class="datatable wf-table-horizontal">
        <thead>
        <tr>
            <th>Verdict</th>
            <th>Reasons</th>
        </tr>
        </thead>
        <tbody>
          <tr>
              <td>
                <a href="javascript:;">
                  {{ data.ip.Verdict }}
                   &nbsp;
                </a>
            </td>
              <td>
                <a href="javascript:;">
                  {{ data.ip.Reasons }}
                   &nbsp;
                </a>
            </td>
          </tr>
        </tbody>
      </table>
      </div>

    {% elif data.domain %}
    <div class="wf-table-div">
      <h3 class="wf-h3-style">Hyas Protect Verdict for Domain</h3>
      <table id="hyas_table_domain" class="datatable wf-table-horizontal">
        <thead>
        <tr>
            <th>Verdict</th>
            <th>Reasons</th>
        </tr>
        </thead>
        <tbody>
          <tr>
              <td>
                <a href="javascript:;">
                  {{ data.domain.Verdict }}
                   &nbsp;
                </a>
            </td>
              <td>
                <a href="javascript:;">
                  {{ data.domain.Reasons }}
                   &nbsp;
                </a>
            </td>
          </tr>
        </tbody>
      </table>
      </div>
    {% elif data.nameserver %}
    <div class="wf-table-div">
      <h3 class="wf-h3-style">Hyas Protect Verdict for Nameserver</h3>
      <table id="hyas_table_devicegeo" class="datatable wf-table-horizontal">
        <thead>
        <tr>
            <th>Verdict</th>
            <th>Reasons</th>
        </tr>
        </thead>
        <tbody>
          <tr>
              <td>
                <a href="javascript:;">
                  {{ data.nameserver.Verdict }}
                   &nbsp;
                </a>
            </td>
              <td>
                <a href="javascript:;">
                  {{ data.nameserver.Reasons }}
                   &nbsp;
                </a>
            </td>
          </tr>
        </tbody>
      </table>
      </div>
    {% elif data.fqdn %}
    <div class="wf-table-div">
      <h3 class="wf-h3-style">Hyas Protect Verdict for FQDN</h3>
      <table id="hyas_table_fqdn" class="datatable wf-table-horizontal">
        <thead>
        <tr>
            <th>Verdict</th>
            <th>Reasons</th>
        </tr>
        </thead>
        <tbody>
          <tr>
              <td>
                <a href="javascript:;">
                  {{ data.fqdn.Verdict }}
                   &nbsp;
                </a>
            </td>
              <td>
                <a href="javascript:;">
                  {{ data.fqdn.Reasons }}
                   &nbsp;
                </a>
            </td>
          </tr>
        </tbody>
      </table>
      </div>
    {% else %}
    <h4 class="wf-h2-style">No lookup information found</h4>
    {% endif %}
    {% endif %}
    {% endfor %}
    {% endif %}
    {% endfor %} <!-- loop for each result end -->
</div> <!-- Main 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>"
      }
    },
    "dom": '<"top"if>rt<"bottom"p><"clear">',
    drawCallback: function(settings) {
      var pagination = $(this).closest('.dataTables_wrapper').find('.dataTables_paginate');
      pagination.toggle(this.api().page.info().pages > 1);
    }
  });
  $.fn.DataTable.ext.pager.numbers_length = 5;
  $('.datatable').DataTable();

  function show_table(e){
    var type = $(e).val();
    $('.wf-table-div').hide();
    $('#'+type).show();
  }
  if (PHANTOM_THEME == "dark"){
    let dt_info = document.getElementsByClassName("dataTables_info");
    let dt_filter = document.getElementsByClassName("dataTables_filter");

    for (let item of dt_info) {
      item.style.color = "white";
    }

    for (let item of dt_filter) {
      item.style.color = "white";
    }
  }

</script>
{% endblock %} <!-- Main Start Block -->