wiki-viewer/script.js at master · junkdeck/wiki-viewer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
$(document).ready(function(){
    $("#searchinput").val("");
    $('.wrapper').append("<div class='content'></div>");
    $('.content').fadeOut(0);
    // $('.content').css({"height":"0", "opacity":"0"});
    // $('.content').hide();
});

var apiURL = "https://en.wikipedia.org/w/api.php";
var wikiURL = "https://en.wikipedia.org/wiki/";
var emptySearch = false;

$('.magnify').on('click', function(){
    ajaxQuery();
});
$('#searchinput').keypress(function(e){
    if(e.which === 13){
        ajaxQuery();
        return false;
    }
});

$('.junq').on('click',function(){
    window.open('https://github.com/junkdeck/','_blank');
});

function successCallback(data){
    if(!emptySearch){
        $('.searchbutton').fadeOut(50);
    }
    $('.content').empty();
    // $('html').append(JSON.stringify(data));

    data.query.search.forEach(function(data, index){
        var title = data.title;
        var snippet = data.snippet;

        $('.content').append("<a href='"+wikiURL+title+"' target='_blank'><div class='resultmodal'>"+
        "<div class='title'>"+title+"</div>"+
        "<div class='snippet'>"+snippet+"...</div>"+
        "</div></a>");
    });
    // $('.content').fadeIn(200);
    console.log("butt");
    $('.content').fadeIn(200);
    $('.content').css({"height":"75%"});
    $('.content').scrollTop(0);

    // $('.searcher').css({'margin-top':'-80%'});

    // $('.searchtitle').css({'flex-grow':'1'})
    // $('.searchfield').css({'flex-grow':'1'})
    // $('.searchbutton').css({'flex-grow':'1'})

    // $('.title').append(data.query.search[0].title);
    // $('.snippet').append(data.query.search[0].snippet+"...");
}
function errorCallback(err){
    console.log(err);
}

function ajaxQuery(){

    if($('#searchinput').val() === ''){
        $('.searchbutton').fadeIn(200);
        emptySearch = true;
    }else if($('#searchinput').val()){
        emptySearch = false;
    }

    // $('.content').empty();
    var jsonData = {
        "action":"query",
        "list":"search",
        "srsearch":$('#searchinput').val(),
        "format":"json",
    };
    console.log(JSON.stringify(jsonData));
    $.ajax({
        // type:"POST",
        dataType:"jsonp",
        url:apiURL,
        data:jsonData,
        success:successCallback,
        error:errorCallback
    });
    console.log("ass");
    $('.content').fadeOut(200);
    $('.content').css({"height":"0"});
}