renkan: client/js/wikipedia-bin.js@803dbeb7c919 (annotated)

Mercurial Mercurial > renkan / annotate

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

client/js/wikipedia-bin.js

author	veltr
	Wed, 27 Feb 2013 19:04:36 +0100
changeset 68	803dbeb7c919
parent 66	9b459e41e2df
child 114	110f99eb417e
permissions	-rw-r--r--

Improved drag-and-drop. Added ontologies for edges

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() {
66 9b459e41e2df Added drag-and-drop and image from local drive veltr parents: 56 diff changeset	14	var langs = {
9b459e41e2df Added drag-and-drop and image from local drive veltr parents: 56 diff changeset	15	"fr": "French",
9b459e41e2df Added drag-and-drop and image from local drive veltr parents: 56 diff changeset	16	"en": "English",
9b459e41e2df Added drag-and-drop and image from local drive veltr parents: 56 diff changeset	17	"ja": "Japanese"
9b459e41e2df Added drag-and-drop and image from local drive veltr parents: 56 diff changeset	18	}
9b459e41e2df Added drag-and-drop and image from local drive veltr parents: 56 diff changeset	19	if (langs[this.lang]) {
9b459e41e2df Added drag-and-drop and image from local drive veltr parents: 56 diff changeset	20	return this.renkan.translate("Wikipedia in ") + this.renkan.translate(langs[this.lang]);
9b459e41e2df Added drag-and-drop and image from local drive veltr parents: 56 diff changeset	21	} else {
9b459e41e2df Added drag-and-drop and image from local drive veltr parents: 56 diff changeset	22	return this.renkan.translate("Wikipedia") + " [" + this.lang + "]";
9b459e41e2df Added drag-and-drop and image from local drive veltr parents: 56 diff changeset	23	}
34 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.Search.prototype.search = function(_q) {
08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	27	this.renkan.tabs.push(
08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	28	new Rkns.Wikipedia.Bin(this.renkan, {
08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	29	lang: this.lang,
08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	30	search: _q
08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	31	})
08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	32	);
08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	33	}
08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	34
08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	35	Rkns.Wikipedia.Bin = Rkns.Utils.inherit(Rkns._BaseBin);
08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	36
08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	37	Rkns.Wikipedia.Bin.prototype.resultTemplate = Rkns._.template(
68 803dbeb7c919 Improved drag-and-drop. Added ontologies for edges veltr parents: 66 diff changeset	38	'<li class="Rk-Wikipedia-Result Rk-Bin-Item" draggable="true" data-uri="<%-url%>" '
56 a9b9e6c7be63 Converging client and webapp veltr parents: 52 diff changeset	39	+ 'data-title="Wikipedia: <%-title%>" data-description="<%-description%>" data-image="<%-static_url%>img/wikipedia.png">'
a9b9e6c7be63 Converging client and webapp veltr parents: 52 diff changeset	40	+ '<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	41	+ '<p class="Rk-Wikipedia-Snippet"><%=hdescription%></p></li>'
24 121a24be9da4 Added Wikipedia Search veltr parents: diff changeset	42	);
121a24be9da4 Added Wikipedia Search veltr parents: diff changeset	43
34 08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	44	Rkns.Wikipedia.Bin.prototype._init = function(_renkan, _opts) {
56 a9b9e6c7be63 Converging client and webapp veltr parents: 52 diff changeset	45	this.renkan = _renkan;
24 121a24be9da4 Added Wikipedia Search veltr parents: diff changeset	46	this.search = _opts.search;
121a24be9da4 Added Wikipedia Search veltr parents: diff changeset	47	this.lang = _opts.lang \|\| "en";
34 08a366a35143 First part of SH design integration veltr parents: 26 diff changeset	48	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	49	this.title_$.html(this.search).addClass("Rk-Wikipedia-Title");
42 48d825187d67 Added Refresh button and Autorefresh veltr parents: 37 diff changeset	50	this.refresh();
48d825187d67 Added Refresh button and Autorefresh veltr parents: 37 diff changeset	51	}
48d825187d67 Added Refresh button and Autorefresh veltr parents: 37 diff changeset	52
44 869410bab434 Various changes veltr parents: 42 diff changeset	53	Rkns.Wikipedia.Bin.prototype.render = function(searchstr) {
869410bab434 Various changes veltr parents: 42 diff changeset	54	var _rgxp = new RegExp('('+(searchstr \|\| this.search).replace(/(\W)/g,'\\$1')+')','gi');
869410bab434 Various changes veltr parents: 42 diff changeset	55	if (searchstr) {
869410bab434 Various changes veltr parents: 42 diff changeset	56	var rxtest = new RegExp(searchstr.replace(/(\W)/g,'\\$1'),'i');
869410bab434 Various changes veltr parents: 42 diff changeset	57	}
869410bab434 Various changes veltr parents: 42 diff changeset	58	function highlight(_text) {
869410bab434 Various changes veltr parents: 42 diff changeset	59	return _text.replace(_rgxp, "<span class='searchmatch'>$1</span>");
869410bab434 Various changes veltr parents: 42 diff changeset	60	}
869410bab434 Various changes veltr parents: 42 diff changeset	61	var _html = "",
52 e0f6f3c31150 Added colors ! veltr parents: 44 diff changeset	62	_this = this,
e0f6f3c31150 Added colors ! veltr parents: 44 diff changeset	63	count = 0;
44 869410bab434 Various changes veltr parents: 42 diff changeset	64	Rkns._(this.data.query.search).each(function(_result) {
869410bab434 Various changes veltr parents: 42 diff changeset	65	var title = _result.title,
869410bab434 Various changes veltr parents: 42 diff changeset	66	url = "http://" + _this.lang + ".wikipedia.org/wiki/" + encodeURI(title.replace(/ /g,"_")),
869410bab434 Various changes veltr parents: 42 diff changeset	67	description = Rkns.$('<div>').html(_result.snippet).text();
869410bab434 Various changes veltr parents: 42 diff changeset	68	if (searchstr && !rxtest.test(title) && !rxtest.test(description)) {
869410bab434 Various changes veltr parents: 42 diff changeset	69	return;
869410bab434 Various changes veltr parents: 42 diff changeset	70	}
869410bab434 Various changes veltr parents: 42 diff changeset	71	count++;
869410bab434 Various changes veltr parents: 42 diff changeset	72	_html += _this.resultTemplate({
869410bab434 Various changes veltr parents: 42 diff changeset	73	url: url,
869410bab434 Various changes veltr parents: 42 diff changeset	74	title: title,
869410bab434 Various changes veltr parents: 42 diff changeset	75	htitle: highlight(title),
869410bab434 Various changes veltr parents: 42 diff changeset	76	description: description,
56 a9b9e6c7be63 Converging client and webapp veltr parents: 52 diff changeset	77	hdescription: highlight(description),
a9b9e6c7be63 Converging client and webapp veltr parents: 52 diff changeset	78	static_url: _this.renkan.static_url
44 869410bab434 Various changes veltr parents: 42 diff changeset	79	});
869410bab434 Various changes veltr parents: 42 diff changeset	80	});
869410bab434 Various changes veltr parents: 42 diff changeset	81	_this.main_$.html(_html);
869410bab434 Various changes veltr parents: 42 diff changeset	82	if (searchstr && count) {
869410bab434 Various changes veltr parents: 42 diff changeset	83	this.count_$.text(count).show();
869410bab434 Various changes veltr parents: 42 diff changeset	84	} else {
869410bab434 Various changes veltr parents: 42 diff changeset	85	this.count_$.hide();
869410bab434 Various changes veltr parents: 42 diff changeset	86	}
869410bab434 Various changes veltr parents: 42 diff changeset	87	if (searchstr && !count) {
869410bab434 Various changes veltr parents: 42 diff changeset	88	this.$.hide();
869410bab434 Various changes veltr parents: 42 diff changeset	89	} else {
869410bab434 Various changes veltr parents: 42 diff changeset	90	this.$.show();
869410bab434 Various changes veltr parents: 42 diff changeset	91	}
56 a9b9e6c7be63 Converging client and webapp veltr parents: 52 diff changeset	92	this.renkan.resizeBins();
44 869410bab434 Various changes veltr parents: 42 diff changeset	93	}
869410bab434 Various changes veltr parents: 42 diff changeset	94
42 48d825187d67 Added Refresh button and Autorefresh veltr parents: 37 diff changeset	95	Rkns.Wikipedia.Bin.prototype.refresh = function() {
24 121a24be9da4 Added Wikipedia Search veltr parents: diff changeset	96	var _this = this;
42 48d825187d67 Added Refresh button and Autorefresh veltr parents: 37 diff changeset	97	Rkns.$.ajax({
48d825187d67 Added Refresh button and Autorefresh veltr parents: 37 diff changeset	98	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	99	dataType: "jsonp",
48d825187d67 Added Refresh button and Autorefresh veltr parents: 37 diff changeset	100	success: function(_data) {
44 869410bab434 Various changes veltr parents: 42 diff changeset	101	_this.data = _data;
869410bab434 Various changes veltr parents: 42 diff changeset	102	_this.render();
24 121a24be9da4 Added Wikipedia Search veltr parents: diff changeset	103	}
42 48d825187d67 Added Refresh button and Autorefresh veltr parents: 37 diff changeset	104	});
24 121a24be9da4 Added Wikipedia Search veltr parents: diff changeset	105	}

renkan