'
+const wdImgIcon = '
';
+const viafImg = '
';
+const viafImgIcon = '");
+ if ($(this).prev().length > 0) {
+ div.insertBefore($(this).prev());
+ } else {
+ div.insertBefore($(this));
+ }
+
+ // create a shortcut for each vocabulary
+ vocabs_link.forEach(function(link) {
+ const name = link.split(",")[0].toUpperCase();
+ const url = link.split(",")[1];
+ div.append("" + name + "");
+ });
+ });
+
+ // search WD, VIAF, my data, vocabs, years + add URLs
+ $(".main_content").on("click", "input[type='text']", function () { // make the onclick function valid for later generated inputs
+ searchID = $(this).attr('id');
+
+ if ( $(this).hasClass('searchWikidata') && $(this).hasClass('wikidataConstraint') && $(this).hasClass('catalogueConstraint')) {
+ searchWDCatalogueAdvanced(searchID);
+ } else if ( $(this).hasClass('searchWikidata') && !($(this).hasClass('wikidataConstraint')) && !($(this).hasClass('catalogueConstraint')) ) {
+ searchWD(searchID);
+ } else if ( $(this).hasClass('searchWikidata') && $(this).hasClass('wikidataConstraint')) {
+ searchWDAdvanced(searchID);
+ } else if ( $(this).hasClass('searchWikidata') && $(this).hasClass('catalogueConstraint')) {
+ searchCatalogueAdvanced(searchID);
+ };
+
+ if ( $(this).hasClass('searchGeonames') ) {
+ searchGeonames(searchID);
+ };
+
+ if ( $(this).hasClass('searchSkos') ) {
+ searchSkos(searchID);
+ };
+
+ if ( $(this).hasClass('searchGeneral') ) {
+ searchCatalogue('search');
+ };
+
+ if ( $(this).hasClass('searchLOV') ) {
+ searchLOV(searchID);
+ };
+
+ if ( $(this).hasClass('urlField') ) {
+ addURL(searchID);
+ };
+
+ if ( $(this).hasClass('yearField') ) {
+ searchYear(searchID);
+ };
+
+ if ( $(this).hasClass('multimediaField')) {
+ addMultimedia(searchID);
+ }
+
+ if ( $(this).hasClass('websitePreview')) {
+ addURL(searchID, iframe=true);
+ }
+
+ if ( $(this).hasClass('manual-entity')) {
+ addManualEntity(searchID);
+ }
+
+ if ( $(this).attr('subtemplate') != undefined) {
+ searchCatalogueByClass(searchID);
+ }
+
+ });
+
+ // remove modal preview
+ $(document).on('click', '.closePreview', function () {
+ $(".modal-previewMM").remove();
+ $('#showRight').show();
+ });
+
+ // remove tag onclick
+ $(document).on('click', '.tag', function () {
+ $(this).next().remove();
+ if ($(this).prev().hasClass("MMtag") || $(this).prev().hasClass("iframePreview")) {
+ $(this).prev().remove();
+ }
+ $(this).remove();
+
+ //colorForm();
+ });
+
+ // autoresize textarea
+ $('textarea').each(function () {
+ var styleAttr= 'height:' + (this.scrollHeight)/2 + 'px;overflow-y:hidden;';
+ if (this.classList.contains('hiddenInput')) { styleAttr += 'display:none;'}
+ this.setAttribute('style', styleAttr);
+ }).on('input', function () {
+ this.style.height = 'auto';
+ this.style.height = (this.scrollHeight) + 'px';
+ });
+
+ // remove exceding whitespaces in text area
+ $('textarea[id*="values__"]').each(function () {
+ $(this).val($.trim($(this).val()).replace(/\s*[\r\n]+\s*/g, '\n'));
+ });
+
+ // Show documentation in the right sidebar
+ if ($('header').hasClass('needDoc')) {
+ var menuRight = document.getElementById( 'cbp-spmenu-s2' ),
+ showRight = document.getElementById( 'showRight' ),
+ body = document.body;
+ showRight.onclick = function() {
+ classie.toggle( this, 'active' );
+ classie.toggle( menuRight, 'cbp-spmenu-open' );
+ };
+ };
+
+ // hide lookup when creating a record
+ $("#lookup").hide();
+ // append WD icon to input fields
+ $('.searchWikidata').parent().prev().append(wdImg);
+ $('.searchWikidata').parent().prev().append(viafImg);
+ $('.searchGeonames').parent().prev().append(geoImg);
+ $('.wikiEntity').append(wdImgIcon);
+ $('.geoEntity').append(geoImg);
+ $('.viafEntity').append(viafImg);
+ // append Entity Autocompletion toggle switch to input fields
+ $('.searchWikidata').parent().append($(' ');
+ remove_lang.on('click', function() {remove_lang(this,modify_subform)});
+ $.ajax({
+ type: 'GET',
+ url: "https://raw.githubusercontent.com/mattcg/language-subtag-registry/master/data/json/registry.json",
+ dataType: 'json',
+ success: function(data) {
+ let languageObjects = [];
+ // Loop through the array of objects
+ for (let obj of data) {
+ // Check if the object has "type": "language"
+ if (obj.Type === "language" && !("Deprecated" in obj)) {
+ var lang = obj.Description[0];
+ var tag = obj.Subtag;
+
+ // prepare the 'Change Language' and 'Add Language' options
+ var change_select = $(""+lang+" ("+tag+")");
+ var add_select = $(""+lang+" ("+tag+")");
+ change_select.on("click", function() {
+ changeCurrentLanguage(this,modify_subform);
+ });
+ add_select.on("click", function() {
+ console.log(modify_subform)
+ addNewLanguage(this,modify_subform)
+ });
+ if (tag === current_lang) {
+ change_language.find('input').attr('placeholder',lang+' ('+tag+')');
+ change_select.addClass('current-lang');
+ change_language.find('div').prepend(change_select);
+ add_language.find('div').append(add_select);
+ } else {
+ change_language.find('div').append(change_select);
+ add_language.find('div').append(add_select);
+ }
+ }
+ }
+ // hide the input options and append their parent divs to #lang-form
+ change_language.find('div').hide();
+ add_language.find('div').hide();
+ lang_form.append(change_language, add_language);
+
+ // prepare the dropdown for selecting the main language of a primary key input field
+ if (input.hasClass('disambiguate')) {
+ var current_languages = $(el).parent().next().find('.lang-item');
+ current_languages.each(function() {
+ var subtag = $(this).text().toLowerCase();
+ var extended_language = change_language.find('[href="#'+subtag+'"]').attr('lang');
+ var lang_option = $('');
+ if (subtag == $(el).parent().find('.main-lang').text().toLowerCase()) {
+ lang_option.attr('selected', 'selected');
+ }
+ main_lang.find('select').append(lang_option);
+ })
+ lang_form.append(main_lang);
+ };
+
+ lang_form.append(remove_lang)
+ lang_form.css({'top':height, 'left':left});
+ $('main').append(lang_form);
+ },
+ error: function(data) {
+ console.log("Resource not available");
+ }
+ })
+ }
+}
+
+function activateFilter(el){
+ if ($(el).next('div').attr('style') == 'display: none;') {
+ $(el).next('div').show();
+ $(el).keyup(function(){
+ let input_val = $(el).val();
+ if (input_val !== '') {
+ $(el).next('div').find('a:not([lang*="' + input_val + '"])').hide();
+ $(el).next('div').find('a[lang*="' + input_val + '"]').show();
+ } else {
+ $(el).next('div').find('a').show();
+ }
+ })
+ } else {
+ $(el).next('div').hide();
+ }
+}
+
+function addNewLanguage(el,record) {
+ console.log(record)
+ var new_lang = $(el).attr('href').replace("#","");
+ var last_lang_id = $(el).parent().parent().parent().attr('data-input');
+ const new_lang_input = $('#'+last_lang_id).clone();
+ var new_lang_input_id = last_lang_id.split('_')[0] + "_" + new_lang;
+ if (record) {new_lang_input_id += '_' + record}
+ $('#languages-'+last_lang_id.split('_')[0]).find('.selected-lang').removeClass('selected-lang');
+ $('#languages-'+last_lang_id.split('_')[0]).append(""+new_lang.toUpperCase()+"");
+
+ new_lang_input.attr('id', new_lang_input_id);
+ new_lang_input.attr('name', new_lang_input_id);
+ new_lang_input.attr('lang', new_lang);
+ new_lang_input.val('');
+ if (new_lang_input.is('textarea')) {
+ new_lang_input.on('click', function() {
+ nlpText(new_lang_input_id);
+ });
+ }
+
+
+ $('[id^="'+last_lang_id.split('_')[0]+'"]').hide();
+ $('#'+last_lang_id).after(new_lang_input);
+ $(el).parent().parent().parent().remove();
+}
+
+function changeCurrentLanguage(el,record) {
+ var new_lang = $(el).attr('href').replace("#","");
+ var id = $(el).parent().parent().parent().attr('data-input');
+ var current_lang = $('#languages-'+id.split('_')[0]).find('.selected-lang').eq(0);
+ var current_lang_field_id = id.split('_')[0] +"_"+current_lang.text().toLowerCase();
+ if (current_lang.text().toLowerCase() !== new_lang) {
+ var new_id = id.split('_')[0] + '_' + new_lang;
+ if (record) {
+ new_id += '_' + record;
+ current_lang_field_id += '_' + record;
+ console.log(current_lang_field_id)
+ }
+ var title = 'text language: '+new_lang.toUpperCase();
+ current_lang.attr('title',title);
+ current_lang.attr('onclick','show_lang("'+new_id+'")');
+ current_lang.text(new_lang.toUpperCase());
+ $('#'+current_lang_field_id).attr('name',new_id);
+ $('#'+current_lang_field_id).attr('id',new_id);
+ $('#'+new_id).attr('lang',new_lang);
+ $(el).parent().parent().parent().remove();
+
+ // check whether this value is the primary key of a subrecord
+ $('[value*="'+id+'"]').each(function() {
+ var new_value = $(this).val().replace(id,new_id);
+ $(this).val(new_value);
+ });
+ }
+ if (current_lang.hasClass('main-lang')) {
+ var main_lang_id = '#'+id.split('_')[0]+'_mainLang';
+ if (record) {
+ main_lang_id += '_' + record;
+ }
+ $(main_lang_id).val(new_lang);
+ }
+
+
+}
+
+function change_main_lang(el,record) {
+ var id = $(el).parent().parent().attr('data-input');
+ let field_base = id.split('_')[0];
+ $('#languages-'+field_base).find('.main-lang').removeClass('main-lang');
+ var new_main_lang = $(el).val();
+ $('#languages-'+field_base).find('[title="text language: '+new_main_lang.toUpperCase()+'"]').addClass('main-lang');
+ $(el).parent().parent().remove();
+ var main_lang_input_id = '#'+field_base+'_mainLang';
+ if (record) {main_lang_input_id+='_'+record}
+ $(main_lang_input_id).val(new_main_lang);
+}
+
+function removeCurrentLanguage(el,record) {
+ var current_field = $(el).parent().parent().attr('data-input');
+ let field_base = current_field.split('_')[0];
+ var current_lang_tag = $('#languages-'+field_base).find('.selected-lang');
+ if (current_lang_tag.next('a').length > 0) {
+ current_lang_tag.next('a').addClass('selected-lang');
+ var next_lang = current_lang_tag.next('a').text().toLowerCase();
+ current_lang_tag.remove();
+ $('#'+current_field).remove();
+ console.log('#'+field_base+'_'+next_lang)
+ $('#'+field_base+'_'+next_lang).show();
+ } else if (current_lang_tag.prev('a').length > 0) {
+ current_lang_tag.prev('a').addClass('selected-lang');
+ var prev_lang = current_lang_tag.prev('a').text().toLowerCase();
+ current_lang_tag.remove();
+ $('#'+current_field).remove();
+ var show_lang_id = '#'+field_base+'_'+prev_lang;
+ if (record) {show_lang_id+='_'+record}
+ $(show_lang_id).show();
+ } else {
+ alert('Not allowed. Change current language, instead');
+ }
+ $('[data-input="'+current_field+'"]').remove();
+}
+
+function show_lang(field_id) {
+ let field_base = field_id.split('_')[0];
+ $('[id^="'+field_base+'_"]').hide();
+ $('#'+field_id).show();
+ var target_lang = field_id.split('_')[1];
+ $('#languages-'+field_base).find('.selected-lang').removeClass('selected-lang');
+ console.log('[title="text language: '+target_lang.toUpperCase()+'"]')
+ $('#languages-'+field_base).find('[title="text language: '+target_lang.toUpperCase()+'"]').addClass('selected-lang')
+}
+
+/////////////////////////
+//// SUBRECORDS VIEW ////
+/////////////////////////
+function visualize_subrecord(el) {
+ var hide = el.hasClass('oneValue');
+ var subtemplate_values = el.find('p');
+ subtemplate_values.each(function() {
+ var externalLink = $(this).find('a').eq(0);
+
+ if (!hide) {
+ // organize subrecords as an accordion
+ $(this).addClass('subtemplateValue')
+ $(this).append('')
+ externalLink.prepend(" ")
+
+ // show and hide inner values
+ $(this).bind('click', function(e){
+ if (!($(e.target).parent().context.localName == "i")) {
+ e.preventDefault();
+ if ($(e.target).parent().is($(this))) {
+ $($(e.target).parent()).find('div').eq(0).toggleClass('hidden-subrecord');
+ $(e.target).parent().toggleClass('subtemplateValueOpen');
+ }
+ }
+ })
+ } else {
+ $(this).parent().hide();
+ }
+
+ var calledValue = $(this);
+ var calledRecord = externalLink.attr('href').replace("term", "view");
+ $.ajax({
+ type:'GET',
+ url:calledRecord,
+ dataType:"html",
+ success:function(data) {
+ var calledRecordData = $(data).find('.articleBox').find('.col-md-8.row').find('section');
+
+ if (!hide) {
+ calledRecordData.each(function() {
+ var cls = $(this).attr('class');
+ var new_cls = cls.replace("col-md-5", "col-md-12")
+ $(this).attr('class', new_cls);
+ $(this).find('.wikiEntity').append(wdImgIcon);
+ $(this).find('.geoEntity').append(geoImg);
+ $(this).find('.viafEntity').append(viafImg);
+ $(this).find('[xml\\:lang]').each(function() {
+ visualize_subrecord_literals($(this));
+ })
+ })
+ calledValue.append($('').append(calledRecordData));
+ } else {
+ calledRecordData.find('.wikiEntity').append(wdImgIcon);
+ calledRecordData.find('.geoEntity').append(geoImg);
+ calledRecordData.find('.viafEntity').append(viafImg);
+ calledRecordData.find('[xml\\:lang]').each(function() {
+ visualize_subrecord_literals($(this));
+ })
+ calledValue.parent().after(calledRecordData)
+ }
+
+
+
+ var new_values = calledValue.find('.subtemplateField');
+ new_values.each(function() {
+ visualize_subrecord($(this));
+ });
+
+ },
+ error:function() {
+ console.log("Error: requested resource is not available");
+ }
+ })
+ });
+}
+
+function visualize_subrecord_literals(el) {
+ var lang = $(el).attr('xml:lang');
+ const language_item = $(''+lang.toUpperCase()+'');
+ if ($(el).prev('p').length != 1) {
+ const languages_list = $('');
+ language_item.addClass('selected-lang');
+ $(el).before(languages_list.append(language_item));
+ } else {
+ $(el).parent().find('.info-language').append(language_item);
+ $(el).hide();
+ }
+ language_item.on('click', function() {
+ var new_lang = $(this).text().toLowerCase();
+ $(this).parent().parent().find('p').hide();
+ $(this).parent().parent().find('p[xml\\:lang="'+new_lang+'"]').show();
+ $(this).parent().find('.selected-lang').removeClass('selected-lang');
+ $(this).addClass('selected-lang');
+ });
+}
+
+//////////////
+// BACKEND //
+//////////////
+
+function validateTemplateClass() {
+ // validate
+ var class_name = $("input[name='class_name']").val();
+ var class_uris = $('#uri-container').find('input');
+ if (class_name == "" || class_uris.length == 0 ) {
+ alert("Name and URI must be filled out");
+
+ return false;
+ } else if ($("input[name='class_name']").hasClass('error-input')) {
+ console.log("B")
+ alert("Check your template Name");
+
+ return false;
+ } else {
+ document.getElementById('selectTemplateClass').submit();
+ }
+ // lookup for previous classes
+ // redirect to page - modify app py to accept object in Template class
+
+};
+
+////////////////
+// ADD RECORD //
+////////////////
+
+function colorForm() {
+ $('.searchWikidata').each( function() {
+ if ($(this).next('span').length > 0) {
+ $(this).removeAttr('placeholder');
+ $(this).parent().prev('.label').css('color','lightgrey');
+ $(this).parent().prev('.label').children('img').css('opacity','0.5');
+ $(this).nextAll('span').css('color','lightgrey').css('border-color','lightgrey');
+
+ $($(this).parent().parent()).hover(function(){
+ $(this).children().addClass('color_hover');
+ $(this).children().children('span').addClass('color_hover').addClass('bkg_hover');
+ }, function() {
+ $(this).children().removeClass('color_hover');
+ $(this).children().children('span').removeClass('color_hover').removeClass('bkg_hover');
+ });
+
+ } else {
+ $(this).parent().prev('.label').css('color','black');
+ $(this).parent().prev('.label').children('img').css('opacity','1');
+ $(this).nextAll('span').css('color','black').css('border-color','black');
+ };
+ });
+
+ $('.freeText').each( function() {
+ if ($(this).val().length > 0) {
+ $(this).parent().prev('.label').css('color','lightgrey');
+ $(this).parent().prev('.label').children('img').css('opacity','0.5');
+ $(this).css('color','lightgrey');
+ $($(this).parent().parent()).hover(function(){
+ $(this).children().addClass('color_hover');
+ $(this).children().children().addClass('color_hover');
+ }, function() {
+ $(this).children().removeClass('color_hover');
+ $(this).children().children().removeClass('color_hover');
+ });
+ } else {
+ $(this).parent().prev('.label').css('color','black');
+ $(this).parent().prev('.label').children('img').css('opacity','1');
+ $(this.value).css('color','black');
+ };
+ });
+};
+
+// delay a function
+function throttle(f, delay){
+ var timer = null;
+ return function(){
+ var context = this, args = arguments;
+ clearTimeout(timer);
+ timer = window.setTimeout(function(){
+ f.apply(context, args);
+ },
+ delay || 300);
+ };
+};
+
+
+//////////////////////////////
+// Query services functions //
+//////////////////////////////
+
+// Ancillary function: call VIAF API
+function callViafAPI(querySubstring, doneCallback){
+ var requestUrl = "https://viaf.org/viaf/AutoSuggest?query=" + querySubstring + "&callback=?";
+ $.getJSON(requestUrl, doneCallback);
+}
+
+// Ancillary function: make a SPARQL query (Wikidata/catalogue, for advanced search only)
+function makeSPARQLQuery( endpointUrl, sparqlQuery, doneCallback ) {
+ var settings = {
+ headers: {
+ Accept: 'application/sparql-results+json'},
+ data: { query: sparqlQuery }
+ };
+ return $.ajax( endpointUrl, settings ).then( doneCallback );
+}
+
+// Ancillary function: set #searchresult div position (css)
+function setSearchResult(searchterm){
+ var position = $('#'+searchterm).position();
+ var leftpos = position.left+80;
+ var offset = $('#'+searchterm).offset();
+ var height = $('#'+searchterm).height();
+ var width = $('#'+searchterm).width();
+ var top = offset.top + height + "px";
+ var right = offset.left + width + "px";
+
+ $('#searchresult').css( {
+ 'position': 'absolute',
+ 'margin-left': leftpos+'px',
+ 'top': top,
+ 'z-index':1000,
+ 'background-color': 'white',
+ 'border':'solid 1px grey',
+ 'max-width':'600px',
+ 'max-height': '300px',
+ 'overflow-y': 'auto'
+ });
+ $("#searchresult").empty();
+}
+
+// SEARCH GEONAMES
+// search in geonames and my catalogue
+function searchGeonames(searchterm) {
+ // wikidata autocomplete on keyup
+ $('#'+searchterm).keyup(function(e) {
+ $("#searchresult").show();
+ var q = $('#'+searchterm).val();
+
+ $.getJSON("http://api.geonames.org/searchJSON", {
+ q: q,
+ username: "palread",
+ maxRows: 10,
+ lang: "en",
+ uselang: "en",
+ format: "json",
+ },
+ function(data) {
+ // autocomplete positioning;
+ var offset = $('#'+searchterm).offset();
+ var leftpos = offset.left+15;
+ var height = $('#'+searchterm).height();
+ var top = offset.top + height + 15 + "px";
+ var max_width = '600px';
+
+
+ $('#searchresult').css( {
+ 'position': 'absolute',
+ 'margin-left': leftpos+'px',
+ 'top': top,
+ 'z-index':1000,
+ 'background-color': 'white',
+ 'border':'solid 1px grey',
+ 'max-width':max_width,
+ });
+ $("#searchresult").empty();
+
+ // catalogue lookup in case nothing is found
+ if(!data.geonames.length){
+ $("#searchresult").append(" select distinct ?s ?o ?desc "+inGraph+" where { ?s rdfs:label ?o . OPTIONAL { ?s rdfs:comment ?desc} . ?o bds:search '"+q+"*' .}"
+ var encoded = encodeURIComponent(query)
+ $.ajax({
+ type: 'GET',
+ url: myPublicEndpoint+'?query=' + encoded,
+ headers: { Accept: 'application/sparql-results+json'},
+ success: function(returnedJson) {
+ // $("#searchresult").empty();
+ console.log(returnedJson);
+ // if (!returnedJson.length) {
+ // // $("#searchresult").empty();
+ // $("#searchresult").append(" select distinct ?s ?o "+inGraph+" where { ?o bds:search '"+q+"*'. ?o bds:minRelevance '0.3'^^xsd:double . ?s rdfs:label ?o ; a ?class .}"
+ var encoded = encodeURIComponent(query)
+ if (q == '') { $("#searchresultmenu").hide();}
+ $.ajax({
+ type: 'GET',
+ url: myPublicEndpoint+'?query=' + encoded,
+ headers: { Accept: 'application/sparql-results+json; charset=utf-8'},
+ success: function(returnedJson) {
+ $("#searchresultmenu").empty();
+ // autocomplete positioning
+ setSearchResult(searchterm);
+
+ if (!returnedJson.length) {
+ $("#searchresultmenu").empty();
+ var nores = " select distinct ?s ?o where { ?o bds:search '"+query_term+"*'. ?o bds:minRelevance '0.3'^^xsd:double . ?s rdfs:label ?o ; a <"+resource_class+"> .}"
+ var encoded = encodeURIComponent(query);
+
+ // send the query request to the catalogue
+ $.ajax({
+ type: 'GET',
+ url: myPublicEndpoint + '?query=' + encoded,
+ headers: { Accept: 'application/sparql-results+json' },
+ success: function (returnedJson) {
+ $("#searchresult").empty();
+ var url = myPublicEndpoint + '?query=' + encoded
+ // show results
+ if (!returnedJson.results.bindings.length) {
+ $("#searchresult").append(" select distinct ?s ?o "+inGraph+" where { ?o bds:search '"+q+"*'. ?o bds:minRelevance '0.3'^^xsd:double . ?s rdfs:label ?o ; a ?class .}"
+ var encoded = encodeURIComponent(query);
+ $.ajax({
+ type: 'GET',
+ url: myPublicEndpoint + '?query=' + encoded,
+ headers: { Accept: 'application/sparql-results+json' },
+ success: function (returnedJson) {
+ // $("#searchresult").empty();
+ var url = myPublicEndpoint + '?query=' + encoded
+ console.log(url);
+ console.log(returnedJson);
+ // if (!returnedJson.length) {
+ // // $("#searchresult").empty();
+ // $("#searchresult").append("\
+ \
+
");
+ } else {
+ itemTable = $("table.url-table[data-input='"+searchterm+"']");
+ }
+
+ $('#'+searchterm).off('keyup').on('keyup', function(e) {
+
+ let regexURL = /(http|https)?(:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
+
+ if(e.which == 13 || e.which == 44) { // 44 code for commas
+ e.preventDefault();
+ var now = new Date().valueOf();
+ var newID = 'MD'+now;
+ // check the input value against the regex
+ if ($('#'+searchterm).val().length > 0 && regexURL.test($('#'+searchterm).val()) ) {
+ // generate iframe if requested
+ if (iframe) {
+ var url;
+ if (!$('#'+searchterm).val().startsWith("https://") && !$('#'+searchterm).val().startsWith("http://")) {
+ url = "https://" + $('#'+searchterm).val();
+ } else {
+ url = $('#'+searchterm).val();
+ }
+ itemTable.find('tbody').append($("\
+ "+$('#'+searchterm).val()+" \
+ \
+ \
+ \
+ \
+ "));
+ $('#'+searchterm).next('.tags-url').prepend(itemTable);
+ }
+ else {
+ itemTable.find('tbody').append($("\
+ "+$('#'+searchterm).val()+" \
+ \
+ \
+ \
+ \
+ "));
+ $('#'+searchterm).next('.tags-url').append(itemTable);
+ }
+
+ // popover Wayback Machine
+ var tooltip_save = '\
+ ';
+
+ var tooltip_saved = '\
+ ';
+
+ $('#'+searchterm).parent().append(tooltip_save);
+ $('#'+searchterm).parent().append(tooltip_saved);
+ $(".savetheweb").popover({
+ html: true,
+ title : "\
+ \
+
");
+ } else {
+ itemTable = $("table.url-table[data-input='"+searchterm+"']");
+ }
+
+ $('#'+searchterm).keypress(function(e) {
+ let regexURL = /(http|https)?(:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z0-9]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
+ let imageFormats = ["apng", "avif", "gif", "ico", "jpg", "jpeg", "jfif", "pjpeg", "pjp", "png", "svg", "webp"];
+ let audioFormats = ["mp3", "wav", "ogg"];
+ let videoFormats = ["mp4", "ogg", "webm"];
+ if(e.which == 13 || e.which == 44) { // 44 code for ,
+ e.preventDefault();
+ var now = new Date().valueOf();
+ var newID = 'MM'+now; // id for multimedia tags
+
+
+ if ($('#'+searchterm).val().length > 0 && regexURL.test($('#'+searchterm).val()) ) {
+ // IMAGE
+ if ($('#'+searchterm).hasClass("Image") && stringEndsWith($('#'+searchterm).val(), imageFormats)) {
+ itemTable.find('tbody').append($("\
+ "+$('#'+searchterm).val()+" \
+ \
+ \
+ \
+ \
+ "));
+ $('#'+searchterm).next('.tags-url').prepend(itemTable);
+ } // AUDIO
+ else if ($('#'+searchterm).hasClass("Audio") && stringEndsWith($('#'+searchterm).val(), audioFormats)) {
+ itemTable.find('tbody').append($("\
+ "+$('#'+searchterm).val()+" \
+ \
+ \
+ \
+ \
+ "));
+ $('#'+searchterm).next('.tags-url').prepend(itemTable);
+ } // VIDEO
+ else if ($('#'+searchterm).hasClass("Video") && stringEndsWith($('#'+searchterm).val(), videoFormats)) {
+ itemTable.find('tbody').append($("\
+ "+$('#'+searchterm).val()+" \
+ \
+ \
+ \
+ \
+ "));
+ $('#'+searchterm).next('.tags-url').prepend(itemTable);
+ }
+ else {
+ alert('Invalid File Format');
+ }
+ }
+ else if ($('#'+searchterm).val().length > 0 && !regexURL.test($('#'+searchterm).val()) ) {
+ alert('Insert a valid URL');
+ }
+ $('#'+searchterm).val('');
+ //colorForm();
+ };
+ });
+}
+
+// check whether the input url $('#'+searchterm).val() ends with a valid format
+function stringEndsWith(string, formatList) {
+ for (var i = 0; i < formatList.length; i++) {
+ var character = formatList[i];
+ if (string.endsWith(character)) {
+ return true;
+ }
+ }
+ return false;
+}
+
+// delete URLs input values
+function deleteUrlInput(el) {
+ if ($(el).parent().parent('tr').parent('tbody').find('tr').length === 1) {
+ $(el).parent().parent('tr').parent('tbody').parent('table').remove();
+ } else {
+ $(el).parent().parent('tr').remove();
+ }
+ return false
+}
+
+// expand URLs input value
+function expandUrlInput(event, el) {
+ event.preventDefault();
+ // retrieve the resource url
+ var url = $(el).parent().parent('tr').find('span').text();
+ if (!url.startsWith("https://") && !url.startsWith("http://")) {
+ url = "https://" + url;
+ }
+
+ var mediaType = $(el).attr('title').replace("expand-", "");
+ console.log(mediaType)
+ // create a modal preview
+ if (mediaType == "image") {
+ var modal = $(" select distinct ?s ?o "+inGraph+" where { ?s "+res_class+" rdfs:label ?o . ?o bds:search '"+q+"' .} LIMIT 5"
+ var encoded = encodeURIComponent(query);
+
+ $.ajax({
+ type: 'GET',
+ url: myPublicEndpoint+'?query=' + encoded,
+ headers: { Accept: 'application/sparql-results+json; charset=utf-8'},
+ success: function(returnedJson) {
+ $("#lookup").empty();
+ if (!returnedJson.results.bindings.length) {
+ //$("#lookup").append(" 0) {
+ var mainLang = $('#'+subrecordLabelField.attr('id').split('_')[0] + '_mainLang_' + code).val();
+ label = $('#'+subrecordLabelField.attr('id').split('_')[0]+'_'+mainLang+'_'+code).val();
+ }
+ }
+ var subrecordValueSpan = $(""+label+"")
+ var modifyButton = $('')
+ var deleteButton = $('')
+ clonedElementValues.push(subrecordValueSpan, modifyButton, deleteButton);
+ }
+
+ }
+
+
+ cloneElement.find('.input_or_select').eq(0).append(clonedElementValues);
+ subrecordForm.append(cloneElement);
+
+ })
+
+ // add knowledge extractor if required
+ var resourceTemplate = $('[data-subtemplate="'+resourceClass+'"').attr('data-subtemplateid');
+ console.log($('[data-subtemplate="'+resourceClass+'"'), resourceTemplate)
+ if (extractorsArray.includes(resourceTemplate)) {
+ generateExtractionField(subformId,subrecordForm);
+ }
+ if (cardinality==null) {
+ // subform accordion
+ const subrecordTitle = $("
\
+ Autocompletion\
+
\
+ '))
+ // generate input fields for Entities manual definition
+ $('input~.autocompletion-container .switch').on('click', function() {
+ console.log($(this).parent().prev())
+ $(this).parent().prev('div').toggleClass('active');
+ if (! $(this).find('input').prop('checked')) {
+ var inputField = $(this).parent().prev().prev('.searchWikidata');
+ var id = inputField.attr('id');
+ inputField.hide();
+ inputField.after($('URI'));
+ inputField.next().next().after($('Label'));
+
+ } else {
+ var inputField = $(this).parent().parent().find('.searchWikidata');
+ var id = inputField.attr('id');
+ console.log(inputField,id)
+ $('span.manual-entity[data-target="'+id+'"], span.manual-entity[data-target="'+id+'"]+input.manual-entity').remove();
+ inputField.show();
+
+ }
+ })
+ // hide placeholder if filled
+ //colorForm();
+
+ // style mandatory fields
+ $("[data-mandatory='True']").parent().prev(".label").find('.title').append("*")
+
+ // prevent POST when deleting records
+ $('.delete').click(function(e) {
+ var result = confirm("Are you sure you want to delete this record?");
+ if (result) { } else { e.preventDefault(); return false; };
+ });
+ // prevent POST when deleting templates
+ $('.delete_template').click(function(e) {
+ var result = confirm("Are you sure you want to delete the template? You will not be able to create new records with this template. Existing records using this template will not be deleted, but you will not be able to modify them.");
+ if (result) { } else { e.preventDefault(); return false; };
+ });
+
+ // change select aspect everywhere
+ $('section > select').addClass('custom-select');
+
+ // sort alphabetically in EXPLORE
+ $('.wrapAllparent').each(function () {
+ $(this).append("");
+ });
+
+ // hide intro message in explore section
+ $(".opentab").on("click", function(el) {
+ $(".intro_explore").hide();
+ $("main").css("background-color","#F5F6FA");
+ });
+
+ // tooltips
+ $('.tip').tooltip();
+
+
+
+ $('.tab-content .list').each(function () {
+ var letter = $('a', this).text().toUpperCase().charAt(0);
+ var encoded_letter = letter;
+ var data_target = this.id; // e.g. web_resource_T
+ var res_id = data_target.substring(0, data_target.length - 2); // e.g. web_resource
+ if (!/[A-Za-z0-9]/.test(letter)) {
+ // bootstrap.min.js cannot handle non-alphanumerical characters, including %
+ //→ replace them with an encoded string.
+ encoded_letter = encodeURIComponent(letter).replace("%", "_");
+ data_target = res_id + "_" + encoded_letter;
+ }
+ if (!$(this).parent().find('[data-letter="'+ encoded_letter +'"][id="'+ data_target +'"]').length) {
+ $(this).parent().append('');
+ $(this).parent().parent().find($('.alphabet')).append(''+ letter +'');
+ };
+ $(this).parent().find('[data-letter="'+ encoded_letter +'"]').append(this);
+ $('.toBeWrapped.'+res_id).each(function() {
+ console.log(res_id)
+ if (!$(this).parent().hasClass('accordion-group')) {
+ $(this).wrapAll("");
+
+ }
+ });
+
+ });
+ //$(".wrapAllparent").children(".toBeWrapped").wrapAll("");
+ // $('.toBeWrapped').each(function () {
+ // $(this).wrapAll("");
+ // });
+
+
+ // sort alphabet list
+ const alphabets = document.querySelectorAll(`[id^="alphabet"]`);
+ alphabets.forEach(element => { sortList(element.id); });
+
+ // focus on click
+ $('.resource_collapse').on('click', function (e) {
+ $(e.currentTarget).parent('span').addClass('active');
+ });
+
+ // close other dropdowns when opening one
+ var $myGroup = $('.accordion-group');
+ $('.collapse').on('show.bs.collapse', function () {
+ $('.resource_collapse').parent('span').removeClass('active');
+ $('.info_collapse').removeClass('alphaActive');
+ $myGroup.find('.collapse').collapse('hide');
+ var id = $(this).attr('id');
+ var dropLabel = $('.resource_collapse[data-target="#'+id+'"]');
+ dropLabel.parent('span').addClass('active');
+ // in browse by name the label of the tab is different
+ var alphaLabel = $('.info_collapse[data-target="#'+id+'"]');
+ alphaLabel.addClass('alphaActive');
+ });
+
+ // show more in EXPLORE
+ $(".showMore").hide();
+
+ // trigger tabs in EXPLORE
+ var triggerTabList = [].slice.call(document.querySelectorAll('#resource_classes_tab a'))
+ triggerTabList.forEach(function (triggerEl) {
+ var tabTrigger = new bootstrap.Tab(triggerEl)
+
+ triggerEl.addEventListener('click', function (event) {
+ event.preventDefault()
+ tabTrigger.show()
+ })
+ });
+ // show related resources in "term" page
+ $(".showRes").on("click", {count: $(".showRes").data("count"), uri: $(".showRes").data("uri"), limit_query: $(".showRes").data("limit"), offset_query: $(".showRes").data("offset")}, searchResources);
+
+ // sortable blocks in TEMPLATE setup
+ moveUpAndDown() ;
+
+ // remove fields from form TEMPLATE
+ $(".trash").click(function(e){
+ e.preventDefault();
+ $(this).parent().remove();
+ });
+
+ // detect URLs in inputs - popup send to wayback machine
+ detectInputWebPage("detect_web_page");
+
+ // language tags handling
+ $('[lang]').each(function() {
+ modify_lang_inputs($(this));
+ });
+
+ // multiple languages final visualization
+ $('.info-item [xml\\:lang]').each(function(){
+ visualize_subrecord_literals($(this));
+ })
+
+ // visualize subrecords ('Subtemplate' fields)
+ $('.subtemplateField').each(function() {
+ visualize_subrecord($(this));
+ });
+
+ // display subtemplates ('Subtemplate' fields)
+ $("[data-subtemplate]").each(function() {
+ // get the class of the subtemplate and its fields
+ var subtemplateClass = $(this).attr("data-subtemplate");
+ var subtemplateFields = $('[data-class="'+subtemplateClass+'"]');
+ var subtemplateId = $(this).attr('id');
+ var fieldName = $(this).parent().prev().text();
+
+ /* if ($(this).hasClass("oneValue")) {
+ // merged subtemplates: hide the 'subtemplate' field then link it to its sub-fields
+ $(this).parent().parent().hide();
+ $(this).attr('type', 'hidden');
+ var formId = $('.corners form').attr('id'); // either 'recordForm' or 'modifyForm'
+ var allowDataReuse = $(this).hasClass('allowDataReuse');
+
+ // define a new id (timespan) for the subrecord or retrieve the existing one
+ let subformId = '';
+ var now = new Date().valueOf();
+ var timespanId = (now / 1000).toString().replace('.', '-');
+ if($(this).next('span').next('.hiddenInput').length) {
+ var existingSubform = $(this).next().next().val();
+ subformId = existingSubform.split(',')[0];
+ } else {
+ subformId = timespanId;
+ }
+ console.log(subtemplateFields);
+ // adapt the subrecord's input fields to the defined schema
+ subtemplateFields.each(function() {
+ if (allowDataReuse) {
+ console.log(this);
+ var rdfProperty = $(this).attr('data-property');
+ console.log(rdfProperty)
+ var upperLevelClass = $('[data-subtemplate="'+$(this).attr('data-class')+'"]').attr('data-class');
+ console.log(upperLevelClass)
+ if ($('[data-class="'+upperLevelClass+'"][data-property="'+rdfProperty+'"]').length > 0) {
+ $(this).parent().parent().hide();
+ }
+ }
+ var baseId = $(this).attr('id').split('_')[0];
+
+ // subrecord's input fields and the main language hidden input must be like: 'inputFieldID_subrecordID'
+ if (formId === 'recordForm') {
+ // modify the main language id for primary keys
+ if ($(this).hasClass('disambiguate')) {
+ var mainLangInputId = baseId+'_mainLang_'+subformId;
+ $('#'+baseId+'_mainLang').attr('id', mainLangInputId);
+ $('#'+mainLangInputId).attr('name',mainLangInputId);
+ }
+ // modify sub-fields' ids
+ $(this).attr('id', $(this).attr('id')+"_"+subformId);
+ $(this).attr('name', $(this).attr('id'));
+ $(this).attr('data-subform',subformId);
+ }
+
+ // modify show_language onclick (literal input fields)
+ $('#'+'languages-'+baseId).find('a').each(function() {
+ var onclickAttr = $(this).attr('onclick');
+ var regex = /'([^"]*)'/g;
+ var originalIdExtended = onclickAttr.match(regex)[0];
+ var originalId = originalIdExtended.substring(1, originalIdExtended.length-1)
+ $(this).attr('onclick', onclickAttr.replace(originalId, originalId+'_'+subformId));
+ });
+ });
+
+ // associate the 'Subtemplate' input field to its Subrecord
+ var hiddenSubrecordLink = $('');
+ $('#'+formId).append(hiddenSubrecordLink);
+
+ // check if a subrecord is already associated with this 'subtemplate' field and fill the subtemplate with its data
+ if(subformId !== timespanId) {
+ $(this).next().hide();
+ $(this).next().next().remove();
+ var currentUrl = window.location.href.split("/");
+ var currentAction = currentUrl[currentUrl.length-1].split("-")[0]; // modify or review
+ var requestUrl = '/'+currentAction+"-"+subformId;
+ $.ajax({
+ type:'GET',
+ url:requestUrl,
+ dataType:"html",
+ success:function(data) {
+ subtemplateFields.each(function() {
+ var subtemplateFieldId = $(this).attr('id');
+ var idRoot = subtemplateFieldId.split('_')[0];
+ var cloneElements = $(data).find('[id^="'+idRoot+'"]').parent();
+ let mainLang = '';
+ if (cloneElements.find('#'+idRoot+'_mainLang').length) { mainLang = cloneElements.find('#'+idRoot+'_mainLang').val().toUpperCase()}
+ cloneElements.find('input').each(function() {
+ cloneId = $(this).attr('name')+'_'+subformId;
+ $(this).attr('name', cloneId);
+ $(this).attr('id', cloneId);
+ $(this).addClass('subrecord-field');
+ $(this).attr('data-subform', subformId)
+ });
+ $(this).parent().replaceWith(cloneElements);
+ cloneElements.find('[lang]').each(function() {
+ modify_lang_inputs($(this));
+ });
+ cloneElements.parent().find('.main-lang').removeClass('main-lang');
+ cloneElements.parent().find('[title="text language: '+mainLang+'"]').addClass('main-lang');
+ });
+ }
+ });
+ }
+ } */
+ /* else { */
+ // multiple subtemplates
+ $(this).hide();
+
+ // get the class of the subtemplate and hide it, then clone each field before creating a subrecord
+ subtemplateFields.each(function() {
+ // mark the original input fields to be easily recognised and retrieved when necessary
+ // hide them to not be displayed in the back-end input dictionary
+ $(this).addClass('original-subtemplate');
+ $(this).parent().parent().hide();
+ var name = $(this).parent().prev().find('span').text().trim().replace('**','');
+ $('.fields-list li').each(function() {
+ if ($(this).text().trim() === name) {
+ $(this).remove();
+ }
+ });
+ console.log(name)
+ });
+ // get the display name assigned to the 'Subtemplate' field and create a button for adding new subrecords
+ var fieldName = $(this).parent().prev().text();
+ const createBtn = $('playlist_add Define a new'+fieldName+'');
+ createBtn.on('click', function() {
+ createSubrecord(subtemplateClass,fieldName,createBtn)
+ });
+
+ if ($(this).hasClass("oneValue")) {
+ let subformId;
+ var now = new Date().valueOf();
+ var timespanId = (now / 1000).toString().replace('.', '-');
+ if($(this).next('span').next('.hiddenInput').length) {
+ var existingSubform = $(this).next().next().val();
+ subformId = existingSubform.split(',')[0];
+ } else {
+ subformId = timespanId;
+ }
+
+ var hiddenSubrecordLink = $('');
+ $('#modifyForm, #recordForm').append(hiddenSubrecordLink);
+
+ $(this).after(createBtn);
+ createSubrecord(subtemplateClass,fieldName,createBtn,subformId,"oneValue");
+ createBtn.remove();
+
+
+ } else {
+ $(this).after(createBtn);
+ }
+
+
+ // create hidden fields to store subrecords information when loading a previously created Record (only in modify/review page)
+ if ($('.corners form').attr('id') === "modifyForm") {
+ var subtemplateFieldId = $(this).attr('id');
+ var subrecords = "";
+ $('[data-input="'+subtemplateFieldId+'"').each(function() {
+ subrecords+=$(this).attr('id')+";"+$(this).text()+",";
+ })
+ $('#modifyForm').append('');
+
+ }
+ /* } */
+ });
+
+ $('textarea').each(function() {
+ $(this).on('click', nlpText($(this).attr('id')))
+ })
+
+});
+
+$(window).on('resize', function() {
+
+ $('.tips-div').each(function() {
+ var target = $(this).attr('data-target');
+ var yasqeObj = $('#'+target+'>.yasqe');
+ var offset = yasqeObj.offset();
+ var left = offset.left;
+ var top = offset.top;
+ var width = yasqeObj.width()+1;
+ var height = yasqeObj.height();
+
+ $(this).css({
+ left: left+"px",
+ top: top+"px",
+ width: width+"px",
+ height: height+"px",
+ position: "absolute",
+ "z-index": "5",
+ "background-color": "white",
+ border: "1px solid #D1D1D1",
+ })
+ })
+});
+
+
+/////////////////////////
+// MULTIPLE LANGUAGES ///
+/////////////////////////
+function modify_lang_inputs(el) {
+ var base_id = $(el).attr('id').split('_')[0];
+
+
+ // check if it's first of type
+ if ($(el).is('[lang]:first-of-type')) {
+ $(el).parent().prev().append($('translate'));
+
+ if (!($(el).hasClass('subrecord-field'))) {
+ var new_id = base_id+"_"+$(el).attr('lang');
+ $(el).attr('name',new_id);
+ $(el).attr('id',new_id);
+ var lang = $(el).attr('lang').toUpperCase();
+ const languages_list = $('');
+ const first_lang = $(''+lang+'');
+
+ // primary keys: specify main language
+ if ($(el).hasClass('disambiguate')) {
+ if ($('#'+base_id+'_mainLang').length == 0) {
+ const hidden_main_lang = $('')
+ $(el).after(hidden_main_lang);
+ first_lang.addClass('main-lang');
+ } else if ($('#'+base_id+'_mainLang').val() === $(el).attr('lang')) {
+ first_lang.addClass('main-lang');
+ }
+ }
+ languages_list.append(first_lang);
+ $(el).before(languages_list);
+ }
+ }
+ else {
+
+ // language tags handling: other lang (only in modify and review)
+ const main_lang = $('#'+base_id+'_mainLang').val();
+ var lang = $(el).attr('lang');
+ const languages_list = $('#languages-'+base_id);
+ const other_lang = $(''+lang.toUpperCase()+'');
+ if ($(el).hasClass('disambiguate') && lang===main_lang) {
+ var first_lang = languages_list.find('i').next('a');
+ other_lang.addClass('main-lang');
+ other_lang.addClass('selected-lang');
+ first_lang.removeClass('selected-lang');
+ first_lang.before(other_lang);
+ $('#'+base_id+'_'+first_lang.text().toLowerCase()).hide();
+ $(el).show();
+ } else {
+ languages_list.append(other_lang);
+ $(el).hide();
+ }
+ label_section.append(languages_list);
+ }
+}
+
+function language_form(el) {
+ if ($('#lang-form').length > 0) {
+ $('#lang-form').remove()
+ } else {
+ var height = $(el).offset().top + 32 + "px";
+ var left = $(el).offset().left - 13 +"px";
+ var current_lang = $(el).parent().next().find('.selected-lang').text().toLowerCase();
+ var input = $(el).parent().next().find('textarea, input').filter(':visible');
+ var field_id = input.attr('id');
+
+ // set a variable to modify the subrecord's list of fields in case the textbox is part of a subtemplate
+ var subform = $('#'+field_id).attr('data-subform');
+ var modify_subform = subform ? subform : null
+
+
+ const lang_form = $('');
+ const change_language = $('No matches in Geonames... looking in the catalogue
");
+ // remove messages after 3 seconds
+ setTimeout(function(){
+ if ($('.noresults').length > 0) {
+ $('.noresults').remove();
+ }
+ }, 3000);
+
+ var query = "prefix bds: No results in Wikidata and catalogue
");
+ // // remove messages after 3 seconds
+ // setTimeout(function(){ if ($('.noresults').length > 0) { $('.noresults').remove(); } }, 3000);
+ // };
+
+ for (i = 0; i < returnedJson.results.bindings.length; i++) {
+ var myUrl = returnedJson.results.bindings[i].s.value;
+ // exclude named graphs from results
+ if ( myUrl.substring(myUrl.length-1) != "/") {
+ var resID = myUrl.substr(myUrl.lastIndexOf('/') + 1)
+ if (returnedJson.results.bindings[i].desc !== undefined) {var desc = '- '+returnedJson.results.bindings[i].desc.value} else {var desc = ''}
+ $("#searchresult").append(" " + returnedJson.results.bindings[i].o.value + " " + desc + "
");
+ };
+ };
+
+ // add tag if the user chooses an item from the catalogue
+ $('a[data-id^="'+base+'"]').each( function() {
+ $(this).bind('click', function(e) {
+ e.preventDefault();
+ var oldID = this.getAttribute('data-id').substr(this.getAttribute('data-id').lastIndexOf('/') + 1);
+ var oldLabel = $(this).text();
+ $('#'+searchterm).after(""+oldLabel+"");
+ $("#searchresult").hide();
+ $('#'+searchterm).val('');
+ });
+
+ });
+
+ }
+ });
+ // end my catalogue
+ };
+
+ // fill the dropdown
+ $.each(data.geonames, function(i, item) {
+ $("#searchresult").append(" " + item.name + " - " + item.adminName1 + ", "+ item.countryCode+ "
");
+
+ // add tag if the user chooses an item from wd
+ $('a[data-id="'+ item.geonameId+'"]').each( function() {
+ $(this).bind('click', function(e) {
+ e.preventDefault();
+ $('#'+searchterm).after(""+item.name+"");
+ $("#searchresult").hide();
+ $('#'+searchterm).val('');
+ //colorForm();
+ });
+
+ });
+ });
+ }
+ );
+ });
+
+ // if the user presses enter - create a new entity
+ $('#'+searchterm).keypress(function(e) {
+ if(e.which == 13) {
+ e.preventDefault();
+ var now = new Date().valueOf();
+ var newID = 'MD'+now;
+ if (!$('#'+searchterm).val() == '') {
+ $('#'+searchterm).after(""+$('#'+searchterm).val()+"");
+ };
+ $("#searchresult").hide();
+ $('#'+searchterm).val('');
+ //colorForm();
+ };
+ });
+};
+
+// SEARCH CATALOGUE
+// search bar menu
+function searchCatalogue(searchterm) {
+ $('#'+searchterm).keyup(function(e) {
+ $("#searchresultmenu").show();
+ var q = $('#'+searchterm).val();
+ var query = "prefix bds: Searching...
";
+ $("#searchresultmenu").append(nores);
+ // remove messages after 1 second
+ setTimeout(function(){
+ if ($('.noresults').length > 0) {
+ $('.noresults').remove();
+ }
+ }, 1000);
+ };
+
+ for (i = 0; i < returnedJson.results.bindings.length; i++) {
+ var myUrl = returnedJson.results.bindings[i].s.value;
+ // exclude named graphs from results
+ if ( myUrl.substring(myUrl.length-1) != "/") {
+ var resID = myUrl.substr(myUrl.lastIndexOf('/') + 1)
+ $("#searchresultmenu").append("");
+ };
+ };
+
+ }
+ });
+ });
+};
+
+// search catalogue through advanced triple patterns
+function searchCatalogueAdvanced(searchterm) {
+ let newSparqlQuery = "";
+ var rawQuery = query_templates[searchterm];
+ var sparqlQuery = rawQuery.replaceAll('<','<').replaceAll('>','>').replaceAll(/"/g, '"');
+ var endpointUrl = myPublicEndpoint;
+
+ $('#'+searchterm).off('keyup').on('keyup', function() {
+ $("#searchresult").show();
+ setSearchResult(searchterm);
+ $("#searchresult").empty();
+
+ var value = $('#'+searchterm).val().toLowerCase();
+ newSparqlQuery = sparqlQuery.replace("insertQueryTerm",value);
+
+ if (value.length>0) {
+ makeSPARQLQuery( endpointUrl, newSparqlQuery, function( data ) {
+ $("#searchresult").empty();
+ data.results.bindings.forEach(function(obj,idx) {
+ let idSplit = obj.item.value.split('/');
+ var catalogueId = idSplit[idSplit.length-1];
+ if ($('#searchresult [data-id="'+catalogueId+'"]').length == 0) {
+ var newItemDiv = $('');
+ newItemDiv.find('[data-id]').bind('click', function(e) {
+ e.preventDefault();
+ var oldID = $(this).attr('data-id').substr(this.getAttribute('data-id').lastIndexOf('/') + 1);
+ var oldLabel = $(this).text();
+ $('#' + searchterm).after("" + oldLabel + "");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ });
+ $("#searchresult").append(newItemDiv);
+ };
+ });
+ if ($("#searchresult div").length == 0 && value.length <= 3){
+ $("#searchresult").append('No matches found: try to type more characters
')
+ } else if ($("#searchresult div").length == 0){
+ $("#searchresult").append('No matches found
')
+ };
+
+ });
+ }
+ });
+
+}
+
+// search catalogue's records belonging to a desired class
+function searchCatalogueByClass(searchterm) {
+ // get the required class
+ var resource_class = $('#'+searchterm).attr('subtemplate');
+
+ // get an array of subrecords created within the same webpage and not saved yet:
+ // they must belong to the same required class
+ var yet_to_save_keys = [];
+ var yet_to_save_resources = [];
+ $('.disambiguate[class*="' + resource_class + '"]').each(function() {
+ yet_to_save_keys.push($(this).val());
+ var key_id = $(this).attr('id');
+ var subrecord = $('input[type="hidden"][value*="'+key_id+'"]');
+ yet_to_save_resources.push(subrecord.attr('id'));
+ });
+
+ // on key up look for suggestions based on the new input string
+ $('#'+searchterm).keyup(function(e) {
+ var useful_yet_to_save_keys = yet_to_save_keys.filter(function(value) {
+ return value.toLowerCase().includes($('#'+searchterm).val().toLowerCase()) && value.trim() !== '';
+ });
+
+ // autocomplete positioning;
+ var offset = $('#'+searchterm).offset();
+ var leftpos = offset.left+15;
+ var height = $('#'+searchterm).height();
+ var top = offset.top + height + "px";
+ var max_width = '600px';
+ $('#searchresult').css( {
+ 'position': 'absolute',
+ 'margin-left': leftpos+'px',
+ 'top': top,
+ 'z-index':1000,
+ 'background-color': 'white',
+ 'border':'solid 1px grey',
+ 'max-width':max_width,
+ });
+ $("#searchresult").show();
+
+ // prepare the query
+ var query_term = $('#'+searchterm).val();
+ var query = "prefix bds: No results in catalogue
");
+ // remove messages after 3 seconds
+ setTimeout(function(){ if ($('.noresults').length > 0) { $('.noresults').remove(); } }, 3000);
+ } else {
+ for (let i = 0; i < returnedJson.results.bindings.length; i++) {
+ // get the URL and the label for each retrieved element
+ var myUrl = returnedJson.results.bindings[i].s.value;
+ var resID = myUrl.substr(myUrl.lastIndexOf('/') + 1);
+ $("#searchresult").append("");
+ }
+ }
+
+ // add tag if the user chooses an item from the catalogue
+ $('a[data-id^="' + base + '"]').each(function () {
+ $(this).bind('click', function (e) {
+ e.preventDefault();
+ var oldID = this.getAttribute('data-id').substr(this.getAttribute('data-id').lastIndexOf('/') + 1);
+ var oldLabel = $(this).text();
+ $('#' + searchterm).next('i').after(""+oldLabel+"");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ if ($('[name="'+searchterm+'-subrecords"]').length) {
+ $('[name="'+searchterm+'-subrecords"]').val($('[name="'+searchterm+'-subrecords"]').val()+","+oldID+";"+oldLabel);
+ } else {
+ const new_sub = $("")
+ $('#recordForm').append(new_sub)
+ }
+ });
+
+ });;
+
+ // once external resources have been added, include newly created resources (yet to be saved)
+ for (let j = 0; j < useful_yet_to_save_keys.length; j++) {
+ var resource_id = yet_to_save_resources[j];
+ var resource_name = useful_yet_to_save_keys[j];
+ $('#searchresult').append("")
+ }
+
+ // add tag if the user chooses an item from yet to save resources
+ $('a[target]').each(function () {
+ $(this).bind('click', function (e) {
+ e.preventDefault();
+ var target = $(this).attr('target');
+ var label = $(this).text();
+ $('#' + searchterm).next('i').after("" + label + "");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ if ($('[name="'+searchterm+'-subrecords"]').length) {
+ $('[name="'+searchterm+'-subrecords"]').val($('[name="'+searchterm+'-subrecords"]').val()+","+target+";"+label);
+ } else {
+ const new_sub = $("")
+ $('#recordForm').append(new_sub)
+ }
+ });
+
+ });
+ },
+ error: function (error) {
+ reject(error);
+ }
+ });
+ })
+};
+
+// a function to look through the catalogue while querying Wikidata and VIAF
+function searchCatalogueIntermediate(q) {
+ return new Promise(function(resolve, reject) {
+ var query = "prefix bds: No results in Wikidata and catalogue
");
+ // // remove messages after 3 seconds
+ // setTimeout(function(){ if ($('.noresults').length > 0) { $('.noresults').remove(); } }, 3000);
+ // };
+ resolve(returnedJson.results.bindings);
+ },
+ error: function (error) {
+ reject(error);
+ }
+ });
+ });
+}
+
+// SEARCH WIKIDATA (includes SEARCH VIAF)
+// search in wikidata, viaf and my catalogue
+function searchWD(searchterm) {
+ // wikidata autocomplete on keyup
+ $('#'+searchterm).keyup(function(e) {
+ $("#searchresult").show();
+ var q = $('#'+searchterm).val();
+
+ $.getJSON("https://www.wikidata.org/w/api.php?callback=?", {
+ search: q,
+ action: "wbsearchentities",
+ language: "en",
+ uselang: "en",
+ format: "json",
+ strictlanguage: true,
+ limit: 5,
+ },
+ function(data) {
+ // autocomplete positioning;
+ var height = $('#'+searchterm).height();
+ var offset = $('#'+searchterm).offset();
+ var leftpos = offset.left+15;
+ var top = offset.top + height + 15 + "px";
+ var max_width = '600px';
+ console.log(max_width);
+
+ $('#searchresult').css( {
+ 'position': 'absolute',
+ 'margin-left': leftpos+'px',
+ 'top': top,
+ 'z-index':1000,
+ 'background-color': 'white',
+ 'border':'solid 1px grey',
+ 'max-width':max_width,
+ });
+ $("#searchresult").empty();
+
+ // VIAF lookup in case nothing is found in Wikidata
+ if (!data.search || !data.search.length) {
+ callViafAPI(q, function (viafData) {
+ if (viafData.result) {
+ // to avoid repetitions of the same element: $("#searchresult").find("[data-id="+item.viafid+"]").length === 0
+ $.each(viafData.result, function (i, item) {
+ if ($("#searchresult").find("[data-id="+item.viafid+"]").length === 0 && $("#searchresult > .viafitem").length <5) {
+ $("#searchresult").append(""); // no item.DESCRIPTION!
+
+ // add tag if the user chooses an item from viaf
+ $('a[data-id="' + item.viafid + '"]').each(function () {
+ $(this).bind('click', function (e) {
+ e.preventDefault();
+ var input_name = (searchterm.split('_').length == 2) ? searchterm.split('')[0] + item.viafid + searchterm.split('_')[1] : searchterm + '-' + item.viafid;
+ $('#' + searchterm).next('div').append("" + item.term + "");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ //colorForm();
+ });
+ });
+
+ }
+ });
+ }
+ else if ($('#' + searchterm).val().length > 0) {
+ $("#searchresult").append("No matches in Wikidata and VIAF
");
+ // remove messages after 3 seconds
+ setTimeout(function () {
+ if ($('.noresults').length > 0) {
+ $('.noresults').remove();
+ }
+ }, 3000);
+ }
+ });
+ } else {
+ // fill the dropdown with WD results
+ $.each(data.search, function (i, item) {
+ $("#searchresult").append("" + wdImgIcon + " " + item.label + " - " + item.description + "
");
+
+ // add tag if the user chooses an item from wd
+ $('a[data-id="' + item.title + '"]').each(function () {
+ $(this).bind('click', function (e) {
+ e.preventDefault();
+ var input_name = (searchterm.split('_').length == 2) ? searchterm.split('_')[0] + "_" + item.title + "_" + searchterm.split('_')[1] : searchterm + '_' + item.title;
+ $('#' + searchterm).next('div').append("" + item.label + "");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ //colorForm();
+ });
+ });
+ });
+ }
+
+ // look for the query term in the catalogue (regardless of VIAF and WD results)
+ var cataloguePromise = searchCatalogueIntermediate(q)
+ cataloguePromise.then(function(catalogueEntries) {
+ $(".fromCatalogue").remove(); // to remove previously retrieved elements
+ for (i = 0; i < catalogueEntries.length; i++) {
+ var myUrl = catalogueEntries[i].s.value;
+ console.log(catalogueEntries)
+ // exclude named graphs from results
+ if (myUrl.substring(myUrl.length - 1) != "/") {
+ var resID = myUrl.substr(myUrl.lastIndexOf('/') + 1);
+ if (catalogueEntries[i].desc !== undefined) {
+ var desc = '- ' + catalogueEntries[i].desc.value;
+ } else {
+ var desc = '';
+ }
+ if ($("#searchresult div.wditem a[data-id='" + catalogueEntries[i].s.value + "']").length == 0) {
+ $("#searchresult").append(" " + catalogueEntries[i].o.value + " " + desc + "
");
+ }
+ }
+ }
+
+ // add tag if the user chooses an item from the catalogue
+ $('a[data-id^="' + base + '"]').each(function () {
+ $(this).bind('click', function (e) {
+ e.preventDefault();
+ var oldID = this.getAttribute('data-id').substr(this.getAttribute('data-id').lastIndexOf('/') + 1);
+ var oldLabel = $(this).text();
+ $('#' + searchterm).next('div').append("" + oldLabel + "");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ });
+
+ });
+ })
+
+ // end catalogue
+
+ })
+ });
+
+ // if the user presses enter - create a new entity
+ $('#'+searchterm).keypress(function(e) {
+ if(e.which == 13) {
+ e.preventDefault();
+ var now = new Date().valueOf();
+ var newID = 'MD'+now;
+ if (!$('#'+searchterm).val() == '') {
+ $('#'+searchterm).after(""+$('#'+searchterm).val()+"");
+ };
+ $("#searchresult").hide();
+ $('#'+searchterm).val('');
+ //colorForm();
+ };
+ });
+};
+
+// search Wikidata with SPARQL patterns
+function searchWDAdvanced(searchterm) {
+ let newSparqlQuery = "";
+ var rawQuery = query_templates[searchterm];
+ var sparqlQuery = rawQuery.replaceAll('<','<').replaceAll('>','>').replaceAll(/"/g, '"');
+ var endpointUrl = wikidataEndpoint;
+
+ $('#'+searchterm).off('keyup').on('keyup', function() {
+ $("#searchresult").show();
+ setSearchResult(searchterm);
+ var value = $('#'+searchterm).val().toLowerCase();
+ newSparqlQuery = sparqlQuery.replace("insertQueryTerm",value);
+
+
+ if (value.length>0) {
+ makeSPARQLQuery( endpointUrl, newSparqlQuery, function( data ) {
+ $("#searchresult").empty();
+ data.results.bindings.forEach(function(obj,idx) {
+ let idSplit = obj.item.value.split('/');
+ var wdId = idSplit[idSplit.length-1];
+ var newItemDiv = $(''+wdImgIcon+' '+obj.itemLabel.value+' - '+obj.itemDescription.value+'
');
+ newItemDiv.find('[data-id]').bind('click', function(e) {
+ e.preventDefault();
+ var oldID = $(this).attr('data-id').substr(this.getAttribute('data-id').lastIndexOf('/') + 1);
+ var oldLabel = $(this).text();
+ $('#' + searchterm).after("" + oldLabel + "");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ });
+ $("#searchresult").append(newItemDiv);
+ });
+ if (!data.results.bindings.length){
+ $("#searchresult").append('No matches in Wikidata: try to type more characters
');
+
+ // search for results in VIAF and CATALOGUE in case no result is returned by WD:
+ // VIAF:
+ callViafAPI(value, function(viafData) {
+ if (viafData.result) {
+ // to avoid repetitions of the same element: $("#searchresult").find("[data-id="+item.viafid+"]").length === 0
+ $.each(viafData.result, function (i, item) {
+ if ($("#searchresult").find("[data-id="+item.viafid+"]").length === 0 && $("#searchresult > .viafitem").length <5) {
+ $("#searchresult").append(""); // no item.DESCRIPTION!
+
+ // add tag if the user chooses an item from viaf
+ $('a[data-id="' + item.viafid + '"]').each(function () {
+ $(this).bind('click', function (e) {
+ e.preventDefault();
+ var input_name = (searchterm.split('_').length == 2) ? searchterm.split('')[0] + item.viafid + searchterm.split('_')[1] : searchterm + '-' + item.viafid;
+ $('#' + searchterm).after("" + item.term + "");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ });
+ });
+
+ }
+ });
+ }
+ });
+ // CATALOGUE:
+ var catalogueSearchPromise = searchCatalogueIntermediate(value)
+ catalogeRequest = catalogueSearchPromise.then(function(catalogueData) {
+ $(".fromCatalogue").remove(); // to remove previously retrieved elements
+ $.each(catalogueData, function (i, item) {
+ var myUrl = item.s.value;
+ // exclude named graphs from results
+ if (myUrl.substring(myUrl.length - 1) != "/") {
+ var resID = myUrl.substr(myUrl.lastIndexOf('/') + 1);
+ if (item.desc !== undefined) {
+ var desc = '- ' + catalogueEntries[i].desc.value;
+ } else {
+ var desc = '';
+ }
+ if ($("#searchresult div.wditem a[data-id='" + item.s.value + "']").length == 0) {
+ $("#searchresult").append(" " + item.o.value + " " + desc + "
");
+ }
+ }
+ });
+
+ // add tag if the user chooses an item from the catalogue
+ $('a[data-id^="' + base + '"]').each(function () {
+ $(this).bind('click', function (e) {
+ e.preventDefault();
+ var oldID = this.getAttribute('data-id').substr(this.getAttribute('data-id').lastIndexOf('/') + 1);
+ var oldLabel = $(this).text();
+ $('#' + searchterm).after("" + oldLabel + "");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ });
+
+ });
+ })
+ }
+ });
+ }
+
+ });
+}
+
+// search for entities through SPARQL triple patterns in Wikidata and Catalogue
+function searchWDCatalogueAdvanced(searchterm){
+ let newSparqlQueryWD = "";
+ let newSparqlQueryCatalogue = "";
+ var rawQueryWD = query_templates[searchterm]['wikidata'];
+ var rawQueryCatalogue = query_templates[searchterm]['catalogue'];
+ var sparqlQueryWD = rawQueryWD.replaceAll('<','<').replaceAll('>','>').replaceAll(/"/g, '"');
+ var sparqlQueryCatalogue = rawQueryCatalogue.replaceAll('<','<').replaceAll('>','>').replaceAll(/"/g, '"');
+
+ $('#'+searchterm).off('keyup').on('keyup', function() {
+ $("#searchresult").show();
+ setSearchResult(searchterm);
+ var value = $('#'+searchterm).val().toLowerCase();
+ newSparqlQueryWD = sparqlQueryWD.replace("insertQueryTerm",value);
+ newSparqlQueryCatalogue = sparqlQueryCatalogue.replace("insertQueryTerm",value);
+
+ if (value.length>0) {
+ $("#searchresult").empty();
+ requestWD = makeSPARQLQuery( myPublicEndpoint.replace('/sparql','/wd'), newSparqlQueryWD, function( data ) {
+ data.results.bindings.forEach(function(obj,idx) {
+ let idSplit = obj.item.value.split('/');
+ var wdId = idSplit[idSplit.length-1];
+ var newItemDiv = $(''+wdImgIcon+' '+obj.itemLabel.value+' - '+obj.itemDescription.value+'
');
+ newItemDiv.find('[data-id]').bind('click', function(e) {
+ e.preventDefault();
+ var oldID = $(this).attr('data-id').substr(this.getAttribute('data-id').lastIndexOf('/') + 1);
+ var oldLabel = $(this).text();
+ $('#' + searchterm).after("" + oldLabel + "");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ });
+ $("#searchresult").append(newItemDiv);
+ });
+ // call VIAF API in case no result is available in WD
+ if (!data.search || !data.search.length) {
+ callViafAPI(value, function (viafData) {
+ if (viafData.result && $('#'+searchterm).val().toLowerCase() === value && $("#searchresult div").length === 0) {
+ // to avoid repetitions of the same element: $("#searchresult").find("[data-id="+item.viafid+"]").length === 0
+ $.each(viafData.result, function (i, item) {
+ if ($("#searchresult").find("[data-id="+item.viafid+"]").length === 0 && $("#searchresult > .viafitem").length <5) {
+ $("#searchresult").append(""); // no item.DESCRIPTION!
+
+ // add tag if the user chooses an item from viaf
+ $('a[data-id="' + item.viafid + '"]').each(function () {
+ $(this).bind('click', function (e) {
+ e.preventDefault();
+ var input_name = (searchterm.split('_').length == 2) ? searchterm.split('')[0] + item.viafid + searchterm.split('_')[1] : searchterm + '-' + item.viafid;
+ $('#' + searchterm).after("" + item.term + "");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ //colorForm();
+ });
+ });
+ };
+ });
+ }
+ });
+ };
+ });
+ requestCatalogue = makeSPARQLQuery( myPublicEndpoint, newSparqlQueryCatalogue, function( data ) {
+ data.results.bindings.forEach(function(obj,idx) {
+ let idSplit = obj.item.value.split('/');
+ var catalogueId = idSplit[idSplit.length-1];
+ if ($('#searchresult [data-id="'+catalogueId+'"]').length == 0) {
+ var newItemDiv = $('');
+ newItemDiv.find('[data-id]').bind('click', function(e) {
+ e.preventDefault();
+ var oldID = $(this).attr('data-id').substr(this.getAttribute('data-id').lastIndexOf('/') + 1);
+ var oldLabel = $(this).text();
+ $('#' + searchterm).after("" + oldLabel + "");
+ $("#searchresult").hide();
+ $('#' + searchterm).val('');
+ });
+ $("#searchresult").append(newItemDiv);
+ };
+ });
+ });
+
+ };
+ });
+}
+
+// add a manually defined entity
+function addManualEntity(searchterm) {
+ var baseId = searchterm.replace('_uri','').replace('_label','');
+ console.log(baseId)
+
+
+ $('#'+searchterm).keypress(function(e) {
+ console.log(e.which)
+ console.log(uri, label)
+ var uri = $("#"+baseId+'_uri').val()
+ var label = $("#"+baseId+'_label').val()
+ if (e.which == 13 && uri != '' && label != '') {
+ console.log(uri, label)
+
+ e.preventDefault();
+ console.log("ciao")
+ console.log($("#"+baseId+'_label').next())
+ $("#"+baseId+'_label').next().append($("" + label + ""))
+ } else if (e.which == 13 && (uri == '' || label == '')) {
+ alert('Please, provide a label and a URI')
+ }
+ });
+}
+
+// search a rdf property in LOV
+function searchLOV(searchterm) {
+ $('#'+searchterm).off('keyup').on('keyup',function(e) {
+ var q = $('#'+searchterm).val();
+ var searchres_div = $('#'+searchterm).next().attr('id');
+ if (q === '') {
+ $("#"+searchres_div).empty();
+ } else {
+ $("#"+searchres_div).show();
+ $.ajax({
+ type: 'GET',
+ url: "https://lov.linkeddata.es/dataset/lov/api/v2/term/autocomplete?q="+q+"&type=property",
+ success: function(data) {
+ // autocomplete positioning
+ var position = $('#'+searchterm).position();
+ var leftpos = position.left + 15 - $('#'+searchterm).parent().parent().position().left;
+ var offset = $('#'+searchterm).offset();
+ var height = $('#'+searchterm).height();
+ var width = $('#'+searchterm).width();
+ var top = offset.top + height - 294 + "px";
+ var right = offset.left + width + "px";
+
+ $('#'+searchres_div).css( {
+ 'position': 'absolute',
+ 'margin-left': leftpos+'px',
+ 'top': top,
+ 'z-index':1000,
+ 'background-color': 'white',
+ 'border':'solid 1px grey',
+ 'max-width':'600px',
+ });
+ $("#"+searchres_div).empty();
+
+ // fill the dropdown
+ $.each(data.results, function(i, item) {
+ $("#"+searchres_div).append("" + item.prefixedName + " - " + item.uri + "
");
+
+ // add tag if the user chooses an item from wd
+ $('a[data-id="'+ item.prefixedName+'"]').each( function() {
+ $(this).bind('click', function(e) {
+ e.preventDefault();
+ $("#"+searchres_div).hide();
+ $('#'+searchterm).val(item.uri);
+ });
+
+ });
+ });
+ }
+
+
+ });
+ }
+ });
+};
+
+// addURL:URL value in textbox field + create iframe previews
+function addURL(searchterm, iframe=false) {
+ console.log(iframe)
+ var itemTable
+ if ($("table.url-table[data-input='"+searchterm+"']").length === 0) {
+ itemTable = $("| URL | \ +Actions | \ +
|---|
Need to save a source for the future?
", + content: "If you have a web page that is important to you, \ + we can save it using the \ + Wayback Machine
\ +Shall we?
\ + \ + \ + ", + placement: "bottom", + }).popover('show'); + + } + else if ($('#'+searchterm).val().length > 0 && !regexURL.test($('#'+searchterm).val()) ) { + alert('Insert a valid URL'); + } + $('#'+searchterm).val(''); + //colorForm(); + }; + }); +} + +// searchYear: gYear Value in Date Field +function searchYear(searchYear) { + $('#'+searchYear).keyup(function(e) { + // input values must be digits (47 → 58), backspace (8), enter (13) + if ((e.which > 47 && e.which < 58) || e.which == 8 || e.which == 13) { + $("#searchresult").show(); + + var position = $('#'+searchYear).position(); + var leftpos = position.left+80; + var offset = $('#'+searchYear).offset(); + var height = $('#'+searchYear).height(); + var width = $('#'+searchYear).width(); + var top = offset.top + height + "px"; + var right = offset.left + width + "px"; + + $('#searchresult').css( { + 'position': 'absolute', + 'margin-left': leftpos+'px', + 'top': top, + 'z-index':1000, + 'background-color': 'white', + 'border':'solid 1px grey', + 'max-width':'600px', + 'max-height': '300px', + 'overflow-y': 'auto' + }); + $("#searchresult").empty(); + + let options = []; // create an empty array to be populated with the 'year' options + let inputYearString = $('#'+searchYear).val(); + // remove 'A.C.' or 'B.C.', if present, when the user presses backspace + if (e.which == 8 && (inputYearString.includes("A.C") || inputYearString.includes("B.C"))) { + var expression = / [AB].C/i; + var regex = new RegExp(expression); + var newValue = inputYearString.replace(regex, ""); + $('#'+searchYear).val(newValue); + inputYearString = newValue; + } + // generate options for numbers containing 2→4 digits + if (inputYearString.length > 1 && inputYearString.length < 5) { + let inputYear = parseInt(inputYearString); + options.push(inputYearString); // suggests the input value + if (inputYear >= 10 && inputYear < 21) { + // suggests numbers from 100 to 999 (two input digits requested) + for (let i=0; i<100; i++) { + options.push(inputYearString+parseInt(i)); + } + } else if (inputYear >= 100 && inputYear < 206) { + // suggest numbers from 1000 to 2050 (three input digits requested) + for (let i=0; i<10; i++) { + options.push(inputYearString+parseInt(i)); + } + } + // generate options after one digit 'd' has been inserted (available options: 'd A.C.', 'd B.C.') + } else if (inputYearString.length == 1) { + options.push(inputYearString); + } else if (inputYearString.length > 4) { + $("#searchresult").hide(); + $('#'+searchYear).val(inputYearString.substring(0, 4)); + alert("Year out of range"); + } else { + $("#searchresult").hide(); + } + // add the options to a scrollable list and add a tag in case a year has been clicked + if (inputYearString.length > 0) { + $.each(options, function(i, item) { + $("#searchresult").append("") + $("#searchresult").append("") + + $('a[data-id="'+ item +'B.C."], a[data-id="'+ item +'A.C."]').each(function () { + $(this).bind('click', function (e) { + e.preventDefault(); + $("#searchresult").hide(); + $('#' + searchYear).val($(this).text()); + }); + }); + }); + } + } else { + var newlength = $('#'+searchYear).val().length - 1; + $('#'+searchYear).val($('#'+searchYear).val().substring(0, newlength)); + alert("Only digit accepted") + } + }) +} + +// search through SKOS vocabularies +function searchSkos(searchterm) { + + $('#' + searchterm).keyup(function(e) { + if ($('#' + searchterm).val().length > 1) { + $("#searchresult").hide(); + var requests = []; // prepare an array to collect all the requests to the selected thesauri's endpoints + var results_array = []; // prepare an array to access the results returned by the query + var vocabs_array = []; // prepare an array to store the selected thesauri's names + + var skos_vocabs = query_templates[searchterm]; // look at the back-end app for query_templates + skos_vocabs.forEach(function(obj, idx) { + // isolate each SKOS resource associated with the input field and prepare an ajax request + var vocabulary_name = Object.keys(obj)[0] + if (obj[vocabulary_name].type == "API") { + + // retrieve the parameters of the request to properly call the API + var query_parameters = Object.assign({}, obj[vocabulary_name].parameters); + // get the keys of the parameters object: the first key (keys[0]) must be associated with the query-term (i.e., input value) + var keys = Object.keys(query_parameters); + query_parameters[keys[0]] = $('#' + searchterm).val() + "*"; + const request = $.getJSON(obj[vocabulary_name].endpoint, query_parameters); + + requests.push(request); + results_array.push(obj[vocabulary_name].results); + vocabs_array.push(vocabulary_name); + + } else if (obj[vocabulary_name].type == "SPARQL") { + + // the string 'QUERY-TERM' inside the query must be replaced with the input value; special charachters must be checked + var query = (obj[vocabulary_name].query).replace("QUERY-TERM", ("^" + $('#' + searchterm).val())).replace(">", ">").replace("<", "<").replace(/"/g, '"'); + var request_parameters = { + type: 'GET', + url: '/sparqlanything?q=' + encodeURIComponent(query) + } + const request = $.ajax(request_parameters); + + requests.push(request); + results_array.push(obj[vocabulary_name].results); + vocabs_array.push(vocabulary_name); + + } + }); + + Promise.all(requests) + .then(function(results) { + const options = []; // array to include ALL the resulting terms of ALL the queries + console.log(results); // results = ALL the resulting objects of ALL the queries + results.forEach(function(data, index) { + console.log(data) // the resulting object of a query + var path = results_array[index]; + var main_path = path.array.split("."); + let result = data; + main_path.forEach(key => { + result = result[key]; + }); + + result.forEach(function(res) { + // extract a label for each term + let label_path = path.label.split("."); + let label = res; + label_path.forEach(key => { + label = label[key]; + }); + // extract the URI value for each term + let uri_path = path.uri.split("."); + let uri = res; + uri_path.forEach(key => { + uri = uri[key]; + }); + let add = uri + "," + label + "," + vocabs_array[index]; + options.push(add); + }); + }); + + $("#searchresult").show(); + + // autocomplete positioning; + var offset = $('#'+searchterm).offset(); + var leftpos = offset.left+15; + var height = $('#'+searchterm).height(); + var top = offset.top + height + 15 + "px"; + var max_width = '600px'; + + $('#searchresult').css( { + 'position': 'absolute', + 'margin-left': leftpos+'px', + 'top': top, + 'z-index':1000, + 'background-color': 'white', + 'border':'solid 1px grey', + 'max-width':max_width, + }); + $("#searchresult").empty(); + options.forEach(function(option) { + // each option (i.e., retrieved term) has this structure: URI,LABEL,VOCABULARY + const resource_uri = option.split(","); + var uri = resource_uri.shift(); + var vocabulary = resource_uri.pop(); + var label = resource_uri.join(","); // Join is needed for labels containing "," + + // how to display the vocabulary name: e.g., 'vocab-one' → 'VOCAB ONE' + if (vocabulary.includes("-")) { + var vocabulary_noun = vocabulary.replace("-", " ").toUpperCase(); + } else { + var vocabulary_noun = vocabulary.toUpperCase(); + } + // create a list of options + $("#searchresult").append(""+label+" - "+vocabulary_noun+"
")
+
+ $('a[data-id="'+ uri +'"]').each(function () {
+ $(this).bind('click', function (e) {
+ e.preventDefault();
+ if (!skos_vocabs.includes("oneVocableAccepted") || $('#' + searchterm).nextAll("span").length == 0) {
+ $('#' + searchterm).after("" + label+" - "+vocabulary_noun + "");
+ }
+ else if (skos_vocabs.includes("oneVocableAccepted") && $('#' + searchterm).nextAll("span").length > 0) {
+ alert("Only one term is accepted!");
+ }
+ $("#searchresult").hide();
+ $('#' + searchterm).val("");
+ });
+ });
+ });
+
+ })
+ .catch(function(error) {
+ console.error('Ajax Error:', error);
+ });
+ } else { $("#searchresult").hide();}
+ });
+}
+
+// multiple multimedia Links
+function addMultimedia(searchterm) {
+ var itemTable
+ if ($("table.url-table[data-input='"+searchterm+"']").length === 0) {
+ itemTable = $("| URL | \ +Actions | \ +
|---|
This is a preview of your multimedia file:
"+url+"![](" + url + ")
");
+ } else if (mediaType =="video") {
+ var modal = $(""+url+"
This is a preview of your multimedia file:
"+url+"
");
+ } else if (mediaType == 'audio') {
+ var modal = $(""+url+"
This is a preview of your multimedia file:
"+url+"
");
+ } else if (mediaType == 'iframe') {
+ var modal = $(""+url+"
This is a preview of your website:
"+url+"
");
+ }
+ $(el).after(modal);
+ $('#showRight').hide();
+ return false;
+};
+
+// NLP
+function nlpText(searchterm) {
+ console.log('f')
+ var lang = searchterm.split('_')[1];
+ var baseID = searchterm.split('_')[0];
+ $('textarea#'+searchterm).keypress( throttle(function(e) {
+ if(e.which == 13) {
+ //$('textarea#'+searchterm).parent().parent().append('');
+ $(this).next('.tags-nlp').empty();
+ var textNLP = $('#'+searchterm).val();
+ var encoded = encodeURIComponent(textNLP)
+
+ // call CLEF api (spacy)
+ $.ajax({
+ type: 'GET',
+ url: 'nlp?q=' + encoded + '&lang=' + lang,
+ success: function(listTopics) {
+ console.log(listTopics);
+ for (var i = 0; i < listTopics.length; i++) {
+ console.log("listTopics[i]",listTopics[i]);
+ // query WD for reconciliation
+ $.getJSON("https://www.wikidata.org/w/api.php?callback=?", {
+ search: listTopics[i].result,
+ action: "wbsearchentities",
+ language: "en",
+ limit: 1,
+ uselang: "en",
+ format: "json",
+ strictlanguage: true,
+ },
+ function(data) {
+ console.log(data);
+ $.each(data.search, function(i, item) {
+ $('textarea#'+searchterm).parent().find('.tags-nlp').append(''+item.label+'');
+ });
+ });
+ };
+
+ // return something or message
+ }
+ });
+ };
+
+ }) );
+};
+
+// lookup when creating new records
+function checkPriorRecords(elem) {
+ $('.'+elem).keyup(function(e) {
+ $("#lookup").show();
+ var q = $('.'+elem).val();
+ var classes = $(this).attr('class');
+ var expression = /\(([^)]+)\)/i;
+ var regex = new RegExp(expression);
+ if (classes.match(regex)) {
+ var res_class = ' a <'+classes.match(regex)[1]+'> ; ';
+ } else {var res_class = ''};
+ var query = "prefix bds: "+url+"
We found the following resources that are similar to the one you mention.
") + } else { + $("#lookup").append("We already have some resources that match with yours. If this is the case, consider suggesting a different resource!
")
+ for (i = 0; i < returnedJson.results.bindings.length; i++) {
+
+ // exclude named graphs from results
+ var myUrl = returnedJson.results.bindings[i].s.value;
+ if ( myUrl.substring(myUrl.length-1) != "/") {
+ var resID = myUrl.substr(myUrl.lastIndexOf('/') + 1)
+ $("#lookup").append("");
+ };
+ };
+ $("#lookup").append("Ok got it!")
+ // close lookup suggestions
+ $('#close_section').on('click', function() {
+ var target = $(this).parent();
+ target.hide();
+ });
+ };
+ }
+ });
+
+ });
+};
+
+// set the webpage to display a new subform
+function replace_existing_subforms() {
+ if ($('.subform_section').length) {
+ $('.subform_section').each(function () {
+ var right_css = parseInt($(this).css('right'));
+ $(this).css('right', (right_css + 30) + "%");
+ });
+ } else {
+ $('body').after("");
+ }
+}
+
+// create subrecords
+function createSubrecord(resourceClass, fieldName, el, subformId=null,cardinality=null ) {
+ console.log(cardinality)
+ // prepare a new subrecord id
+ if (!subformId) {
+ var now = new Date().valueOf();
+ subformId = (now / 1000).toString().replace('.', '-');
+ }
+ var formId = $('.corners').eq(0).find('form').eq(0).attr('id'); // either 'recordForm' or 'modifyForm'
+ /* replace_existing_subforms(); */
+
+ // prepare the new subrecord form
+ const subrecordSection = $("");
+ const subrecordForm = $("");
+
+ // create a clone for each input belonging to the requested (sub-)template
+ $("[data-class='"+resourceClass+"'][class~='original-subtemplate']").each(function() {
+ // CREATE A CLONE ELEMENT
+ const cloneElement = $(this).parent().parent().clone();
+ cloneElement.attr("style", "display: block"); // make it visible
+ cloneElement.find('input').attr('data-subform',subformId); // associate the input field with the subrecord id
+ cloneElement.find('input').removeClass('original-subtemplate');
+ // associate proper identifiers to input fields belonging to the subrecord form
+ var inputId = cloneElement.find('input:not([type="hidden"])').attr('id');
+ cloneElement.find('input:not([type="hidden"])').attr('id', inputId+"_"+subformId.toString());
+ cloneElement.find('input:not([type="hidden"])').attr('name', inputId+"_"+subformId.toString());
+
+ // SET LITERAL INPUT FIELDS
+ if (cloneElement.find('[lang]').length>0) {
+ var literalInput = cloneElement.find('[lang]');
+ var languageListSection = literalInput.parent().prev();
+ languageListSection.find('a').each(function() {
+ var onclickAttr = $(this).attr('onclick');
+ var regex = /'([^"]*)'/g;
+ var originalIdExtended = onclickAttr.match(regex)[0];
+ var originalId = originalIdExtended.substring(1, originalIdExtended.length-1)
+ $(this).attr('onclick', onclickAttr.replace(originalId, originalId+'_'+subformId));
+ });
+ }
+ // add a main-lang hidden input in case of primary key
+ if (cloneElement.find('input.disambiguate').next('[type="hidden"]').length > 0) {
+ var primaryKeyLangId = cloneElement.find('input.disambiguate').next('[type="hidden"]').attr('id');
+ cloneElement.find('input[type="hidden"]').attr('id', primaryKeyLangId+"_"+subformId.toString());
+ cloneElement.find('input[type="hidden"]').attr('name', primaryKeyLangId+"_"+subformId.toString());
+ }
+
+ // SET SUBTEMPLATE FIELDS '+' BUTTON
+ cloneElement.find('[data-subtemplate]').each(function(){
+ var subtemplateClass = $(this).attr('data-subtemplate');
+ var fieldName = $(this).parent().prev().text();
+ var addSubrecordBtn = $(this).next('i');
+ addSubrecordBtn.on('click', function(){
+ createSubrecord(subtemplateClass,fieldName,addSubrecordBtn);
+ })
+ })
+
+ // retrieve previously provided values in case they are available (i.e., modify subrecords):
+ let clonedElementValues = [];
+ // a) single value fields
+ if ($('#'+formId+' #'+inputId+"_"+subformId).length >0) {
+ const toBeModified = $('#'+formId+' #'+inputId+'_'+subformId);
+ cloneElement.find('input').val(toBeModified.val());
+ }
+ // b) multiple values fields
+ if ($('#'+formId+' [name^="'+inputId+'_"][name$="_'+subformId+'"]:not([name="'+inputId.split('_')[0]+'_'+subformId+'"])').length >0) {
+
+ var importedValues = $('#'+formId+' [name^="'+inputId.split('_')[0]+'_"][name$="_'+subformId+'"]:not([name="'+inputId.split('_')[0]+'_'+subformId+'"])');
+ cloneElement.find('.label div a').remove();
+ if ($('#'+inputId).hasClass('searchWikidata') || $('#'+inputId).hasClass('searchVocab') || $('#'+inputId).hasClass('searchGeonamaes')) {
+ importedValues.each(function(){
+ // imported values and URIs
+ var value = $(this).val();
+ var code = value.split(",")[0];
+ var label = decodeURIComponent(value.split(",")[1]);
+ var importedValueSpan = $(""+label+"");
+ clonedElementValues.push(importedValueSpan);
+ clonedElementValues.push($(this));
+ $(this).remove();
+ });
+ } else {
+ importedValues.each(function(){
+ // multiple-lang literal values
+ clonedElementValues.push($(this));
+ cloneElement.find('input').remove();
+ if($(this).attr('lang') != undefined) {
+ let lang = $(this).attr('lang');
+ const newLangItem = $(''+lang+'');
+ cloneElement.find('div').append(newLangItem);
+ } else {
+ let mainLang = $(this).val();
+ cloneElement.find('div a[title="text language: '+mainLang.toUpperCase()+'"]').addClass('main-lang');
+ }
+ });
+ cloneElement.find('div a').eq(0).addClass('selected-lang');
+ clonedElementValues[0].show();
+ }
+ }
+ // c) subrecords fields (inner subrecords)
+ if ($('[name="'+inputId+'_'+subformId+'-subrecords"]').length>0) {
+
+ // retrieve subrecords
+ var subrecords = $('[name="'+inputId+'_'+subformId+'-subrecords"]').val().split(',');
+ var subtemplateFieldId = $(this).attr('name').replace('-subrecords', '');
+ var subrecord_cls = $('#'+subtemplateFieldId).attr('subtemplate')
+ for (let i=0; i