User:TomT0m/DatacompleteSandbox.js
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/********************************************************************************************************
* Google Summer of Code 2021 Project for Wikimedia Foundation *
* Project Name : WikidataComplete *
* Project Documentation : https://www.wikidata.org/wiki/Wikidata:WikidataComplete *
* Mentors: Dennis Diefenbach,Andreas Both, Aleksandr Perevalov,Kunpeng Guo *
* Participant: Dhairya Khanna *
* *
********************************************************************************************************/
importScript("User:Gabinguo/celebration.js");
(function (mw, $, wb) {
"use strict";
if (
mw.config.get("wgNamespaceNumber") !== 0 ||
!mw.config.exists("wbEntityId")
) {
return;
}
var lang = mw.config.get("wgUserLanguage");
var messages,
entityid = mw.config.get("wbEntityId"),
api = new mw.Api();
var username = mw.config.get("wgUserName");
messages = (function () {
var translations = {
de: {
title: "Anweisungen aktualisieren",
more: "mehr",
complete: "invers",
"show-complete": "geholte Anweisungen anzeigen",
"no-result": "kein Ergebnis",
loading: "laden...",
},
en: {
title1: "You have these number of statements to approve",
title2: "Show next entity which can be approved",
more: "more",
complete: "complete",
"show-complete": "show fetched statements",
"no-result": "no result",
loading: "loading...",
},
es: {
title: "Actualizar declaraciones",
more: "más",
complete: "inverso",
"show-complete": "mostrar declaraciones recuperadas",
"no-result": "sin resultados",
loading: "cargando...",
},
fr: {
title: "Mettre à jour les relevés",
more: "plus",
complete: "complete",
"show-complete": "afficher les déclarations récupérées",
"no-result": "pas de résultats",
loading: "chargement...",
},
sv: {
title1: "Du har så här många uttalanden att förbättra",
title2: "Visa nästa entitet som kan förbättras",
more: "mer",
complete: "invertera",
"show-complete": "visa hämtade uttalanden",
"no-result": "inga resultat",
loading: "laddar...",
},
"zh-hans": {
title: "更新声明",
more: "更多",
complete: "反向",
"show-complete": "显示获取的语句",
"no-result": "无结果",
loading: "加载中...",
},
},
chain = mw.language.getFallbackLanguageChain(),
len = chain.length,
ret = {},
i = len - 1;
while (i >= 0) {
if (translations.hasOwnProperty(chain[i])) {
$.extend(ret, translations[chain[i]]);
}
i = i - 1;
}
return ret;
})();
function capitalizeFirstLetter(string) {
return string.charAt(0).toUpperCase() + string.slice(1);
}
//The length of the facts generated from the dataset.
var facts_length = {};
var newfacts;
function handle_new_facts(data){
facts_length = data.length;
newfacts = data;
var propertyList2 = [];
$(".wikibase-statementgroupview-property-label a").each(function () {
try {
propertyList2.push(
$(this).prop("href").split("/wiki/Property:")[1].toString()
);
} catch (e) {
mw.log.warn(
"Error getting property value in User:Data-Complete-Gadget/WikidataComplete.js"
);
}
});
// the list to display
var filteredFacts = newfacts.filter(
(newfact) => !propertyList2.includes(newfact.property)
);
var filteredFactslen = filteredFacts.length;
return $.when
(
$.ajax({url:"https://datacompletewiki.toolforge.org/api/v1/facts/" + entityid + "/",
dataType: "json"}),
$.ajax({url: "https://datacompletewiki.toolforge.org/api/v1/facts/random/", datatype:"json"})
).then(([data1, status1, ], [data2, status2, ]) => {
var link_and_text = data.map(
({wikipediaLink, text, evidence, startIdx, endIdx}) =>
{
var res = encodeURIComponent(evidence.slice(0, startIdx));
// <a target="_blank" rel="noreferrer" href={`${url}#:~:text=${encodeURIComponent(evidence.slice(0, offset_start))}-,${answer.answer}`}> => For chrome highlight, make the code fit your needs.
var highlightlink = wikipediaLink + "#:~:text=" + res + "-," + text;
var boldtext = evidence.substring(0, startIdx) +
"<b>" +
evidence.substring(startIdx, endIdx) +
"</b>" +
evidence.substring(endIdx);
return {highlightlink, boldtext};
}
);
//Generating a new random item to approve
var newitem = data2.wikidataLink;
function start_menu_null(filteredFactslen) {
var newitemtoappend;
if (filteredFactslen == 0)
newitemtoappend = "";
else
newitemtoappend = "Next Entity";
return newitemtoappend;
}
var newitemtoappend = start_menu_null(filteredFacts.length);
//Function for generating message for the available facts
var appendlink = $(`<a href="${newitem}" title="Find a new item">${newitemtoappend}</a>`);
// prettier-ignore
return {appendlink, newitem, filteredFacts, link_and_text};
});
}
/* The following function is used to create claim using Wikidata APIs.
Want know about them? Check out the documentation: https://www.wikidata.org/w/api.php */
/*$(document).ready(function () {
$("#completesection:last").remove();
});*/
function createclaim(qid, pid, snak, sourceSnaks, snaksorder, username, acc) {
var api = new mw.Api();
api.get({ action: "query", meta: "tokens" }).then(function (aw) {
var token = aw.query.tokens.csrftoken;
return api
.post({
action: "wbcreateclaim", //Calling API to craete the claim
entity: qid,
property: pid,
snaktype: "value",
value: snak,
summary: "Edited with Wikidatacomplete",
token: token,
})
.then(function (data) {
var comment = `Statement Suggested by Wikidatacomplete and approved by the user: ${username}`;
var api = new mw.Api();
var token = mw.user.tokens.values.csrfToken;
return api.post({
action: "wbsetreference", //Calling API to craete the reference
statement: data.claim.id,
snaks: JSON.stringify(sourceSnaks),
snaksorder: JSON.stringify(snaksorder),
token: token,
summary: comment,
});
})
.then(function (data2) {
if (data2.success == 1) {
console.log("Claim Added Successfully");
var acceptance = {
url: "https://datacompletewiki.toolforge.org/api/v1/facts/accept/",
method: "POST",
data: { fact_id: acc },
timeout: 0,
};
$.ajax(acceptance).done(function (response) {
console.log(response);
});
location.reload();
}
});
});
}
const monthNames = [
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December",
];
/*
The main function for loading the data to the gadget.
*/
//https://en.wikipedia.org/wiki/Batgirl_and_the_Birds_of_Prey#:~:text=Batgirl%20and%20the%20Birds%20of%20Prey%20was%20a%20monthly%20ongoing%20American-,comic%20book
var newList = [];
function Properties() {
$(document).ready(function () {
var propertyList = [];
$(".wikibase-statementgroupview-property-label a").each(function () {
var href = $(this).prop("href");
var p = href && href.split("/wiki/Property:")[1];
if (p) {
propertyList.push(p.toString());
}
});
// this gives you the list of existing property ids
for (var i = 0; i < propertyList.length; i++) {
newList[i] = propertyList[i];
}
// check the property id proposed by Wikidatacomplte api and you can control the show-no-show case.
});
}
Properties();
function loaditems(newitem, filteredFacts, link_and_text) {
var fetchurl =
"https://datacompletewiki.toolforge.org/api/v1/facts/" + entityid + "/";
$.getJSON(fetchurl, function (result1) {
result1.map((result, i) => {
var retrieved_date = new Date(result.retrieved);
if (!newList.includes(String(result.property))) {
var statementgroup =
`
<div id="${result.id}" class="wikibase-statementgroupview listview-item" style = "border:3px solid #0645ad !important;margin:0 0 2em; width: calc(100% - 0.4em);">
<div class="wikibase-statementgroupview-property">
<div class="wikibase-statementgroupview-property-label" dir="auto">
<a href="https://www.wikidata.org/wiki/Property:${result.property}">
${result.question}
</a>
</div>
</div>
<div class="wikibase-statementlistview" style="border:revert;">
<div class="wikibase-statementlistview-listview">
</div>
</div>
<div class="wikibase-statementview wb-normal listview-item wikibase-toolbar-item">
<div class="wikibase-statementview-rankselector">
<div class="wikibase-rankselector ui-state-disabled" style="padding-left: 262px;">
<span class="ui-icon ui-icon-rankselector wikibase-rankselector-normal" title="Normal rank"></span>
</div>
</div>
<div class="wikibase-statementview-mainsnak-container" style="margin-left: 40px;">
<div class="wikibase-statementview-mainsnak" dir="auto">
<div class="wikibase-snakview">
<div class="wikibase-snakview-property-container">
<div class="wikibase-snakview-property" dir="auto">
</div>
</div>
<div class="wikibase-snakview-value-container" dir="auto">
<div class="wikibase-snakview-value wikibase-snakview-variation-valuesnak" style = "padding-left: 220px">
<a href="${result.object[0].object}">${result.object[0].objectLabel}</a>
</div>
</div>
</div>
</div>
</div>
</div>
<span class="wikibase-toolbar-container wikibase-edittoolbar-container">
<span class="wikibase-toolbar-item wikibase-toolbar wikibase-toolbar-container"><span class="wikibase-toolbar-item wikibase-toolbar wikibase-toolbar-container"><span class="wikibase-toolbarbutton wikibase-toolbar-item wikibase-toolbar-button wikibase-toolbar-button-save"><a class = "f2w-button f2w-property f2w-approve" href="#${result.id}"
${result.property}
" title="" text-id = "${result.text}" data-id = "${result.property}"
url-id="${result.object[0].object}" qualifier-id="${result.evidence}"
ref-id = "${result.wikipediaLink}"
accept-id = "${result.id}"
style="padding-right: 30px;" ><span class="wb-icon" style = "display:inline-block;vertical-align:middle;background-position:center"></span>publish</a></span></span></span>
<span class="wikibase-toolbar-item wikibase-toolbar wikibase-toolbar-container"><span class="wikibase-toolbar-item wikibase-toolbar wikibase-toolbar-container"><span class="wikibase-toolbarbutton wikibase-toolbar-item wikibase-toolbar-button wikibase-toolbar-button-cancel"><a class="f2w-button f2w-property f2w-reject" href = "#" title="" reject-id = "${result.d}"
style="padding-right: 20px;"><span class="wb-icon" style="padding-top: 22px;"></span>reject</a></span></span></span>
</span>
<div class = wikibase-statementview-references-container style="margin-left: 240px;">
<div class = wikibase-statementview-references-heading>
<a class="ui-toggler ui-toggler-toggle ui-state-default">
<span class="ui-toggler-icon ui-icon ui-icon-triangle-1-s ui-toggler-icon3dtrans"></span>
<span class="ui-toggler-label">1 reference</span>
</a>
<div class="wb-tr-app"><!----></div>
</div>
<div class="wikibase-statementview-references wikibase-initially-collapsed" style="display: block;"><div class="wikibase-listview2"><div class="wikibase-referenceview wikibase-referenceview-d5847b9b6032aa8b13dae3c2dfd9ed5d114d21b3">
<div class="wikibase-referenceview-listview"><div class="wikibase-snaklistview">
<div class="wikibase-snaklistview-listview"><div class="wikibase-snakview wikibase-snakview-5a343e7e758a4282a01316d3e959b6e653b767fc">
<div class="wikibase-snakview-property-container">
<div class="wikibase-snakview-property" dir="auto"><a title="Property:P4656" href="/wiki/Property:P4656">Wikimedia import URL</a></div>
</div>
<div class="wikibase-snakview-value-container" dir="auto">
<div class="wikibase-snakview-typeselector"></div>
<div class="wikibase-snakview-body" style="width: fit-content;">
<div class="wikibase-snakview-value wikibase-snakview-variation-valuesnak"><a title="${entityid}"
href="${link_and_text[i].highlightlink}"
target = "_blank" rel="noreferrer">
${result.wikipediaLink}
</a></div>
<div class="wikibase-snakview-indicators"></div>
</div>
</div>
</div></div>
</div></div>
</div></div>
<div class="wikibase-referenceview wikibase-referenceview-b4744396545cd28b2367fad16c02c0b839379bc5">
<div class="wikibase-referenceview-listview"><div class="wikibase-snaklistview">
<div class="wikibase-snaklistview-listview"><div class="wikibase-snakview wikibase-snakview-7e00f9de0f47d0de70ec6ee58edfc93608905b2d">
<div class="wikibase-snakview-property-container">
<div class="wikibase-snakview-property" dir="auto"><a title="Property:P813" href="/wiki/Property:P813">retrieved</a></div>
</div>
<div class="wikibase-snakview-value-container" dir="auto">
<div class="wikibase-snakview-typeselector"></div>
<div class="wikibase-snakview-body" style="width: fit-content;">
<div class="wikibase-snakview-value wikibase-snakview-variation-valuesnak"> ${retrieved_date.getDate()} ${monthNames[retrieved_date.getMonth()]} ${retrieved_date.getFullYear()}</div>
<div class="wikibase-snakview-indicators"></div>
</div>
</div>
</div></div>
</div></div>
</div>
<div class="wikibase-referenceview wikibase-referenceview-d4bd87b862b12d99d26e86472d44f26858dee639">
<div class="wikibase-referenceview-listview"><div class="wikibase-snaklistview">
<div class="wikibase-snaklistview-listview"><div class="wikibase-snakview wikibase-snakview-f30cbd35620c4ea6d0633aaf0210a8916130469b">
<div class="wikibase-snakview-property-container">
<div class="wikibase-snakview-property" dir="auto"><a title="Property:P143" href="/wiki/Property:P143">evidence</a></div>
</div>
<div class="wikibase-snakview-value-container" dir="auto">
<div class="wikibase-snakview-typeselector"></div>
<div class="wikibase-snakview-body" style="width: fit-content;">
<div class="wikibase-snakview-value wikibase-snakview-variation-valuesnak">'${link_and_text[i].boldtext}'</div>
<div class="wikibase-snakview-indicators"></div>
</div>
</div>
</div></div>
</div></div>
</div>
</div>
</div>
</div>
</div>`;
//To append the statements to the HTML code.
$("#completesection")
.find(".wikibase-listview")
.parent()
.append(statementgroup);
$(".f2w-approve")
.unbind("click")
.on("click", function (e) {
//e.preventDefault();
e.stopPropagation();
//celebrate();
console.log(e.target);
let arg1 = e.target.getAttribute("data-id");
let arg2 = e.target.getAttribute("text-id");
let arg3 = e.target.getAttribute("url-id");
let arg4 = e.target.getAttribute("qualifier-id");
let arg5 = e.target.getAttribute("ref-id");
let today = new Date();
today.setUTCHours(0, 0, 0, 0);
var snak = JSON.stringify({
"entity-type": "item",
"numeric-id": arg3.substring(1), // should be Qid except the Q
});
var snaksorder = ["P4656", "P1683"];
var sourceSnaks = {
P4656: [
{
snaktype: "value",
property: "P4656",
datavalue: {
value: arg5,
type: "string",
},
datatype: "url",
},
],
P813: [
{
snaktype: "value",
property: "P813",
datavalue: {
value: {
time: "+" + today.toISOString().replace(/\.\d*Z$/, "Z"),
timezone: 0,
before: 0,
after: 0,
precision: 11,
calendarmodel:
"http://www.wikidata.org/entity/Q1985727",
},
type: "time",
},
datatype: "time",
},
],
P1683: [
{
snaktype: "value",
property: "P1683",
datavalue: {
value: {
text: arg4,
language: "en",
},
type: "monolingualtext",
},
datatype: "monolingualtext",
},
],
};
let acc = e.target.getAttribute("accept-id");
createclaim(
entityid,
arg1,
snak,
sourceSnaks,
snaksorder,
username,
acc
);
mw.notify("You have successfully added the claim", {
title: "WikidataComplete-info",
autoHide: true,
type: "info",
}).then(celebrate());
});
$(".f2w-reject")
.unbind("click")
.on("click", function (e) {
e.preventDefault();
var answer_after_reject;
if (filteredFacts.length - 1 == 1) {
answer_after_reject = `There is ${
filteredFacts.length - 1
} statement to approve`;
document.querySelector(
"#completesection > div.wikibase-showcomplete > div > div.wikibase-showcomplete-child-1 > a"
).innerHTML = answer_after_reject;
}
if (filteredFacts.length - 1 > 1) {
answer_after_reject = `There are ${
filteredFacts.length - 1
} statements to approve`;
document.querySelector(
"#completesection > div.wikibase-showcomplete > div > div.wikibase-showcomplete-child-1 > a"
).innerHTML = answer_after_reject;
} else {
document.querySelector(
"#completesection > div.wikibase-showcomplete > div.wikibase-showcomplete-parent > div > a"
).innerHTML = "";
document.querySelector(
"#completesection > div.wikibase-showcomplete > div > div.wikibase-showcomplete-child-1 > a"
).innerHTML = "Go to entity with statements to approve".link(
newitem
);
}
mw.notify("You have successfully rejected the claim", {
title: "WikidataComplete-info",
autoHide: true,
type: "info",
});
let rej = e.target.getAttribute("reject-id");
var rej_string = String(rej);
document.getElementById(rej_string).remove();
//POST request for removing the rejected claim.
var rejections = {
url: "https://datacompletewiki.toolforge.org/api/v1/facts/reject/",
method: "POST",
data: { fact_id: rej },
timeout: 0,
};
$.ajax(rejections).done(function (response) {
console.log(response);
});
});
}
});
});
}
function start_menu(filteredFactslen, newitem) {
var final_message = "";
if (filteredFactslen == 1) {
final_message =
"There is " + String(filteredFactslen) + " statement to approve";
} else if (filteredFactslen > 1) {
final_message =
"There are " + String(filteredFactslen) + " statements to approve";
} else if (filteredFactslen == 0) {
final_message = "Go to entity with statements to approve".link(newitem);
}
return final_message;
}
function statements_loaded(appendlink, newitem, filteredFacts, link_and_text) {
$("#datacomplete-more-link").html(appendlink);
var dropdownHidden = true;
$(document).click(function () {
$("#myDropdown").hide();
});
$("#toggleDropdown").on("click", function (e) {
e.stopPropagation();
if (dropdownHidden) {
document.getElementById("myDropdown").style.display = "block";
} else {
document.getElementById("myDropdown").style.display = "none";
}
dropdownHidden = !dropdownHidden;
});
$("#completesection")
.find(".wikibase-showcomplete-child-1")
.html(
$("<a>")
.attr("href", "#")
.html(start_menu(filteredFacts.length, newitem))
.click(function (event) {
if (filteredFacts.length !== 0) {
event.preventDefault();
$("#completesection > div.wikibase-showcomplete").css({
border: "3px solid #0645ad",
});
}
loaditems(newitem, filteredFacts, link_and_text);
$(this).off(event);
})
);
setTimeout(function () {
if (
$(
"#completesection > div.wikibase-addtoolbar.wikibase-toolbar-item.wikibase-toolbar.wikibase-addtoolbar-container.wikibase-toolbar-container"
) === null
) {
//To remove auto-generated add statements button
console.log("Not Found");
} else {
$(
"#completesection > div.wikibase-addtoolbar.wikibase-toolbar-item.wikibase-toolbar.wikibase-addtoolbar-container.wikibase-toolbar-container"
).remove();
}
}, 1000);
}
function get_init_html(more_message){
return `
<div class="wb-section-heading section-heading wikibase-statements wikibase-statements">
<div class="wikidatacomplete">
<div class="wikibase-statementgrouplistview" id="completesection" >
<div class="wikibase-listview">
</div>
<div class="wikibase-showcomplete" style="padding:10px;overflow:hidden;border: 3px solid #c8ccd1;margin: 0 0 2em;text-align: center;">
<div class="wikibase-showcomplete-parent" style="width: 100%;">
<div class="wikibase-showcomplete-child-1" style="float: left ;width: 60%; text-align: right">
${capitalizeFirstLetter(messages.loading)}
</div>
<div id="datacomplete-more-link" class="wikibase-showcomplete-child-2" style="float: left;width: 20%; text-align: right">
<!-- placeholder for suggestion <a href="newitem" title="Find a new item">newitemtoappend'</a> -->
</div>
<div class="dropdown child3" style="float: left;width: 20%">
<a href="#" class="dropbtn" style="font-family: inherit;" id="toggleDropdown">${capitalizeFirstLetter(more_message)}</a>
<div class="dropdown-content" id="myDropdown" style="display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);z-index: 1;margin-top:13px;margin-left:40px">
<a href="https://datacompletewiki.toolforge.org/donate/" target="_blank" style="float: none;padding: 12px 16px;display: block;text-align: left">Donate Data</a>
<a href="https://datacompletewiki.toolforge.org/dashboard/" target="_blank" style="float: none;padding: 12px 16px;display: block;text-align: left">Check Dashboard</a>
<a href="https://github.com/WikidataComplete/Wikidata-Complete-Gadget/issues/new/choose" target="_blank" style="float: none;padding: 12px 16px;display: block;text-align: left">Report Issue</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>`;
}
function init(){
$("div.wikibase-statementgrouplistview").first().prepend(get_init_html(messages.more));
$.ajax({
url:
"https://datacompletewiki.toolforge.org/api/v1/facts/" + entityid + "/",
//async: false,
dataType: "json",
}).then(handle_new_facts)
.then(({appendlink, newitem, filteredFacts, link_and_text}) => statements_loaded(appendlink, newitem, filteredFacts, link_and_text));
}
mw.hook('wikibase.entityPage.entityView.rendered').add(init);
})(mediaWiki, jQuery, wikibase);