{% extends "base.html" %}
{% load get_attribute %}
{% block content %}
    <h3> Edit Rule </h3>
    <form class="form-horizontal" action="{% url 'Edit Rule' pt.id %}" method="post">{% csrf_token %}
        {% for f in form %}
        <fieldset>
        {% include "dojo/form_fields.html" with form=f %}
        </fieldset>
        {% endfor %}
        <fieldset>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    {{ form.management_form }}
                    <button class="btn btn-success">Save</button>
                </div>
            </div>
        </fieldset>
    </form>
{% endblock %}
{% block postscript %}
<script type="application/javascript">
    $(document).ready(function() {
        $('#id_applied_field).empty();
        $('#id_match_field).empty();
        $('.has-popover').popover({'trigger':'hover'});
        $('.dropdown-toggle').click(function() { get_alerts(); });

        setInterval(function() {
            update_alertcount();
        }, 10000);

        function update_alertcount() {
            $.get("/alerts/count", function (data) {
                if (data.count != $('#alert_count').text()) {
                    $('#alert_count').text(data.count);
                    $('#alert_count').removeClass().addClass('badge badge-count badge-count' + data.count);
                }
            });
        }

        function get_alerts() {
            $('.dropdown-alerts').html('<div class="text-center"><i class="fa fa-spin fa-spinner"></i></div>');
            $.get("/alerts/json?limit=12", function (data) {
                $('.dropdown-alerts').empty();
                $.each(data, function(i, elem) {
                    var titleField = elem.fields.title ? elem.fields.title : elem.fields.description;
                    var desc = titleField.length < 50 ? titleField : jQuery.trim(titleField).substring(0,50).trim(this) + '...';
                    $('.dropdown-alerts').append('<li><a href="' + elem.fields.url + '"><div><i class="fa fa-' + elem.fields.icon + ' fa-fw"></i> ' +
                                                  desc + '<span class="pull-right text-muted small">' +
                                                 elem.fields.source + '</span></div></a></li><li class="divider"></li>');
                });
                $('.dropdown-alerts').append('<li><a class="text-center" href="/alerts"><strong>See All Alerts </strong>' +
                                             '<i class="fa fa-angle-right"></i></a></li>');
            });
        }
    });
</script>


<script type="application/javascript">
  function table_meta(field_name)
  {
    $("[id$=" + field_name + "]").change(function(){
      if (field_name == "applies_to") {
        target_field = "applied_field";
      } else if (field_name == "model_object")
      {
        target_field = "match_field";
      }
      var target_field = this.name.replace(field_name, target_field);
      var field_dict = jQuery.parseJSON('{"Product": ["id", "name", "description", "prod_manager", "tech_contact", "manager", "product_manager", "technical_contact", "team_manager", "created", "prod_type", "updated", "tid", "prod_numeric_grade", "business_criticality", "platform", "lifecycle", "origin", "user_records", "revenue", "external_audience", "internet_accessible"], "Engagement": ["id", "name", "description", "version", "eng_type", "first_contacted", "target_start", "target_end", "lead", "requester", "reason", "report_type", "product", "updated", "active", "test_strategy", "threat_model", "api_test", "pen_test", "check_list", "status", "progress", "tmodel_path", "risk_path", "done_testing"], "Test": ["id", "engagement", "lead", "test_type", "target_start", "target_end", "estimated_time", "actual_time", "percent_complete", "environment"], "Test Type": ["id", "name", "static_tool", "dynamic_tool"], "Finding": ["id", "title", "date", "cwe", "url", "severity", "description", "mitigation", "impact", "references", "test", "is_template", "active", "verified", "false_p", "duplicate", "duplicate_finding", "out_of_scope", "under_review", "review_requested_by", "under_defect_review", "defect_review_requested_by", "thread_id", "mitigated", "mitigated_by", "reporter", "numerical_severity", "last_reviewed", "last_reviewed_by", "line_number", "sourcefilepath", "sourcefile", "param", "payload", "hash_code", "line", "file_path", "static_finding", "dynamic_finding"], "Product Type": ["id", "name", "critical_product", "key_product"]}');
      //Value of field dictionary array, Product for example
      var applies = this.value;

      //remove old values
      $('#id_' + target_field).empty();
      for (i = 0; i < field_dict[applies].length; i++) {
        $('#id_' + target_field).append($('<option>', {
            value: field_dict[applies][i],
            text:  field_dict[applies][i]
        }));
      }
    });
  }

  $( document ).ready(function() {
      table_meta('applies_to');
      table_meta('model_object');
  });
</script>
{% endblock %}