<commit_before>{% extends "base-out.html" %}
{% block content %}
    <div class="container heading">
        <h2 class="">{{ nombre }}</h2>
        <button id="btnActualizar" class="btn btn-sm btn-default" type="button">
            <span class="glyphicon glyphicon-refresh faa-spin"></span>&nbsp;&nbsp;Actualizar base de datos
        </button>
    </div>
        
    <div class="container-fluid jumbotron" style="padding: 35px">
        <h1>Buscador de noticias</h1>
        <p>Busca noticias por categor&iacute;as.</p>
        
        <form class="form-signins" action="{% url 'crawler' %}" method="post"> {% csrf_token %}
            <div class="input-group">
                <input class="form-control" type="text" id="keyword" name="keyword" placeholder="Escribe una categor&iacute;a" value="{{ keyword }}">
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-search"></span></button>
                </span>
            </div>
        </form>
    </div>
    <div class="container">
        <h3><em>{{ cabecera|safe }}</em></h3>
        <div class="form-group">
          {{ contenido|safe }}
        </div>
    </div>

    <script>
    $(function(){
        $( "#btnActualizar" ).click(function() {
            $( "#btnActualizar span" ).addClass('animated');
            $('#miModal .modal-body p').removeClass('text-danger');
            
            $.post( "{% url 'update-bd' %}", {csrfmiddlewaretoken: '{{ csrf_token }}'}, function(data) {
              console.log( data );
              
              var texto = "La base de datos contiene ahora un total de <strong>"+data.numItems+"</strong> noticias. <br/>"
              texto += "Se han incluido <strong>"+data.nuevosItems+"</strong> nuevas noticias.";
              $('#miModal .modal-body p').html(texto);
            })
              .fail(function() {
                $('#miModal .modal-body p').html("Ha habido un problema durante la actualizaci&oacute;n.");
                $('#miModal .modal-body p').addClass('text-danger');
              })
              .always(function() {
                $('#miModal').modal();
                $( "#btnActualizar span" ).removeClass('animated');
              });
        });
    });
    </script>
    
    <!-- MODAL -->
    <div id="miModal" class="modal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title">Actualizaci&oacute;n de la base de datos</h4>
          </div>
          <div class="modal-body">
            <p></p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Aceptar</button>
          </div>
        </div>
      </div>
    </div> <!-- /MODAL -->
{% endblock %}<commit_msg>El botón de actualización se desactiva mientras que se realiza el proceso.<commit_after>{% extends "base-out.html" %}
{% block content %}
    <div class="container heading">
        <h2 class="">{{ nombre }}</h2>
        <button id="btnActualizar" class="btn btn-sm btn-default" type="button">
            <span class="glyphicon glyphicon-refresh faa-spin"></span>&nbsp;&nbsp;Actualizar base de datos
        </button>
    </div>
        
    <div class="container-fluid jumbotron" style="padding: 35px">
        <h1>Buscador de noticias</h1>
        <p>Busca noticias por categor&iacute;as.</p>
        
        <form class="form-signins" action="{% url 'crawler' %}" method="post"> {% csrf_token %}
            <div class="input-group">
                <input class="form-control" type="text" id="keyword" name="keyword" placeholder="Escribe una categor&iacute;a" value="{{ keyword }}">
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-search"></span></button>
                </span>
            </div>
        </form>
    </div>
    <div class="container">
        <h3><em>{{ cabecera|safe }}</em></h3>
        <div class="form-group">
          {{ contenido|safe }}
        </div>
    </div>

    <script>
    $(function(){
        $( "#btnActualizar" ).click(function() {
            $( "#btnActualizar span" ).addClass('animated');
            $( "#btnActualizar" ).addClass('disabled');
            $('#miModal .modal-body p').removeClass('text-danger');
            
            $.post( "{% url 'update-bd' %}", {csrfmiddlewaretoken: '{{ csrf_token }}'}, function(data) {
              console.log( data );
              
              var texto = "La base de datos contiene ahora un total de <strong>"+data.numItems+"</strong> noticias. <br/>"
              texto += "Se han incluido <strong>"+data.nuevosItems+"</strong> nuevas noticias.";
              $('#miModal .modal-body p').html(texto);
            })
              .fail(function() {
                $('#miModal .modal-body p').html("Ha habido un problema durante la actualizaci&oacute;n.");
                $('#miModal .modal-body p').addClass('text-danger');
              })
              .always(function() {
                $('#miModal').modal();
                $( "#btnActualizar span" ).removeClass('animated');
                $( "#btnActualizar" ).removeClass('disabled');
              });
        });
    });
    </script>
    
    <!-- MODAL -->
    <div id="miModal" class="modal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title">Actualizaci&oacute;n de la base de datos</h4>
          </div>
          <div class="modal-body">
            <p></p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Aceptar</button>
          </div>
        </div>
      </div>
    </div> <!-- /MODAL -->
{% endblock %}
{'fraction_non_alphanumeric': 0.17818471337579617, 'fraction_numerical': 0.0031847133757961785, 'mean_word_length': 1.9146171693735499, 'pattern_counts': {'":': 0, '<': 127, '<?xml version=': 0, '>': 127, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '220356', 'n_tokens_mistral': 1887, 'n_tokens_neox': 1816, 'n_words': 377}