{% extends "search.html" %}
{% load staticfiles %}

{% block title %}IRCapp-Results{% endblock %}


    {% block searchresults %}
    <div id="results_div">
        {% if noquick %}
            {% if results %}
                <div id="noquick">No match found through quick downloading, displaying results instead</div>
            {% else %}
                <div id="noquick">No match found through quick downloading</div>
            {% endif %}
        {% endif %}
        <div id="searchresults">

            {% if results %}
                <a id=nextpage>Next&rsaquo;</a>
                {% if pn >= 1 %}
                    <a id=prevpage>&ensp;&lsaquo;Prev</a>
                    <a id=firstpage>&ensp;&laquo;First</a>
                {% endif %}
                <p>
		<table id="query" class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp results-table">
                        {% for result in results %}
                            <tr>
                            {% if "criten" in result.naddr %}
                                <td><span>{{result.name}}</span>
                                <img src="{{STATIC_URL}}ircapp_bolt.svg">
                                </td>
                            {% else %}
                                <td><span>{{result.name}}</span>
                            {% endif %}

                            <td>{{result.szf}}</td>
                            <td>{{result.sz}}</td>
                            <td>{{result.naddr}}</td>
                            <td>{{result.cname}}</td>
                            <td>{{result.uname}}</td>
                            <td>{{result.n}}</td>


                            </tr>
                        {% endfor %}
                </table>
                </p>
                <a id=nextpage>Next&rsaquo;</a>
                {% if pn >= 1 %}
                    <a id=prevpage>&ensp;&lsaquo;Prev</a>
                    <a id=firstpage>&ensp;&laquo;First</a>
                {% endif %}
            {% else %}
                {{message}}
            {% endif %}
        </div>
        </div>
        <script>

            function Pageurl(direction) {
                        var url = window.location.href.split("&")[0];
                        if ( window.location.href.indexOf("&") >= 0 ) {
                            var num = window.location.href.split("=")[window.location.href.split("=").length-1];
                        } else {
                            var num = 0
                        }
                        if ( direction === "next" ) {
                            return url + "&pn=" + (parseInt(num) + 1);
                        } else if ( direction === "prev" ) {
                            return url + "&pn=" + (parseInt(num) - 1);
                        } else {
                            return url + "&pn=0";
                        }
                    };
            if ( {{num}} === 31 ){
                $('[id^="nextpage"]').click(function() { window.location.replace(Pageurl("next")) });
            } else {
                //some css to change the color
                $('[id^="nextpage"]').css({"pointer-events":"none",
                                        "opacity":0.7,
                                        "color":"#CCC"
                                        });
                
            }
            $('[id^="prevpage"]').click(function() { window.location.replace(Pageurl("prev")) });
            $('[id^="firstpage"]').click(function() { window.location.replace(Pageurl("first")) });

            $(document).ready( function () {
                    //interval = setInterval(Monitor, 1000);
                $("#searchBox").val("{{q}}");
                var table = document.getElementById("query");
                if ( table ) {
                    var tbody = table.getElementsByTagName("tbody")[0];
                    tbody.onclick = function (e) {
                        e = e || window.event;
                        var info = [];
                        var q = "";
                        var target = e.srcElement || e.target;
                        while (target && target.nodeName !== "TR") {
                            target = target.parentNode;
                        }
                        if (target) {
                            var cells = target.getElementsByTagName("td");
                            for (var i = 2; i < (cells.length); i++) {
                                info.push(cells[i].innerHTML);
                            }
                            target = target.getElementsByTagName("span");
                            q = target[0].innerHTML;

                        }
                        $.ajax({
                            url: "/search_download/",
                            type: "get",
                            data : { data : info[0] + ',' + info[1] + ',' + info[2] + ',' +  info[3] + ',' + info[4], filename : q },
                            success: function( response ) {
                                if ( response.fields ) {
                                    //download is not launched because download is in progress; item is added to the queue
                                  var item = [];
	                              var filename = response.fields.title,
	                                size = response.fields.size,
	                                sizeraw = response.fields.sizeraw,
	                                network = response.fields.network,
	                                bolt_pic = "";
	                              if ( network.indexOf("criten") >= 0 ) {
		                            bolt_pic = "<img src='{{STATIC_URL}}ircapp_bolt.svg'>"
	                              }
	                              item.push(
		                            "<tr id='" + response.pk + "' name='" + sizeraw + "'>" +
		                            "<td>" + filename + " " + bolt_pic +"</td>" +
		                            "<td>" + size + "</td>" +
		                            "<td>Queued</td>" +
		                            "<td><img id='delete_pic' class='queue' src='{{STATIC_URL}}ic_delete_lightgray.svg'></td>" +
		                            "</tr>"
		                          );
	                              $("#queue table").prepend(item);
	                              Add_tooltip( $("#queue table tr:first-child td:first-child"), $("#queue table tr:first-child td:first-child").html() );
	                              $('.tooltip').tooltipster();	
	                              Recalibrate_table();
                                }
                            }
                        });
                    };
                }
            });
        </script>
    {% endblock searchresults %}