client/js/wikipedia-bin.js
author ymh <ymh.work@gmail.com>
Wed, 20 Feb 2013 12:14:10 +0100
changeset 63 c8ea79397dfe
parent 56 a9b9e6c7be63
child 66 9b459e41e2df
permissions -rw-r--r--
Add automatic detection of websocket
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%>" '
56
a9b9e6c7be63 Converging client and webapp
veltr
parents: 52
diff changeset
    30
    + 'data-title="Wikipedia: <%-title%>" data-description="<%-description%>" data-image="<%-static_url%>img/wikipedia.png">'
a9b9e6c7be63 Converging client and webapp
veltr
parents: 52
diff changeset
    31
    + '<img class="Rk-Wikipedia-Icon" src="<%-static_url%>img/wikipedia.png"></div><h4 class="Rk-Wikipedia-Title"><a href="<%-url%>" target="_blank"><%=htitle%></a></h4>'
44
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) {
56
a9b9e6c7be63 Converging client and webapp
veltr
parents: 52
diff changeset
    36
	this.renkan = _renkan;
24
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    37
    this.search = _opts.search;
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    38
    this.lang = _opts.lang || "en";
34
08a366a35143 First part of SH design integration
veltr
parents: 26
diff changeset
    39
    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
    40
    this.title_$.html(this.search).addClass("Rk-Wikipedia-Title");
42
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    41
    this.refresh();
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    42
}
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    43
44
869410bab434 Various changes
veltr
parents: 42
diff changeset
    44
Rkns.Wikipedia.Bin.prototype.render = function(searchstr) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    45
    var _rgxp = new RegExp('('+(searchstr || this.search).replace(/(\W)/g,'\\$1')+')','gi');
869410bab434 Various changes
veltr
parents: 42
diff changeset
    46
    if (searchstr) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    47
        var rxtest = new RegExp(searchstr.replace(/(\W)/g,'\\$1'),'i');
869410bab434 Various changes
veltr
parents: 42
diff changeset
    48
    }
869410bab434 Various changes
veltr
parents: 42
diff changeset
    49
    function highlight(_text) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    50
        return _text.replace(_rgxp, "<span class='searchmatch'>$1</span>");
869410bab434 Various changes
veltr
parents: 42
diff changeset
    51
    }
869410bab434 Various changes
veltr
parents: 42
diff changeset
    52
    var _html = "",
52
e0f6f3c31150 Added colors !
veltr
parents: 44
diff changeset
    53
        _this = this,
e0f6f3c31150 Added colors !
veltr
parents: 44
diff changeset
    54
        count = 0;
44
869410bab434 Various changes
veltr
parents: 42
diff changeset
    55
    Rkns._(this.data.query.search).each(function(_result) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    56
        var title = _result.title,
869410bab434 Various changes
veltr
parents: 42
diff changeset
    57
            url = "http://" + _this.lang + ".wikipedia.org/wiki/" + encodeURI(title.replace(/ /g,"_")),
869410bab434 Various changes
veltr
parents: 42
diff changeset
    58
            description = Rkns.$('<div>').html(_result.snippet).text();
869410bab434 Various changes
veltr
parents: 42
diff changeset
    59
        if (searchstr && !rxtest.test(title) && !rxtest.test(description)) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    60
            return;
869410bab434 Various changes
veltr
parents: 42
diff changeset
    61
        }
869410bab434 Various changes
veltr
parents: 42
diff changeset
    62
        count++;
869410bab434 Various changes
veltr
parents: 42
diff changeset
    63
        _html += _this.resultTemplate({
869410bab434 Various changes
veltr
parents: 42
diff changeset
    64
            url: url,
869410bab434 Various changes
veltr
parents: 42
diff changeset
    65
            title: title,
869410bab434 Various changes
veltr
parents: 42
diff changeset
    66
            htitle: highlight(title),
869410bab434 Various changes
veltr
parents: 42
diff changeset
    67
            description: description,
56
a9b9e6c7be63 Converging client and webapp
veltr
parents: 52
diff changeset
    68
            hdescription: highlight(description),
a9b9e6c7be63 Converging client and webapp
veltr
parents: 52
diff changeset
    69
            static_url: _this.renkan.static_url
44
869410bab434 Various changes
veltr
parents: 42
diff changeset
    70
        });
869410bab434 Various changes
veltr
parents: 42
diff changeset
    71
    });
869410bab434 Various changes
veltr
parents: 42
diff changeset
    72
    _this.main_$.html(_html);
869410bab434 Various changes
veltr
parents: 42
diff changeset
    73
    if (searchstr && count) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    74
        this.count_$.text(count).show();
869410bab434 Various changes
veltr
parents: 42
diff changeset
    75
    } else {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    76
        this.count_$.hide();
869410bab434 Various changes
veltr
parents: 42
diff changeset
    77
    }
869410bab434 Various changes
veltr
parents: 42
diff changeset
    78
    if (searchstr && !count) {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    79
        this.$.hide();
869410bab434 Various changes
veltr
parents: 42
diff changeset
    80
    } else {
869410bab434 Various changes
veltr
parents: 42
diff changeset
    81
        this.$.show();
869410bab434 Various changes
veltr
parents: 42
diff changeset
    82
    }
56
a9b9e6c7be63 Converging client and webapp
veltr
parents: 52
diff changeset
    83
    this.renkan.resizeBins();
44
869410bab434 Various changes
veltr
parents: 42
diff changeset
    84
}
869410bab434 Various changes
veltr
parents: 42
diff changeset
    85
    
42
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    86
Rkns.Wikipedia.Bin.prototype.refresh = function() {
24
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    87
    var _this = this;
42
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    88
    Rkns.$.ajax({
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    89
        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
    90
        dataType: "jsonp",
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    91
        success: function(_data) {
44
869410bab434 Various changes
veltr
parents: 42
diff changeset
    92
            _this.data = _data;
869410bab434 Various changes
veltr
parents: 42
diff changeset
    93
            _this.render();
24
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    94
        }
42
48d825187d67 Added Refresh button and Autorefresh
veltr
parents: 37
diff changeset
    95
    });
24
121a24be9da4 Added Wikipedia Search
veltr
parents:
diff changeset
    96
}