client/js/wikipedia-bin.js
author veltr
Fri, 21 Dec 2012 16:22:08 +0100
changeset 44 869410bab434
parent 42 48d825187d67
child 52 e0f6f3c31150
permissions -rw-r--r--
Various changes
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
34
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
     1
Rkns.Wikipedia = {
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
     2
}
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
     3
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
     4
Rkns.Wikipedia.Search = function(_renkan, _opts) {
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
     5
    this.renkan = _renkan;
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
     6
    this.lang = _opts.lang || "en";
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
     7
}
24
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
     8
34
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
     9
Rkns.Wikipedia.Search.prototype.getBgClass = function() {
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    10
    return "Rk-Wikipedia-Search-Icon Rk-Wikipedia-Lang-" + this.lang;
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    11
}
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    12
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    13
Rkns.Wikipedia.Search.prototype.getSearchTitle = function() {
36
d249d36ecc37 Add Edge button, French translation and various bugfixes
veltr
parents: 34
diff changeset
    14
    return ( this.renkan.l10n["wiki_" + this.lang] || this.renkan.l10n.wiki_) ;
34
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    15
}
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    16
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    17
Rkns.Wikipedia.Search.prototype.search = function(_q) {
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    18
    this.renkan.tabs.push(
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    19
        new Rkns.Wikipedia.Bin(this.renkan, {
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    20
            lang: this.lang,
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    21
            search: _q
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    22
        })
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    23
    );
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    24
}
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    25
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    26
Rkns.Wikipedia.Bin = Rkns.Utils.inherit(Rkns._BaseBin);
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    27
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    28
Rkns.Wikipedia.Bin.prototype.resultTemplate = Rkns._.template(
44
869410bab434 Various changes
veltr
parents: 42
diff changeset
    29
    '<li class="Rk-Wikipedia-Result Rk-Bin-Item" data-uri="<%-url%>" '
869410bab434 Various changes
veltr
parents: 42
diff changeset
    30
    + 'data-title="Wikipedia: <%-title%>" data-description="<%-description%>" data-image="img/wikipedia.png">'
869410bab434 Various changes
veltr
parents: 42
diff changeset
    31
    + '<img class="Rk-Wikipedia-Icon" src="img/wikipedia.png"></div><h4 class="Rk-Wikipedia-Title"><a href="<%-url%>" target="_blank"><%=htitle%></a></h4>'
869410bab434 Various changes
veltr
parents: 42
diff changeset
    32
    + '<p class="Rk-Wikipedia-Snippet"><%=hdescription%></p></li>'
24
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    33
);
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    34
34
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    35
Rkns.Wikipedia.Bin.prototype._init = function(_renkan, _opts) {
24
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    36
    this.search = _opts.search;
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    37
    this.lang = _opts.lang || "en";
34
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    38
    this.title_icon_$.addClass('Rk-Wikipedia-Title-Icon Rk-Wikipedia-Lang-' + this.lang);
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    39
    this.title_$.html(this.search).addClass("Rk-Wikipedia-Title");
42
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    40
    this.refresh();
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    41
}
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    42
44
869410bab434 Various changes
veltr
parents: 42
diff changeset
    43
Rkns.Wikipedia.Bin.prototype.render = function(searchstr) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    44
    var _rgxp = new RegExp('('+(searchstr || this.search).replace(/(\W)/g,'\\$1')+')','gi');
869410bab434 Various changes
veltr
parents: 42
diff changeset
    45
    if (searchstr) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    46
        var rxtest = new RegExp(searchstr.replace(/(\W)/g,'\\$1'),'i');
869410bab434 Various changes
veltr
parents: 42
diff changeset
    47
    }
869410bab434 Various changes
veltr
parents: 42
diff changeset
    48
    function highlight(_text) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    49
        return _text.replace(_rgxp, "<span class='searchmatch'>$1</span>");
869410bab434 Various changes
veltr
parents: 42
diff changeset
    50
    }
869410bab434 Various changes
veltr
parents: 42
diff changeset
    51
    var _html = "",
869410bab434 Various changes
veltr
parents: 42
diff changeset
    52
        _this = this;
869410bab434 Various changes
veltr
parents: 42
diff changeset
    53
    Rkns._(this.data.query.search).each(function(_result) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    54
        var title = _result.title,
869410bab434 Various changes
veltr
parents: 42
diff changeset
    55
            url = "http://" + _this.lang + ".wikipedia.org/wiki/" + encodeURI(title.replace(/ /g,"_")),
869410bab434 Various changes
veltr
parents: 42
diff changeset
    56
            description = Rkns.$('<div>').html(_result.snippet).text();
869410bab434 Various changes
veltr
parents: 42
diff changeset
    57
        if (searchstr && !rxtest.test(title) && !rxtest.test(description)) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    58
            return;
869410bab434 Various changes
veltr
parents: 42
diff changeset
    59
        }
869410bab434 Various changes
veltr
parents: 42
diff changeset
    60
        count++;
869410bab434 Various changes
veltr
parents: 42
diff changeset
    61
        _html += _this.resultTemplate({
869410bab434 Various changes
veltr
parents: 42
diff changeset
    62
            url: url,
869410bab434 Various changes
veltr
parents: 42
diff changeset
    63
            title: title,
869410bab434 Various changes
veltr
parents: 42
diff changeset
    64
            htitle: highlight(title),
869410bab434 Various changes
veltr
parents: 42
diff changeset
    65
            description: description,
869410bab434 Various changes
veltr
parents: 42
diff changeset
    66
            hdescription: highlight(description)
869410bab434 Various changes
veltr
parents: 42
diff changeset
    67
        });
869410bab434 Various changes
veltr
parents: 42
diff changeset
    68
    });
869410bab434 Various changes
veltr
parents: 42
diff changeset
    69
    _this.main_$.html(_html);
869410bab434 Various changes
veltr
parents: 42
diff changeset
    70
    if (searchstr && count) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    71
        this.count_$.text(count).show();
869410bab434 Various changes
veltr
parents: 42
diff changeset
    72
    } else {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    73
        this.count_$.hide();
869410bab434 Various changes
veltr
parents: 42
diff changeset
    74
    }
869410bab434 Various changes
veltr
parents: 42
diff changeset
    75
    if (searchstr && !count) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    76
        this.$.hide();
869410bab434 Various changes
veltr
parents: 42
diff changeset
    77
    } else {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    78
        this.$.show();
869410bab434 Various changes
veltr
parents: 42
diff changeset
    79
    }
869410bab434 Various changes
veltr
parents: 42
diff changeset
    80
    _renkan.resizeBins();
869410bab434 Various changes
veltr
parents: 42
diff changeset
    81
}
869410bab434 Various changes
veltr
parents: 42
diff changeset
    82
    
42
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    83
Rkns.Wikipedia.Bin.prototype.refresh = function() {
24
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    84
    var _this = this;
42
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    85
    Rkns.$.ajax({
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    86
        url: "http://" + _this.lang + ".wikipedia.org/w/api.php?action=query&list=search&srsearch=" + encodeURIComponent(this.search) + "&format=json",
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    87
        dataType: "jsonp",
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    88
        success: function(_data) {
44
869410bab434 Various changes
veltr
parents: 42
diff changeset
    89
            _this.data = _data;
869410bab434 Various changes
veltr
parents: 42
diff changeset
    90
            _this.render();
24
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    91
        }
42
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    92
    });
24
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    93
}