|
|
@@ -0,0 +1,3118 @@
|
|
|
+/*
|
|
|
+ *
|
|
|
+ * lodLive 1.0
|
|
|
+ * is developed by Diego Valerio Camarda, Silvia Mazzini and Alessandro Antonuccio
|
|
|
+ *
|
|
|
+ * Licensed under the MIT license
|
|
|
+ *
|
|
|
+ * plase tell us if you use it!
|
|
|
+ *
|
|
|
+ * geodimail@gmail.com
|
|
|
+ *
|
|
|
+ */
|
|
|
+
|
|
|
+var debugOn = false;
|
|
|
+(function($, lodLiveProfile) {
|
|
|
+ $.jsonp.setup({
|
|
|
+ cache : true,
|
|
|
+ callbackParameter : 'callback',
|
|
|
+ callback : 'lodlive',
|
|
|
+ pageCache : true,
|
|
|
+ timeout : 30000
|
|
|
+ });
|
|
|
+ var globalInfoPanelMap = {};
|
|
|
+ var globalInnerPageMap = {};
|
|
|
+ var context;
|
|
|
+ var methods = {
|
|
|
+ init : function(firstUri) {
|
|
|
+ context = this;
|
|
|
+ context.append('<div id="lodlogo" class="sprite"></div>');
|
|
|
+ // inizializzo il contenitore delle variabili di ambiente
|
|
|
+ var storeIdsCleaner = $.jStorage.index();
|
|
|
+ for (var int = 0; int < storeIdsCleaner.length; int++) {
|
|
|
+ if (storeIdsCleaner[int].indexOf("storeIds-") == 0) {
|
|
|
+ $.jStorage.deleteKey(storeIdsCleaner[int]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $.jStorage.set('imagesMap', {});
|
|
|
+ $.jStorage.set('mapsMap', {});
|
|
|
+ $.jStorage.set('infoPanelMap', {});
|
|
|
+
|
|
|
+ // $.jStorage.set('storeIds',{});
|
|
|
+ // template della query
|
|
|
+
|
|
|
+ // creo il primo box, lo aggiungo al documento e lo posiziono
|
|
|
+ // orizzontalmente nel centro
|
|
|
+ var firstBox = $($.jStorage.get('boxTemplate'));
|
|
|
+ methods.centerBox(firstBox);
|
|
|
+ context.append(firstBox);
|
|
|
+ firstBox.attr("id", MD5(firstUri));
|
|
|
+ firstBox.attr("rel", firstUri);
|
|
|
+ firstBox.css({
|
|
|
+ 'zIndex' : 1
|
|
|
+ });
|
|
|
+
|
|
|
+ // inizializzo la mappa delle classi
|
|
|
+ $.jStorage.set('classMap', {
|
|
|
+ // randomize first color
|
|
|
+ counter : Math.floor(Math.random() * 13) + 1
|
|
|
+ });
|
|
|
+
|
|
|
+ // imposto le dimensioni dell'area di lavoro
|
|
|
+ // context.height($(document).height());
|
|
|
+ // context.width($(document).width());
|
|
|
+
|
|
|
+ // attivo le funzioni per il drag
|
|
|
+ methods.renewDrag(context.children('.boxWrapper'));
|
|
|
+
|
|
|
+ // carico il primo documento
|
|
|
+ methods.openDoc(firstUri, firstBox);
|
|
|
+
|
|
|
+ methods.controlPanel('init');
|
|
|
+ // methods.controlPanel('move');
|
|
|
+ methods.msg('', 'init');
|
|
|
+ // methods.msg('', 'move');
|
|
|
+
|
|
|
+ $(window).bind('scroll', function() {
|
|
|
+ methods.docInfo(null, 'move');
|
|
|
+ methods.controlPanel('move');
|
|
|
+ });
|
|
|
+ $(window).bind('resize', function() {
|
|
|
+ methods.docInfo('', 'close');
|
|
|
+ $('#controlPanel').remove();
|
|
|
+ methods.controlPanel('init');
|
|
|
+ // $(".tipsy").remove();
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+ close : function() {
|
|
|
+ document.location = document.location.href.substring(0, document.location.href.indexOf("?"));
|
|
|
+ },
|
|
|
+ composeQuery : function(resource, module, testURI) {
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+ var url = "";
|
|
|
+ var res = "";
|
|
|
+ var endpoint = "";
|
|
|
+
|
|
|
+ $.each(lodLiveProfile.connection, function(key, value) {
|
|
|
+ var keySplit = key.split(",");
|
|
|
+ for (var a = 0; a < keySplit.length; a++) {
|
|
|
+ if (( testURI ? testURI : resource).indexOf(keySplit[a]) == 0) {
|
|
|
+ res = getSparqlConf(module, value, lodLiveProfile).replace(/\{URI\}/ig, resource.replace(/^.*~~/, ''));
|
|
|
+ if (value.proxy) {
|
|
|
+ url = value.proxy + '?endpoint=' + value.endpoint + "&" + (value.endpointType ? $.jStorage.get('endpoints')[value.endpointType] : $.jStorage.get('endpoints')['all']) + "&query=" + encodeURIComponent(res);
|
|
|
+ } else {
|
|
|
+ url = value.endpoint + "?" + (value.endpointType ? $.jStorage.get('endpoints')[value.endpointType] : $.jStorage.get('endpoints')['all']) + "&query=" + encodeURIComponent(res);
|
|
|
+ }
|
|
|
+ endpoint = value.endpoint;
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' composeQuery ');
|
|
|
+ }
|
|
|
+ if (url == '') {
|
|
|
+ url = 'http://system/dummy?' + resource;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (endpoint && $.jStorage.get('showInfoConsole')) {
|
|
|
+ methods.queryConsole('log', {
|
|
|
+ title : endpoint,
|
|
|
+ text : res,
|
|
|
+ id : url,
|
|
|
+ uriId : resource
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return url;
|
|
|
+ },
|
|
|
+ guessingEndpoint : function(uri, onSuccess, onFail) {
|
|
|
+ var base = uri.replace(/(^https?:\/\/[^\/]+\/).+/, "$1");
|
|
|
+ var guessedEndpoint = base + "sparql?" + $.jStorage.get('endpoints')['all'] + "&query=" + encodeURIComponent("select * where {?a ?b ?c} LIMIT 1");
|
|
|
+ $.jsonp({
|
|
|
+ url : guessedEndpoint,
|
|
|
+ success : function(data) {
|
|
|
+ if (data && data.results && data.results.bindings[0]) {
|
|
|
+ var connections = lodLiveProfile.connection;
|
|
|
+ connections[base] = {
|
|
|
+ endpoint : base + "sparql"
|
|
|
+ };
|
|
|
+ lodLiveProfile.connection = connections;
|
|
|
+ onSuccess();
|
|
|
+ } else {
|
|
|
+ onFail();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error : function() {
|
|
|
+ onFail();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ doStats : function(uri) {
|
|
|
+ if ($('#stats').length == 0) {
|
|
|
+ $('body').append('<div id="stats"><iframe src="stats.html?' + uri + '" style="display:none"></iframe></div>');
|
|
|
+ } else if ($('#stats').children('iframe').length == 10) {
|
|
|
+ $('#stats').empty();
|
|
|
+ $('#stats').append('<iframe src="stats.html?' + uri + '" style="display:none"></iframe>');
|
|
|
+ } else {
|
|
|
+ $('#stats').append('<iframe src="stats.html?' + uri + '" style="display:none"></iframe>');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ msg : function(msg, action, type, endpoint, inverse) {
|
|
|
+ // area dei messaggi
|
|
|
+ var msgPanel = $('#msg');
|
|
|
+ if (action == 'init') {
|
|
|
+ if (msgPanel.length == 0) {
|
|
|
+ msgPanel = $('<div id="msg"></div>');
|
|
|
+ context.append(msgPanel);
|
|
|
+ }
|
|
|
+ } else if (action == 'move') {
|
|
|
+ msgPanel.hide();
|
|
|
+ msgPanel.css({
|
|
|
+ display : 'none'
|
|
|
+ });
|
|
|
+ } else if (action == 'hide') {
|
|
|
+ msgPanel.hide();
|
|
|
+ } else {
|
|
|
+ msgPanel.empty();
|
|
|
+ msg = msg.replace(/http:\/\/.+~~/g, '');
|
|
|
+ msg = msg.replace(/nodeID:\/\/.+~~/g, '');
|
|
|
+ msg = msg.replace(/_:\/\/.+~~/g, '');
|
|
|
+ msg = breakLines(msg);
|
|
|
+ msg = msg.replace(/\|/g, '<br />');
|
|
|
+ var msgs = msg.split(" \n ");
|
|
|
+ if (type == 'fullInfo') {
|
|
|
+ msgPanel.append("<div class=\"corner sprite\"></div>");
|
|
|
+ msgPanel.append("<div class=\"endpoint\">" + endpoint + "</div>");
|
|
|
+ if (msgs.length == 2) {
|
|
|
+ msgPanel.append("<div class=\"separline sprite\"></div>");
|
|
|
+ msgPanel.append("<div class=\"from upperline\">" + (msgs[0].length > 200 ? msgs[0].substring(0, 200) + "..." : msgs[0]) + "</div>");
|
|
|
+ msgPanel.append("<div class=\"separline sprite\"></div>");
|
|
|
+ msgPanel.append("<div class=\"from upperline\">" + msgs[1] + "</div>");
|
|
|
+ } else {
|
|
|
+ msgPanel.append("<div class=\"separline sprite\"></div>");
|
|
|
+ msgPanel.append("<div class=\"from upperline\">" + msgs[0] + "</div>");
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (msgs.length == 2) {
|
|
|
+ msgPanel.append("<div class=\"from\">" + msgs[0] + "</div>");
|
|
|
+ if (inverse) {
|
|
|
+ msgPanel.append("<div class=\"separ inverse sprite\"></div>");
|
|
|
+ } else {
|
|
|
+ msgPanel.append("<div class=\"separ sprite\"></div>");
|
|
|
+ }
|
|
|
+
|
|
|
+ msgPanel.append("<div class=\"from\">" + msgs[1] + "</div>");
|
|
|
+ } else {
|
|
|
+ msgPanel.append("<div class=\"from\">" + msgs[0] + "</div>");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ /*
|
|
|
+ * msgPanel.css({ left : $('body').scrollLeft(), top : $('body').scrollTop() + $(window).height() - msgPanel.height(), zIndex : 99999999 });
|
|
|
+ */
|
|
|
+ msgPanel.css({
|
|
|
+ left : 0,
|
|
|
+ top : $(window).height() - msgPanel.height(),
|
|
|
+ position : 'fixed',
|
|
|
+ zIndex : 99999999
|
|
|
+ });
|
|
|
+ msgPanel.show();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ queryConsole : function(action, toLog) {
|
|
|
+
|
|
|
+ var id = MD5(toLog.uriId);
|
|
|
+ var localId = MD5(toLog.id);
|
|
|
+ var infoMap = globalInfoPanelMap;
|
|
|
+ var panel = infoMap[id];
|
|
|
+ if (action == 'init') {
|
|
|
+ panel = $('<div id="q' + id + '" class="queryConsole"></div>');
|
|
|
+ infoMap[id] = panel;
|
|
|
+ globalInfoPanelMap = infoMap;
|
|
|
+ } else if (action == 'log') {
|
|
|
+ if (toLog.resource) {
|
|
|
+ panel.append('<h3 class="sprite"><span>' + toLog.resource + '</span><a class="sprite"> </a></h3>');
|
|
|
+ panel.children("h3").children("a").click(function() {
|
|
|
+ methods.queryConsole('close', {
|
|
|
+ uriId : toLog.uriId
|
|
|
+ });
|
|
|
+ }).hover(function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ x : -641
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ x : -611
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+ if (panel) {
|
|
|
+ if (toLog.title) {
|
|
|
+ var h4 = $('<h4 class="t' + localId + ' sprite"><span>' + toLog.title + '</span></h4>');
|
|
|
+ panel.append(h4);
|
|
|
+ h4.hover(function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ y : -700
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ y : -650
|
|
|
+ });
|
|
|
+ });
|
|
|
+ h4.click(function() {
|
|
|
+ if ($(this).data('show')) {
|
|
|
+ $(this).data('show', false);
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ x : -680
|
|
|
+ });
|
|
|
+ $(this).removeClass('slideOpen');
|
|
|
+ $(this).next('div').slideToggle();
|
|
|
+ } else {
|
|
|
+ $(this).data('show', true);
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ x : -1290
|
|
|
+ });
|
|
|
+ panel.find('.slideOpen').click();
|
|
|
+ $(this).addClass('slideOpen');
|
|
|
+ $(this).next('div').slideToggle();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ if (toLog.text) {
|
|
|
+ var aDiv = $('<div><span><span class="contentArea">' + (toLog.text).replace(/</gi, "<").replace(/>/gi, ">") + '</span></span></div>');
|
|
|
+ var aEndpoint = $.trim(panel.find('h4.t' + localId).clone().find('strong').remove().end().text());
|
|
|
+ if (aEndpoint.indexOf("http:") == 0) {
|
|
|
+ var aLink = $('<span class="linkArea sprite" title="' + lang('executeThisQuery') + '"></span>');
|
|
|
+ aLink.click(function() {
|
|
|
+ window.open(aEndpoint + '?query=' + encodeURIComponent(toLog.text));
|
|
|
+ });
|
|
|
+ aLink.hover(function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ x : -630
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ x : -610
|
|
|
+ });
|
|
|
+ });
|
|
|
+ aDiv.children('span').prepend(aLink);
|
|
|
+ }
|
|
|
+ aDiv.css({
|
|
|
+ opacity : 0.95
|
|
|
+ });
|
|
|
+ panel.append(aDiv);
|
|
|
+ }
|
|
|
+ if (toLog.error) {
|
|
|
+ panel.find('h4.t' + localId + ' > span').append('<strong style="float:right">' + lang('enpointNotAvailable') + '</strong>');
|
|
|
+ }
|
|
|
+ if ( typeof toLog.founded == typeof 0) {
|
|
|
+ if (toLog.founded == 0) {
|
|
|
+ panel.find('h4.t' + localId + ' > span').append('<strong style="float:right">' + lang('propsNotFound') + '</strong>');
|
|
|
+ } else {
|
|
|
+ panel.find('h4.t' + localId + ' > span').append('<strong style="float:right">' + toLog.founded + ' ' + lang('propsFound') + ' </strong>');
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ infoMap[id] = panel;
|
|
|
+ globalInfoPanelMap = infoMap;
|
|
|
+ }
|
|
|
+ } else if (action == 'remove') {
|
|
|
+ delete infoMap[id];
|
|
|
+ globalInfoPanelMap = infoMap;
|
|
|
+ } else if (action == 'show') {
|
|
|
+ // panel.show();
|
|
|
+ context.append(panel);
|
|
|
+ } else if (action == 'close') {
|
|
|
+ panel.detach();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ controlPanel : function(action) {
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+ // pannello di controllo dell'applicazione
|
|
|
+ var panel = $('#controlPanel');
|
|
|
+ if (action == 'init') {
|
|
|
+ panel = $('<div id="controlPanel"></div>');
|
|
|
+ panel.css({
|
|
|
+ left : 0,
|
|
|
+ top : 10,
|
|
|
+ position : 'fixed',
|
|
|
+ zIndex : 999
|
|
|
+ });
|
|
|
+ panel.append('<div class="panel options sprite" ></div>');
|
|
|
+ panel.append('<div class="panel legend sprite" ></div>');
|
|
|
+ panel.append('<div class="panel help sprite" ></div>');
|
|
|
+ panel.append('<div class="panel" ></div>');
|
|
|
+ panel.append('<div class="panel2 maps sprite" ></div>');
|
|
|
+ panel.append('<div class="panel2 images sprite" ></div>');
|
|
|
+
|
|
|
+ panel.children('.panel,.panel2').hover(function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ y : -450
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ y : -400
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ context.append(panel);
|
|
|
+
|
|
|
+ panel.attr("data-top", panel.position().top);
|
|
|
+ panel.children('.panel').click(function() {
|
|
|
+ panel.children('.panel,.panel2').hide();
|
|
|
+ var close = $('<div class="panel close sprite" ></div>');
|
|
|
+ close.click(function() {
|
|
|
+ $(this).remove();
|
|
|
+ panel.children('#panelContent').remove();
|
|
|
+ panel.removeClass("justX");
|
|
|
+ panel.children('.panel,.panel2').show();
|
|
|
+ panel.children('.inactive').hide();
|
|
|
+ });
|
|
|
+ close.hover(function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ y : -550
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ y : -500
|
|
|
+ });
|
|
|
+ });
|
|
|
+ panel.append(close);
|
|
|
+ close.css({
|
|
|
+ position : 'absolute',
|
|
|
+ left : 241,
|
|
|
+ top : 0
|
|
|
+ });
|
|
|
+ var panelContent = $('<div id="panelContent"></div>');
|
|
|
+ panel.append(panelContent);
|
|
|
+ if ($(this).hasClass("options")) {
|
|
|
+ var anUl = $('<ul class="optionsList"></ul>');
|
|
|
+ panelContent.append('<div></div>');
|
|
|
+ panelContent.children('div').append('<h2>' + lang('options') + '</h2>').append(anUl);
|
|
|
+ anUl.append('<li ' + ($.jStorage.get('doInverse') ? 'class="checked"' : 'class="check"') + ' data-value="inverse" ><span class="spriteLegenda"></span>' + lang('generateInverse') + '</li>');
|
|
|
+ anUl.append('<li ' + ($.jStorage.get('doAutoExpand') ? 'class="checked"' : 'class="check"') + ' data-value="autoExpand" ><span class="spriteLegenda"></span>' + lang('autoExpand') + '</li>');
|
|
|
+ anUl.append('<li ' + ($.jStorage.get('doAutoSameas') ? 'class="checked"' : 'class="check"') + ' data-value="autoSameas"><span class="spriteLegenda"></span>' + lang('autoSameAs') + '</li>');
|
|
|
+
|
|
|
+ anUl.append('<li ' + ($.jStorage.get('doCollectImages') ? 'class="checked"' : 'class="check"') + ' data-value="autoCollectImages"><span class="spriteLegenda"></span>' + lang('autoCollectImages') + '</li>');
|
|
|
+ anUl.append('<li ' + ($.jStorage.get('doDrawMap') ? 'class="checked"' : 'class="check"') + ' data-value="autoDrawMap"><span class="spriteLegenda"></span>' + lang('autoDrawMap') + '</li>');
|
|
|
+
|
|
|
+ anUl.append('<li> </li>');
|
|
|
+ anUl.append('<li class="reload"><span class="spriteLegenda"></span>' + lang('restart') + '</li>');
|
|
|
+ anUl.children('.reload').click(function() {
|
|
|
+ context.lodlive('close');
|
|
|
+ });
|
|
|
+ anUl.children('li[data-value]').click(function() {
|
|
|
+ if ($(this).hasClass('check')) {
|
|
|
+ if ($(this).attr("data-value") == 'inverse') {
|
|
|
+ $.jStorage.set('doInverse', true);
|
|
|
+ } else if ($(this).attr("data-value") == 'autoExpand') {
|
|
|
+ $.jStorage.set('doAutoExpand', true);
|
|
|
+ } else if ($(this).attr("data-value") == 'autoSameas') {
|
|
|
+ $.jStorage.set('doAutoSameas', true);
|
|
|
+ } else if ($(this).attr("data-value") == 'autoCollectImages') {
|
|
|
+ $.jStorage.set('doCollectImages', true);
|
|
|
+ panel.children('div.panel2.images').removeClass('inactive');
|
|
|
+ } else if ($(this).attr("data-value") == 'autoDrawMap') {
|
|
|
+ $.jStorage.set('doDrawMap', true);
|
|
|
+ panel.children('div.panel2.maps').removeClass('inactive');
|
|
|
+ }
|
|
|
+ $(this).attr('class', "checked");
|
|
|
+ } else {
|
|
|
+ if ($(this).attr("data-value") == 'inverse') {
|
|
|
+ $.jStorage.set('doInverse', false);
|
|
|
+ } else if ($(this).attr("data-value") == 'autoExpand') {
|
|
|
+ $.jStorage.set('doAutoExpand', false);
|
|
|
+ } else if ($(this).attr("data-value") == 'autoSameas') {
|
|
|
+ $.jStorage.set('doAutoSameas', false);
|
|
|
+ } else if ($(this).attr("data-value") == 'autoCollectImages') {
|
|
|
+ $.jStorage.set('doCollectImages', false);
|
|
|
+ panel.children('div.panel2.images').addClass('inactive');
|
|
|
+ } else if ($(this).attr("data-value") == 'autoDrawMap') {
|
|
|
+ panel.children('div.panel2.maps').addClass('inactive');
|
|
|
+ $.jStorage.set('doDrawMap', false);
|
|
|
+ }
|
|
|
+ $(this).attr('class', "check");
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ } else if ($(this).hasClass("help")) {
|
|
|
+ var help = $('.help').children('div').clone();
|
|
|
+ $('.videoHelp', help).fancybox({
|
|
|
+ 'transitionIn' : 'elastic',
|
|
|
+ 'transitionOut' : 'elastic',
|
|
|
+ 'speedIn' : 400,
|
|
|
+ 'type' : 'iframe',
|
|
|
+ 'width' : 853,
|
|
|
+ 'height' : 480,
|
|
|
+ 'speedOut' : 200,
|
|
|
+ 'hideOnContentClick' : false,
|
|
|
+ 'showCloseButton' : true,
|
|
|
+ 'overlayShow' : false
|
|
|
+ });
|
|
|
+ panelContent.append(help);
|
|
|
+ if (help.height() > $(window).height() + 10) {
|
|
|
+ panel.addClass("justX");
|
|
|
+ }
|
|
|
+
|
|
|
+ } else if ($(this).hasClass("legend")) {
|
|
|
+ var legend = $('.legenda').children('div').clone();
|
|
|
+ var counter = 0;
|
|
|
+ legend.find("span.spriteLegenda").each(function() {
|
|
|
+ $(this).css({
|
|
|
+ 'background-position' : '-1px -' + (counter * 20) + 'px'
|
|
|
+ });
|
|
|
+ counter++;
|
|
|
+ });
|
|
|
+ panelContent.append(legend);
|
|
|
+ if (legend.height() > $(window).height() + 10) {
|
|
|
+ panel.addClass("justX");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (!$.jStorage.get('doCollectImages', true)) {
|
|
|
+ panel.children('div.panel2.images').addClass('inactive').hide();
|
|
|
+ }
|
|
|
+ if (!$.jStorage.get('doDrawMap', true)) {
|
|
|
+ panel.children('div.panel2.maps').addClass('inactive').hide();
|
|
|
+ }
|
|
|
+
|
|
|
+ panel.children('.panel2').click(function() {
|
|
|
+ panel.children('.panel,.panel2').hide();
|
|
|
+ var close = $('<div class="panel close2 sprite" ></div>');
|
|
|
+ close.click(function() {
|
|
|
+ $(this).remove();
|
|
|
+ $('#mapPanel', panel).hide();
|
|
|
+ $('#imagePanel', panel).hide();
|
|
|
+ panelContent.hide();
|
|
|
+ panel.removeClass("justX");
|
|
|
+ panel.children('.panel,.panel2').show();
|
|
|
+ panel.children('.inactive').hide();
|
|
|
+ });
|
|
|
+ close.hover(function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ y : -550
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ $(this).setBackgroundPosition({
|
|
|
+ y : -500
|
|
|
+ });
|
|
|
+ });
|
|
|
+ panel.append(close);
|
|
|
+ var panelContent = $('#panel2Content', panel);
|
|
|
+ if (panelContent.length == 0) {
|
|
|
+ panelContent = $('<div id="panel2Content"></div>');
|
|
|
+ panel.append(panelContent);
|
|
|
+ } else {
|
|
|
+ panelContent.show();
|
|
|
+ }
|
|
|
+ if ($(this).hasClass("maps")) {
|
|
|
+ var mapPanel = $('#mapPanel');
|
|
|
+ if (mapPanel.length == 0) {
|
|
|
+ mapPanel = $('<div id="mapPanel"></div>');
|
|
|
+ panelContent.width(800);
|
|
|
+ panelContent.append(mapPanel);
|
|
|
+ $('#mapPanel').gmap3({
|
|
|
+ action : 'init',
|
|
|
+ options : {
|
|
|
+ zoom : 2,
|
|
|
+ mapTypeId : google.maps.MapTypeId.HYBRID
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ mapPanel.show();
|
|
|
+ }
|
|
|
+ methods.updateMapPanel(panel);
|
|
|
+ } else if ($(this).hasClass("images")) {
|
|
|
+ var imagePanel = $('#imagePanel');
|
|
|
+ if (imagePanel.length == 0) {
|
|
|
+ imagePanel = $('<div id="imagePanel"><span id="imgesCnt"></span></div>');
|
|
|
+ panelContent.append(imagePanel);
|
|
|
+ } else {
|
|
|
+ imagePanel.show();
|
|
|
+ }
|
|
|
+ methods.updateImagePanel(panel);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ } else if (action == 'show') {
|
|
|
+
|
|
|
+ } else if (action == 'hide') {
|
|
|
+
|
|
|
+ } else if (action == 'move') {
|
|
|
+ if (panel.hasClass("justX")) {
|
|
|
+ panel.css({
|
|
|
+ position : 'absolute',
|
|
|
+ left : $('body').scrollLeft(),
|
|
|
+ top : panel.attr("data-top")
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ panel.css({
|
|
|
+ left : 0,
|
|
|
+ top : 10,
|
|
|
+ position : 'fixed'
|
|
|
+ });
|
|
|
+ if (panel.position()) {
|
|
|
+ panel.attr("data-top", panel.position().top);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' controlPanel ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ updateMapPanel : function(panel) {
|
|
|
+ if ($.jStorage.get('doDrawMap', true)) {
|
|
|
+
|
|
|
+ if ($("#mapPanel:visible", panel).length > 0) {
|
|
|
+ $('#mapPanel').gmap3({
|
|
|
+ action : 'clear'
|
|
|
+ });
|
|
|
+ var panelContent = $('#panel2Content', panel);
|
|
|
+ panelContent.width(800);
|
|
|
+ var close = $('.close2', panel);
|
|
|
+ var mapsMap = $.jStorage.get('mapsMap');
|
|
|
+ var mapSize = 0;
|
|
|
+ for (var prop in mapsMap) {
|
|
|
+ if (mapsMap.hasOwnProperty(prop)) {
|
|
|
+ mapSize++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (var prop in mapsMap) {
|
|
|
+ if (mapsMap.hasOwnProperty(prop)) {
|
|
|
+ $('#mapPanel').gmap3({
|
|
|
+ action : 'addMarker',
|
|
|
+ latLng : [mapsMap[prop].lats, mapsMap[prop].longs],
|
|
|
+ title : unescape(mapsMap[prop].title)
|
|
|
+ }, mapSize > 1 ? {
|
|
|
+ action : "autofit"
|
|
|
+ } : {});
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ close.css({
|
|
|
+ position : 'absolute',
|
|
|
+ left : panelContent.width() + 1,
|
|
|
+ top : 0
|
|
|
+ });
|
|
|
+
|
|
|
+ } else {
|
|
|
+ methods.highlight(panel.children('.maps'), 2, 200, '-565px -450px');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ updateImagePanel : function(panel) {
|
|
|
+ if ($.jStorage.get('doCollectImages', true)) {
|
|
|
+
|
|
|
+ var imagePanel = $('#imagePanel', panel).children("span");
|
|
|
+ if ($("#imagePanel:visible", panel).length > 0) {
|
|
|
+ var panelContent = $('#panel2Content', panel);
|
|
|
+ var close = $('.close2', panel);
|
|
|
+ var imageMap = $.jStorage.get('imagesMap');
|
|
|
+ var mapSize = 0;
|
|
|
+ for (var prop in imageMap) {
|
|
|
+ if (imageMap.hasOwnProperty(prop)) {
|
|
|
+ mapSize++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (mapSize > 0) {
|
|
|
+ imagePanel.children('.amsg').remove();
|
|
|
+ var counter = 0;
|
|
|
+ for (var prop in imageMap) {
|
|
|
+ if (imageMap.hasOwnProperty(prop)) {
|
|
|
+ for (var a = 0; a < imageMap[prop].length; a++) {
|
|
|
+ for (var key in imageMap[prop][a]) {
|
|
|
+ if (($.jStorage.get('noImagesMap', {})[prop + counter])) {
|
|
|
+ counter--;
|
|
|
+ } else if (imagePanel.children('.img-' + prop + '-' + counter).length == 0) {
|
|
|
+ var img = $('<a href="' + unescape(key) + '" class="sprite relatedImage img-' + prop + '-' + counter + '"><img rel="' + unescape(imageMap[prop][a][key]) + '" src="' + unescape(key) + '"/></a>"');
|
|
|
+ img.attr("data-prop", prop);
|
|
|
+ imagePanel.prepend(img);
|
|
|
+ img.fancybox({
|
|
|
+ 'transitionIn' : 'elastic',
|
|
|
+ 'transitionOut' : 'elastic',
|
|
|
+ 'speedIn' : 400,
|
|
|
+ 'type' : 'image',
|
|
|
+ 'speedOut' : 200,
|
|
|
+ 'hideOnContentClick' : true,
|
|
|
+ 'showCloseButton' : false,
|
|
|
+ 'overlayShow' : false
|
|
|
+ });
|
|
|
+ img.children('img').error(function() {
|
|
|
+ $(this).parent().remove();
|
|
|
+ counter--;
|
|
|
+ if (counter < 3) {
|
|
|
+ panelContent.width(148);
|
|
|
+ } else {
|
|
|
+ var tot = (counter / 3 + (counter % 3 > 0 ? 1 : 0) + '').split('.')[0];
|
|
|
+ if (tot > 7) {
|
|
|
+ tot = 7;
|
|
|
+ }
|
|
|
+ panelContent.width(20 + (tot) * 128);
|
|
|
+ }
|
|
|
+ close.css({
|
|
|
+ position : 'absolute',
|
|
|
+ left : panelContent.width() + 1,
|
|
|
+ top : 0
|
|
|
+ });
|
|
|
+ var noImage = $.jStorage.get('noImagesMap', {});
|
|
|
+ noImage[prop + counter] = true;
|
|
|
+ $.jStorage.set('noImagesMap', noImage);
|
|
|
+ close.css({
|
|
|
+ position : 'absolute',
|
|
|
+ left : panelContent.width() + 1,
|
|
|
+ top : 0
|
|
|
+ });
|
|
|
+ });
|
|
|
+ img.children('img').load(function() {
|
|
|
+ var titolo = $(this).attr('rel');
|
|
|
+ if ($(this).width() < $(this).height()) {
|
|
|
+ $(this).height($(this).height() * 113 / $(this).width());
|
|
|
+ $(this).width(113);
|
|
|
+ } else {
|
|
|
+ $(this).css({
|
|
|
+ width : $(this).width() * 113 / $(this).height(),
|
|
|
+ height : 113,
|
|
|
+ marginLeft : -(($(this).width() * 113 / $(this).height() - 113) / 2)
|
|
|
+ });
|
|
|
+ }
|
|
|
+ var controls = $('<span class="imgControls"><span class="imgControlCenter" title="' + lang('showResource') + '"></span><span class="imgControlZoom" title="' + lang('zoomIn') + '"></span><span class="imgTitle">' + titolo + '</span></span>');
|
|
|
+ $(this).parent().append(controls);
|
|
|
+ $(this).parent().hover(function() {
|
|
|
+ $(this).children('img').hide();
|
|
|
+ }, function() {
|
|
|
+ $(this).children('img').show();
|
|
|
+ });
|
|
|
+ controls.children('.imgControlZoom').hover(function() {
|
|
|
+ $(this).parent().parent().setBackgroundPosition({
|
|
|
+ x : -1955
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ $(this).parent().parent().setBackgroundPosition({
|
|
|
+ x : -1825
|
|
|
+ });
|
|
|
+ });
|
|
|
+ controls.children('.imgControlCenter').hover(function() {
|
|
|
+ $(this).parent().parent().setBackgroundPosition({
|
|
|
+ x : -2085
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ $(this).parent().parent().setBackgroundPosition({
|
|
|
+ x : -1825
|
|
|
+ });
|
|
|
+ });
|
|
|
+ controls.children('.imgControlCenter').click(function() {
|
|
|
+ $('.close2', panel).click();
|
|
|
+ methods.highlight($('#' + $(this).parent().parent().attr("data-prop")).children('.box'), 8, 100, '0 0');
|
|
|
+ // -390px
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ if (counter < 3) {
|
|
|
+ panelContent.width(148);
|
|
|
+ } else {
|
|
|
+ var tot = (counter / 3 + (counter % 3 > 0 ? 1 : 0) + '').split('.')[0];
|
|
|
+ if (tot > 7) {
|
|
|
+ tot = 7;
|
|
|
+ }
|
|
|
+ panelContent.width(20 + (tot) * 128);
|
|
|
+ close.css({
|
|
|
+ position : 'absolute',
|
|
|
+ left : panelContent.width() + 1,
|
|
|
+ top : 0
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+ counter++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ panelContent.width(148);
|
|
|
+ if (imagePanel.children('.amsg').length == 0) {
|
|
|
+ imagePanel.append('<span class="amsg">' + lang('imagesNotFound') + '</span>');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ close.css({
|
|
|
+ position : 'absolute',
|
|
|
+ left : panelContent.width() + 1,
|
|
|
+ top : 0
|
|
|
+ });
|
|
|
+
|
|
|
+ } else {
|
|
|
+ methods.highlight(panel.children('.images'), 2, 200, '-610px -450px');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ highlight : function(object, times, speed, backmove) {
|
|
|
+
|
|
|
+ if (times > 0) {
|
|
|
+ times--;
|
|
|
+ var css = object.css('background-position');
|
|
|
+ object.doTimeout(speed, function() {
|
|
|
+ object.css({
|
|
|
+ 'background-position' : backmove
|
|
|
+ });
|
|
|
+ object.doTimeout(speed, function() {
|
|
|
+ object.css({
|
|
|
+ 'background-position' : css
|
|
|
+ });
|
|
|
+ methods.highlight(object, times, speed, backmove);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ renewDrag : function(aDivList) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+
|
|
|
+ aDivList.each(function() {
|
|
|
+ if ($(this).attr("class").indexOf('ui-draggable') == -1) {
|
|
|
+ $(this).draggable({
|
|
|
+ // handle:'.boxTitle',
|
|
|
+ stack : '.boxWrapper',
|
|
|
+ containment : "parent",
|
|
|
+ start : function() {
|
|
|
+ $(".toolBox").remove();
|
|
|
+ $('#line-' + $(this).attr("id")).clearCanvas();
|
|
|
+ var generatedRev = $.jStorage.get('storeIds-generatedByRev-' + $(this).attr("id"));
|
|
|
+ if (generatedRev) {
|
|
|
+ for (var a = 0; a < generatedRev.length; a++) {
|
|
|
+ generated = $.jStorage.get('storeIds-generatedBy-' + generatedRev[a]);
|
|
|
+ $('#line-' + generatedRev[a]).clearCanvas();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ drag : function(event, ui) {
|
|
|
+ },
|
|
|
+ stop : function(event, ui) {
|
|
|
+ methods.drawAllLines($(this));
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' renewDrag ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ centerBox : function(aBox) {
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+
|
|
|
+ var top = ($(context).height() - 65) / 2 + ($(context).scrollTop() || 0);
|
|
|
+ var left = ($(context).width() - 65) / 2 + ($(context).scrollLeft() || 0);
|
|
|
+ var props = {
|
|
|
+ position : 'absolute',
|
|
|
+ left : left,
|
|
|
+ top : top
|
|
|
+ };
|
|
|
+
|
|
|
+ window.scrollBy(-context.width(), -context.height());
|
|
|
+ window.scrollBy($(context).width() / 2 - $(window).width() / 2 + 25, $(context).height() / 2 - $(window).height() / 2 + 65);
|
|
|
+
|
|
|
+ try {
|
|
|
+ aBox.animate(props, 1000);
|
|
|
+ } catch (e) {
|
|
|
+ aBox.css(props);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' centerBox ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ autoExpand : function(obj) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+
|
|
|
+ $.each(globalInnerPageMap, function(key, element) {
|
|
|
+ if (element.children(".relatedBox:not([class*=exploded])").length > 0) {
|
|
|
+ if (element.parent().length == 0) {
|
|
|
+ context.append(element);
|
|
|
+ }
|
|
|
+ element.children(".relatedBox:not([class*=exploded])").each(function() {
|
|
|
+ var aId = $(this).attr("relmd5");
|
|
|
+ var newObj = context.children('#' + aId);
|
|
|
+ if (newObj.length > 0) {
|
|
|
+ $(this).click();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ context.children('.innerPage').detach();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ context.find(".relatedBox:not([class*=exploded])").each(function() {
|
|
|
+ var aId = $(this).attr("relmd5");
|
|
|
+ var newObj = context.children('#' + aId);
|
|
|
+ if (newObj.length > 0) {
|
|
|
+ $(this).click();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' autoExpand ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addNewDoc : function(obj, ele, callback) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+
|
|
|
+ var aId = ele.attr("relmd5");
|
|
|
+ var newObj = context.find('#' + aId);
|
|
|
+ var isInverse = ele.attr("class").indexOf("inverse") != -1;
|
|
|
+
|
|
|
+ var exist = true;
|
|
|
+ // verifico se esistono box rappresentativi dello stesso documento
|
|
|
+ // nella pagina
|
|
|
+ if (newObj.length == 0) {
|
|
|
+ newObj = $($.jStorage.get('boxTemplate'));
|
|
|
+ exist = false;
|
|
|
+ }
|
|
|
+ var originalCircus = $("#" + ele.attr("data-circleId"));
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc 01 ');
|
|
|
+ }
|
|
|
+ if (!isInverse) {
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc 02 ');
|
|
|
+ }
|
|
|
+ var connected = $.jStorage.get('storeIds-generatedBy-' + originalCircus.attr("id"));
|
|
|
+ if (!connected) {
|
|
|
+ connected = [aId];
|
|
|
+ } else {
|
|
|
+ if ($.inArray(aId, connected) == -1) {
|
|
|
+ connected.push(aId);
|
|
|
+ } else {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc 03 ');
|
|
|
+ }
|
|
|
+ $.jStorage.set('storeIds-generatedBy-' + originalCircus.attr("id"), connected);
|
|
|
+ connected = $.jStorage.get('storeIds-generatedByRev-' + aId);
|
|
|
+ if (!connected) {
|
|
|
+ connected = [originalCircus.attr("id")];
|
|
|
+ } else {
|
|
|
+ if ($.inArray(originalCircus.attr("id"), connected) == -1) {
|
|
|
+ connected.push(originalCircus.attr("id"));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc 04 ');
|
|
|
+ }
|
|
|
+ $.jStorage.set('storeIds-generatedByRev-' + aId, connected);
|
|
|
+ }
|
|
|
+
|
|
|
+ var propertyName = ele.attr("data-property");
|
|
|
+ newObj.attr("id", aId);
|
|
|
+ newObj.attr("rel", ele.attr("rel"));
|
|
|
+
|
|
|
+ var fromInverse = isInverse ? 'div[data-property="' + ele.attr("data-property") + '"][rel="' + obj.attr("rel") + '"]' : null;
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc 05 ');
|
|
|
+ }
|
|
|
+ // nascondo l'oggetto del click e carico la risorsa successiva
|
|
|
+ $(ele).hide();
|
|
|
+ if (!exist) {
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc 06 ');
|
|
|
+ }
|
|
|
+ var pos = parseInt(ele.attr("data-circlePos"), 10);
|
|
|
+ var parts = parseInt(ele.attr("data-circleParts"), 10);
|
|
|
+ // var chordsListExpand = this.lodlive('circleChords',
|
|
|
+ // ele.attr("data-circleParts") > 10 ? (pos % 2 > 0 ?
|
|
|
+ // originalCircus.width() * 3 : originalCircus.width() * 2) :
|
|
|
+ // originalCircus.width() * 5 / 2,
|
|
|
+ // parseInt(ele.attr("data-circleParts"), 10) + 4,
|
|
|
+ // originalCircus.position().left + obj.width() / 2,
|
|
|
+ // originalCircus.position().top + originalCircus.height() / 2,
|
|
|
+ // pos + 1);
|
|
|
+ var chordsListExpand = methods.circleChords(parts > 10 ? (pos % 2 > 0 ? originalCircus.width() * 3 : originalCircus.width() * 2) : originalCircus.width() * 5 / 2, parts, originalCircus.position().left + obj.width() / 2, originalCircus.position().top + originalCircus.height() / 2, null, pos);
|
|
|
+ context.append(newObj);
|
|
|
+ /*
|
|
|
+ * newObj.css({ "left" : originalCircus.position().left + originalCircus.width() / 2 - newObj.width() / 2, "top" : originalCircus.position().top +
|
|
|
+ * originalCircus.height() / 2 - newObj.height() / 2, "opacity" : 0.1, "zIndex" : 99 });
|
|
|
+ */
|
|
|
+ newObj.css({
|
|
|
+ "left" : (chordsListExpand[0][0] - newObj.height() / 2),
|
|
|
+ "top" : (chordsListExpand[0][1] - newObj.width() / 2),
|
|
|
+ "opacity" : 1,
|
|
|
+ "zIndex" : 99
|
|
|
+ });
|
|
|
+
|
|
|
+ /*
|
|
|
+ * newObj.animate({ "left" : (chordsListExpand[pos][0] - newObj.height() / 2), "top" : (chordsListExpand[pos][1] - newObj.width() / 2), "opacity" : 1 }, 400, '',
|
|
|
+ * function() {
|
|
|
+ */
|
|
|
+ methods.renewDrag(context.children('.boxWrapper'));
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc 07 ');
|
|
|
+ }
|
|
|
+ if (!isInverse) {
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc 08 ');
|
|
|
+ }
|
|
|
+ if ($.jStorage.get('doInverse')) {
|
|
|
+ methods.openDoc($(ele).attr("rel"), newObj, fromInverse);
|
|
|
+ } else {
|
|
|
+ methods.openDoc($(ele).attr("rel"), newObj);
|
|
|
+ }
|
|
|
+ methods.drawaLine(obj, newObj, propertyName);
|
|
|
+ } else {
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc 09 ');
|
|
|
+ }
|
|
|
+ methods.openDoc($(ele).attr("rel"), newObj, fromInverse);
|
|
|
+ }
|
|
|
+ // });
|
|
|
+ } else {
|
|
|
+ if (!isInverse) {
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc 10 ');
|
|
|
+ }
|
|
|
+ methods.renewDrag(context.children('.boxWrapper'));
|
|
|
+ methods.drawaLine(obj, newObj, propertyName);
|
|
|
+ } else {
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc 11 ');
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ // $(fromInverse).click();
|
|
|
+ } catch (e) {
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (callback) {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addNewDoc ');
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ removeDoc : function(obj, callback) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+ $(".toolBox").remove();
|
|
|
+ // $(".tipsy").remove();
|
|
|
+
|
|
|
+ var id = obj.attr("id");
|
|
|
+ methods.queryConsole('remove', {
|
|
|
+ uriId : obj.attr('rel')
|
|
|
+ });
|
|
|
+ $("#line-" + id).clearCanvas();
|
|
|
+ var generatedRev = $.jStorage.get('storeIds-generatedByRev-' + id);
|
|
|
+ if (generatedRev) {
|
|
|
+ for (var a = 0; a < generatedRev.length; a++) {
|
|
|
+ $('#line-' + generatedRev[a]).clearCanvas();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ methods.docInfo('', 'close');
|
|
|
+
|
|
|
+ if ($.jStorage.get('doCollectImages', true)) {
|
|
|
+ var imagesMap = $.jStorage.get("imagesMap", {});
|
|
|
+ if (imagesMap[id]) {
|
|
|
+ delete imagesMap[id];
|
|
|
+ $.jStorage.set('imagesMap', imagesMap);
|
|
|
+ methods.updateImagePanel($('#controlPanel'));
|
|
|
+ $('#controlPanel').find('a[class*=img-' + id + ']').remove();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if ($.jStorage.get('doDrawMap', true)) {
|
|
|
+ var mapsMap = $.jStorage.get("mapsMap", {});
|
|
|
+ if (mapsMap[id]) {
|
|
|
+ delete mapsMap[id];
|
|
|
+ $.jStorage.set('mapsMap', mapsMap);
|
|
|
+ methods.updateMapPanel($('#controlPanel'));
|
|
|
+ // $('#controlPanel').find('a[class*=img-' + id +
|
|
|
+ // ']').remove();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ obj.fadeOut('normal', null, function() {
|
|
|
+ obj.remove();
|
|
|
+ $.each(globalInnerPageMap, function(key, element) {
|
|
|
+ if (element.children("." + id).length > 0) {
|
|
|
+ $('#' + key).append(element);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $("." + id).each(function() {
|
|
|
+ $(this).show();
|
|
|
+ $(this).removeClass("exploded");
|
|
|
+ });
|
|
|
+ $.each(globalInnerPageMap, function(key, element) {
|
|
|
+ if (element.children("." + id).length > 0) {
|
|
|
+ var lastClick = $('#' + key).find('.lastClick').attr("rel");
|
|
|
+ if ($('#' + key).children('.innerPage').children('.' + lastClick).length == 0) {
|
|
|
+ $('#' + key).children('.innerPage').detach();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // $('#'+id).children('.innerPage').detach();
|
|
|
+ var generated = $.jStorage.get('storeIds-generatedBy-' + id);
|
|
|
+ var generatedRev = $.jStorage.get('storeIds-generatedByRev-' + id);
|
|
|
+ if (generatedRev) {
|
|
|
+ for (var int = 0; int < generatedRev.length; int++) {
|
|
|
+ var generatedBy = $.jStorage.get('storeIds-generatedBy-' + generatedRev[int]);
|
|
|
+ if (generatedBy) {
|
|
|
+ for (var int2 = 0; int2 < generatedBy.length; int2++) {
|
|
|
+ if (generatedBy[int2] == id) {
|
|
|
+ generatedBy.splice(int2, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $.jStorage.set('storeIds-generatedBy-' + generatedRev[int], generatedBy);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (generated) {
|
|
|
+ for (var int = 0; int < generated.length; int++) {
|
|
|
+ var generatedBy = $.jStorage.get('storeIds-generatedByRev-' + generated[int]);
|
|
|
+ if (generatedBy) {
|
|
|
+ for (var int2 = 0; int2 < generatedBy.length; int2++) {
|
|
|
+ if (generatedBy[int2] == id) {
|
|
|
+ generatedBy.splice(int2, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $.jStorage.set('storeIds-generatedByRev-' + generated[int], generatedBy);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ generatedRev = $.jStorage.get('storeIds-generatedByRev-' + id);
|
|
|
+ if (generatedRev) {
|
|
|
+ for (var a = 0; a < generatedRev.length; a++) {
|
|
|
+ generated = $.jStorage.get('storeIds-generatedBy-' + generatedRev[a]);
|
|
|
+ if (generated) {
|
|
|
+ for (var a2 = 0; a2 < generated.length; a2++) {
|
|
|
+ methods.drawaLine($('#' + generatedRev[a]), $("#" + generated[a2]));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $.jStorage.set('storeIds-generatedByRev-' + id, []);
|
|
|
+ $.jStorage.set('storeIds-generatedBy-' + id, []);
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' removeDoc ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addClick : function(obj, callback) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+
|
|
|
+ // per ogni nuova risorsa collegata al documento corrente imposto le
|
|
|
+ // azioni "onclick"
|
|
|
+
|
|
|
+ obj.find("div.relatedBox").each(function() {
|
|
|
+ $(this).attr("relmd5", MD5($(this).attr("rel")));
|
|
|
+ $(this).click(function() {
|
|
|
+ $(this).addClass("exploded");
|
|
|
+ methods.addNewDoc(obj, $(this));
|
|
|
+ // methods.docInfo('', 'close');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ $(this).hover(function() {
|
|
|
+ methods.msg($(this).attr('data-title'), 'show', null, null, $(this).hasClass("inverse"));
|
|
|
+ }, function() {
|
|
|
+ methods.msg(null, 'hide');
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ obj.find(".groupedRelatedBox").each(function() {
|
|
|
+ $(this).click(function() {
|
|
|
+ if ($(this).data('show')) {
|
|
|
+ $(this).data('show', false);
|
|
|
+ methods.docInfo('', 'close');
|
|
|
+ $(this).removeClass('lastClick');
|
|
|
+ obj.find("." + $(this).attr("rel")).fadeOut('fast');
|
|
|
+ $(this).fadeTo('fast', 1);
|
|
|
+ obj.children('.innerPage').detach();
|
|
|
+ } else {
|
|
|
+ $(this).data('show', true);
|
|
|
+ obj.append(globalInnerPageMap[obj.attr("id")]);
|
|
|
+ methods.docInfo('', 'close');
|
|
|
+ obj.find('.lastClick').removeClass('lastClick').click();
|
|
|
+ if (obj.children('.innerPage').length == 0) {
|
|
|
+ obj.append(globalInnerPageMap[obj.attr("id")]);
|
|
|
+ }
|
|
|
+ $(this).addClass('lastClick');
|
|
|
+ obj.find("." + $(this).attr("rel") + ":not([class*=exploded])").fadeIn('fast');
|
|
|
+ $(this).fadeTo('fast', 0.3);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $(this).hover(function() {
|
|
|
+ methods.msg($(this).attr('data-title'), 'show', null, null, $(this).hasClass("inverse"));
|
|
|
+ }, function() {
|
|
|
+ methods.msg(null, 'hide');
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ globalInnerPageMap[obj.attr("id")] = obj.children('.innerPage');
|
|
|
+ obj.children('.innerPage').detach();
|
|
|
+ // aggiungo le azioni dei tools
|
|
|
+ obj.find(".actionBox[rel=contents]").click(function() {
|
|
|
+ methods.docInfo(obj, 'open');
|
|
|
+ });
|
|
|
+ obj.find(".actionBox[rel=tools]").click(function() {
|
|
|
+ if ($(".toolBox:visible").length == 0) {
|
|
|
+ var pos = obj.position();
|
|
|
+ var tools = $("<div class=\"toolBox sprite\" style=\"display:none\" ><div class=\"innerActionBox infoQ\" rel=\"infoQ\" title=\"" + lang('moreInfoOnThis') + "\" > </div><div class=\"innerActionBox center\" rel=\"center\" title=\"" + lang('centerClose') + "\" > </div><div class=\"innerActionBox newpage\" rel=\"newpage\" title=\"" + lang('openOnline') + "\" > </div><div class=\"innerActionBox expand\" rel=\"expand\" title=\"" + lang('openRelated') + "\" > </div><div class=\"innerActionBox remove\" rel=\"remove\" title=\"" + lang('removeResource') + "\" > </div></div>");
|
|
|
+ context.append(tools);
|
|
|
+ tools.css({
|
|
|
+ top : pos.top - 23,
|
|
|
+ left : pos.left + 10
|
|
|
+ });
|
|
|
+ tools.fadeIn('fast');
|
|
|
+ tools.find(".innerActionBox[rel=expand]").each(function() {
|
|
|
+ $(this).click(function() {
|
|
|
+ tools.remove();
|
|
|
+ // $('.tipsy').remove();
|
|
|
+ methods.docInfo('', 'close');
|
|
|
+ var idx = 0;
|
|
|
+ var elements = obj.find("div.relatedBox:visible");
|
|
|
+ elements.doTimeout(250, function() {
|
|
|
+ var elem = this.eq(idx++);
|
|
|
+ if (elem.length) {
|
|
|
+ elem.trigger('click');
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $(this).hover(function() {
|
|
|
+ tools.setBackgroundPosition({
|
|
|
+ y : -515
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ tools.setBackgroundPosition({
|
|
|
+ y : -395
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ tools.find(".innerActionBox[rel=infoQ]").each(function() {
|
|
|
+ $(this).click(function() {
|
|
|
+ tools.remove();
|
|
|
+ methods.queryConsole('show', {
|
|
|
+ uriId : obj.attr('rel')
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $(this).hover(function() {
|
|
|
+ tools.setBackgroundPosition({
|
|
|
+ y : -425
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ tools.setBackgroundPosition({
|
|
|
+ y : -395
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ tools.find(".innerActionBox[rel=remove]").each(function() {
|
|
|
+ $(this).click(function() {
|
|
|
+ // $('.tipsy').remove();
|
|
|
+ methods.removeDoc(obj);
|
|
|
+ tools.remove();
|
|
|
+ methods.docInfo('', 'close');
|
|
|
+ });
|
|
|
+ $(this).hover(function() {
|
|
|
+ tools.setBackgroundPosition({
|
|
|
+ y : -545
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ tools.setBackgroundPosition({
|
|
|
+ y : -395
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ tools.find(".innerActionBox[rel=newpage]").each(function() {
|
|
|
+ $(this).click(function() {
|
|
|
+ tools.remove();
|
|
|
+ // $('.tipsy').remove();
|
|
|
+ methods.docInfo('', 'close');
|
|
|
+ window.open(obj.attr("rel"));
|
|
|
+ });
|
|
|
+ $(this).hover(function() {
|
|
|
+ $(this).parent().setBackgroundPosition({
|
|
|
+ y : -485
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ $(this).parent().setBackgroundPosition({
|
|
|
+ y : -395
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
+ tools.find(".innerActionBox[rel=center]").each(function() {
|
|
|
+ $(this).click(function() {
|
|
|
+ var loca = $(location).attr('href');
|
|
|
+ if (loca.indexOf('?http') != -1) {
|
|
|
+ document.location = loca.substring(0, loca.indexOf('?')) + '?' + obj.attr('rel');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $(this).hover(function() {
|
|
|
+ tools.setBackgroundPosition({
|
|
|
+ y : -455
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ tools.setBackgroundPosition({
|
|
|
+ y : -395
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ $(".toolBox").fadeOut('fast', null, function() {
|
|
|
+ $(".toolBox").remove();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (callback) {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' addClick ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ parseRawResourceDoc : function(destBox, URI) {
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+ var uris = [];
|
|
|
+ var bnodes = [];
|
|
|
+ var values = [];
|
|
|
+ if (lodLiveProfile['default']) {
|
|
|
+ // attivo lo sparql interno basato su sesame
|
|
|
+ var res = getSparqlConf('document', lodLiveProfile['default'], lodLiveProfile).replace(/\{URI\}/ig, URI);
|
|
|
+ var url = lodLiveProfile['default'].endpoint + "?uri=" + encodeURIComponent(URI) + "&query=" + encodeURIComponent(res);
|
|
|
+ if ($.jStorage.get('showInfoConsole')) {
|
|
|
+ methods.queryConsole('log', {
|
|
|
+ title : lang('endpointNotConfiguredSoInternal'),
|
|
|
+ text : res,
|
|
|
+ uriId : URI
|
|
|
+ });
|
|
|
+ }
|
|
|
+ $.jsonp({
|
|
|
+ url : url,
|
|
|
+ beforeSend : function() {
|
|
|
+ $('body').append(destBox);
|
|
|
+ destBox.html('<img style=\"margin-left:' + (destBox.width() / 2) + 'px;margin-top:147px\" src="img/ajax-loader-gray.gif"/>');
|
|
|
+ destBox.css({
|
|
|
+ position : 'fixed',
|
|
|
+ left : $(window).width() - $('#docInfo').width() - 20,
|
|
|
+ top : 0
|
|
|
+ });
|
|
|
+ destBox.attr("data-top", destBox.position().top);
|
|
|
+ },
|
|
|
+ success : function(json) {
|
|
|
+
|
|
|
+ json = json['results']['bindings'];
|
|
|
+ $.each(json, function(key, value) {
|
|
|
+ if (value.object.type == 'uri') {
|
|
|
+ eval('uris.push({\'' + value['property']['value'] + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ } else if (value.object.type == 'bnode') {
|
|
|
+ eval('bnodes.push({\'' + value['property']['value'] + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ } else {
|
|
|
+ eval('values.push({\'' + value['property']['value'] + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ destBox.html('');
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug(URI + ' ');
|
|
|
+ console.debug(values);
|
|
|
+ }
|
|
|
+
|
|
|
+ methods.formatDoc(destBox, values, uris, bnodes, URI);
|
|
|
+ },
|
|
|
+ error : function(e, b, v) {
|
|
|
+ destBox.html('');
|
|
|
+ values = [{
|
|
|
+ 'http://system/msg' : 'risorsa non trovata: ' + destBox.attr('rel')
|
|
|
+ }];
|
|
|
+ methods.formatDoc(destBox, values, uris, bnodes, URI);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' parseRawResourceDoc ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ docInfo : function(obj, action) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+
|
|
|
+ if (action == 'open') {
|
|
|
+ var URI = obj.attr('rel');
|
|
|
+ if ($('#docInfo').length > 0) {
|
|
|
+ $('#docInfo').fadeOut('fast', null, function() {
|
|
|
+ $('#docInfo').remove();
|
|
|
+ });
|
|
|
+ if ($('#docInfo[rel="info-' + URI + '"]').length > 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // predispongo il div contenente il documento
|
|
|
+ var destBox = $('<div id="docInfo" rel="info-' + URI + '"></div>');
|
|
|
+ $('body').append(destBox);
|
|
|
+ var SPARQLquery = methods.composeQuery(URI, 'document');
|
|
|
+ var uris = [];
|
|
|
+ var bnodes = [];
|
|
|
+ var values = [];
|
|
|
+ if (SPARQLquery.indexOf("http://system/dummy") == 0) {
|
|
|
+ methods.parseRawResourceDoc(destBox, URI);
|
|
|
+ } else {
|
|
|
+ $.jsonp({
|
|
|
+ url : SPARQLquery,
|
|
|
+ beforeSend : function() {
|
|
|
+ destBox.html('<img style=\"margin-left:' + (destBox.width() / 2) + 'px;margin-top:147px\" src="img/ajax-loader-gray.gif"/>');
|
|
|
+ destBox.css({
|
|
|
+ position : 'fixed',
|
|
|
+ left : $(window).width() - $('#docInfo').width() - 20,
|
|
|
+ // height : $(window).height() - 20,
|
|
|
+ top : 0
|
|
|
+ });
|
|
|
+ destBox.attr("data-top", destBox.position().top);
|
|
|
+ },
|
|
|
+ success : function(json) {
|
|
|
+ json = json['results']['bindings'];
|
|
|
+ $.each(json, function(key, value) {
|
|
|
+ if (value.object.type == 'uri') {
|
|
|
+ eval('uris.push({\'' + value['property']['value'] + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ } else if (value.object.type == 'bnode') {
|
|
|
+ eval('bnodes.push({\'' + value['property']['value'] + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ } else {
|
|
|
+ eval('values.push({\'' + value['property']['value'] + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ destBox.html('');
|
|
|
+ methods.formatDoc(destBox, values, uris, bnodes, URI);
|
|
|
+ },
|
|
|
+ error : function(e, b, v) {
|
|
|
+ destBox.html('');
|
|
|
+ values = [{
|
|
|
+ 'http://system/msg' : 'risorsa non trovata: ' + destBox.attr('rel')
|
|
|
+ }];
|
|
|
+ methods.formatDoc(destBox, values, uris, bnodes, URI);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else if (action == 'move') {
|
|
|
+ /*
|
|
|
+ * if ($('#docInfo').height() > $(window).height() + 10) { $('#docInfo').css({ position : 'absolute', left : $(window).width() + $('body').scrollLeft() -
|
|
|
+ * $('#docInfo').width() - 20, top : $('#docInfo').attr("data-top") }); } else { $('#docInfo').css({ position : 'fixed', left : $(window).width() -
|
|
|
+ * $('#docInfo').width() - 20, top : 0 }); }
|
|
|
+ */
|
|
|
+
|
|
|
+ } else {
|
|
|
+ $('#docInfo').fadeOut('fast', null, function() {
|
|
|
+ $('#docInfo').remove();
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' docInfo ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ processDraw : function(x1, y1, x2, y2, canvas, toId) {
|
|
|
+
|
|
|
+ try {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+ // recupero il nome della proprieta'
|
|
|
+ var label = "";
|
|
|
+
|
|
|
+ var lineStyle = "standardLine";
|
|
|
+ if ($("#" + toId).length > 0) {
|
|
|
+ label = canvas.attr("data-propertyName-" + toId);
|
|
|
+ var labeArray = label.split("\|");
|
|
|
+ label = "\n";
|
|
|
+ for (var o = 0; o < labeArray.length; o++) {
|
|
|
+ if (lodLiveProfile.arrows[$.trim(labeArray[o])]) {
|
|
|
+ lineStyle = lodLiveProfile.arrows[$.trim(labeArray[o])] + "Line";
|
|
|
+ }
|
|
|
+ var shortKey = $.trim(labeArray[o]);
|
|
|
+
|
|
|
+ if(lodLiveProfile['labeler'][shortKey]){
|
|
|
+ // replace property with a specific label
|
|
|
+ shortKey = lodLiveProfile['labeler'][shortKey];
|
|
|
+ }else{
|
|
|
+ // otherwise just a portion of the URI
|
|
|
+ while (shortKey.indexOf('/') > -1) {
|
|
|
+ shortKey = shortKey.substring(shortKey.indexOf('/') + 1);
|
|
|
+ }
|
|
|
+ while (shortKey.indexOf('#') > -1) {
|
|
|
+ shortKey = shortKey.substring(shortKey.indexOf('#') + 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (label.indexOf("\n" + shortKey + "\n") == -1) {
|
|
|
+ label += shortKey + "\n";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (lineStyle == 'standardLine') {
|
|
|
+ context.lodlive(lineStyle, label, x1, y1, x2, y2, canvas, toId);
|
|
|
+ } else {
|
|
|
+ $().customLines(context, lineStyle, label, x1, y1, x2, y2, canvas, toId);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' processDraw ');
|
|
|
+ }
|
|
|
+ } catch (e) {
|
|
|
+ }
|
|
|
+ },
|
|
|
+ drawAllLines : function(obj) {
|
|
|
+
|
|
|
+ var generated = $.jStorage.get('storeIds-generatedBy-' + obj.attr("id"));
|
|
|
+ var generatedRev = $.jStorage.get('storeIds-generatedByRev-' + obj.attr("id"));
|
|
|
+ // elimino la riga se già presente (in caso di
|
|
|
+ // spostamento di un
|
|
|
+ // box)
|
|
|
+ $('#line-' + obj.attr("id")).clearCanvas();
|
|
|
+ if (generated) {
|
|
|
+ for (var a = 0; a < generated.length; a++) {
|
|
|
+ methods.drawaLine(obj, $("#" + generated[a]));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (generatedRev) {
|
|
|
+ for (var a = 0; a < generatedRev.length; a++) {
|
|
|
+ generated = $.jStorage.get('storeIds-generatedBy-' + generatedRev[a]);
|
|
|
+ $('#line-' + generatedRev[a]).clearCanvas();
|
|
|
+ if (generated) {
|
|
|
+ for (var a2 = 0; a2 < generated.length; a2++) {
|
|
|
+ methods.drawaLine($('#' + generatedRev[a]), $("#" + generated[a2]));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ drawaLine : function(from, to, propertyName) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+
|
|
|
+ var pos1 = from.position();
|
|
|
+ var pos2 = to.position();
|
|
|
+ var aCanvas = $("#line-" + from.attr("id"));
|
|
|
+ // console.debug(new Date().getTime()+'moving - '+(new Date())+" -
|
|
|
+ // #line-" +
|
|
|
+ // from.attr("id") + "-" + to.attr("id"))
|
|
|
+ if (aCanvas.length == 1) {
|
|
|
+ if (propertyName) {
|
|
|
+ aCanvas.attr("data-propertyName-" + to.attr("id"), propertyName);
|
|
|
+ }
|
|
|
+ methods.processDraw(pos1.left + from.width() / 2, pos1.top + from.height() / 2, pos2.left + to.width() / 2, pos2.top + to.height() / 2, aCanvas, to.attr("id"));
|
|
|
+ } else {
|
|
|
+ aCanvas = $("<canvas data-propertyName-" + to.attr("id") + "=\"" + propertyName + "\" height=\"" + context.height() + "\" width=\"" + context.width() + "\" id=\"line-" + from.attr("id") + "\"></canvas>");
|
|
|
+ context.append(aCanvas);
|
|
|
+ aCanvas.css({
|
|
|
+ 'position' : 'absolute',
|
|
|
+ 'zIndex' : '0',
|
|
|
+ 'top' : 0,
|
|
|
+ 'left' : 0
|
|
|
+ });
|
|
|
+ methods.processDraw(pos1.left + from.width() / 2, pos1.top + from.height() / 2, pos2.left + to.width() / 2, pos2.top + to.height() / 2, aCanvas, to.attr("id"));
|
|
|
+ }
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' drawaLine ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // formatto ed inserisco i valori recuperati dal json
|
|
|
+ formatDoc : function(destBox, values, uris, bnodes, URI) {
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug("formatDoc " + 0);
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+
|
|
|
+ // recupero il doctype per caricare le configurazioni specifiche
|
|
|
+ var docType = methods.getJsonValue(uris, 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type', 'default');
|
|
|
+ // carico le configurazioni relative allo stile
|
|
|
+ destBox.addClass(methods.getProperty("document", "className", docType));
|
|
|
+ // ed ai path degli oggetti di tipo immagine
|
|
|
+ var images = methods.getProperty("images", "properties", docType);
|
|
|
+ // ed ai path dei link esterni
|
|
|
+ var weblinks = methods.getProperty("weblinks", "properties", docType);
|
|
|
+ // ed eventuali configurazioni delle proprietà da mostrare
|
|
|
+ // TODO: fare in modo che sia sempre possibile mettere il dominio come fallback
|
|
|
+ var propertiesMapper = methods.getProperty("document", "propertiesMapper", URI.replace(/(http:\/\/[^\/]+\/).+/, "$1"));
|
|
|
+
|
|
|
+ // se la proprieta' e' stata scritta come stringa la trasformo in un
|
|
|
+ // array
|
|
|
+ if ( typeof images == typeof '') {
|
|
|
+ images = [images];
|
|
|
+ }
|
|
|
+ if ( typeof weblinks == typeof '') {
|
|
|
+ weblinks = [weblinks];
|
|
|
+ }
|
|
|
+
|
|
|
+ var result = "<div></div>";
|
|
|
+ var jResult = $(result);
|
|
|
+ // destBox.append(jResult);
|
|
|
+
|
|
|
+ // estraggo i contenuti
|
|
|
+ var contents = [];
|
|
|
+ $.each(values, function(key, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+ eval('contents.push({\'' + akey + '\':\'' + value[akey] + '\'})');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug("formatDoc " + 1);
|
|
|
+ }
|
|
|
+ // calcolo le uri e le url dei documenti correlati
|
|
|
+ var connectedImages = [];
|
|
|
+ var connectedWeblinks = [];
|
|
|
+ var types = [];
|
|
|
+
|
|
|
+ $.each(uris, function(key, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+ // escludo la definizione della classe, le proprieta'
|
|
|
+ // relative alle immagini ed ai link web
|
|
|
+ if (akey != 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type') {
|
|
|
+ if ($.inArray(akey, images) != -1) {
|
|
|
+ eval('connectedImages.push({\'' + akey + '\':\'' + value[akey] + '\'})');
|
|
|
+ } else if ($.inArray(akey, weblinks) != -1) {
|
|
|
+ eval('connectedWeblinks.push({\'' + akey + '\':\'' + value[akey] + '\'})');
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ types.push(unescape(value[akey]));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug("formatDoc " + 2);
|
|
|
+ }
|
|
|
+ // aggiungo al box le immagini correlate
|
|
|
+ var imagesj = null;
|
|
|
+ if (connectedImages.length > 0) {
|
|
|
+ imagesj = $('<div class="section" style="height:80px"></div>');
|
|
|
+ $.each(connectedImages, function(key, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+ imagesj.append("<a class=\"relatedImage\" href=\"" + unescape(value[akey]) + "\"><img src=\"" + unescape(value[akey]) + "\"/></a> ");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug("formatDoc " + 3);
|
|
|
+ }
|
|
|
+ var webLinkResult = null;
|
|
|
+ // aggiungo al box i link esterni correlati
|
|
|
+ if (connectedWeblinks.length > 0) {
|
|
|
+ webLinkResult = "<div class=\"section\"><ul style=\"padding:0;margin:0;display:block;overflow:hidden;tex-overflow:ellipses\">";
|
|
|
+ $.each(connectedWeblinks, function(key, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+ webLinkResult += "<li><a class=\"relatedLink\" target=\"_blank\" data-title=\"" + akey + " \n " + unescape(value[akey]) + "\" href=\"" + unescape(value[akey]) + "\">" + unescape(value[akey]) + "</a></li>";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ webLinkResult += "</ul></div>";
|
|
|
+ // jContents.append(webLinkResult);
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug("formatDoc " + 4);
|
|
|
+ }
|
|
|
+ // aggiungo al box le informazioni descrittive della risorsa
|
|
|
+ var jContents = $('<div></div>');
|
|
|
+ var topSection = $('<div class="topSection sprite"><span> </span></div>');
|
|
|
+ jResult.append(topSection);
|
|
|
+ topSection.find('span').each(function() {
|
|
|
+ $(this).click(function() {
|
|
|
+ methods.docInfo('', 'close');
|
|
|
+ });
|
|
|
+ $(this).hover(function() {
|
|
|
+ topSection.setBackgroundPosition({
|
|
|
+ y : -410
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ topSection.setBackgroundPosition({
|
|
|
+ y : -390
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug("formatDoc " + 5);
|
|
|
+ }
|
|
|
+ if (types.length > 0) {
|
|
|
+ var jSection = $("<div class=\"section\"><label data-title=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#type\">type</label><div></div></div>");
|
|
|
+ jSection.find('label').each(function() {
|
|
|
+ $(this).hover(function() {
|
|
|
+ methods.msg($(this).attr('data-title'), 'show');
|
|
|
+ }, function() {
|
|
|
+ methods.msg(null, 'hide');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ for (var int = 0; int < types.length; int++) {
|
|
|
+ var shortKey = types[int];
|
|
|
+ // calcolo una forma breve per la
|
|
|
+ // visualizzazione
|
|
|
+ // dell'etichetta della proprieta'
|
|
|
+ while (shortKey.indexOf('/') > -1) {
|
|
|
+ shortKey = shortKey.substring(shortKey.indexOf('/') + 1);
|
|
|
+ }
|
|
|
+ while (shortKey.indexOf('#') > -1) {
|
|
|
+ shortKey = shortKey.substring(shortKey.indexOf('#') + 1);
|
|
|
+ }
|
|
|
+ jSection.children('div').append("<span title=\"" + types[int] + "\">" + shortKey + " </span>");
|
|
|
+ }
|
|
|
+ jContents.append(jSection);
|
|
|
+ jContents.append("<div class=\"separ sprite\"></div>");
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug("formatDoc " + 6);
|
|
|
+ }
|
|
|
+ if (imagesj) {
|
|
|
+ jContents.append(imagesj);
|
|
|
+ jContents.append("<div class=\"separ sprite\"></div>");
|
|
|
+ }
|
|
|
+
|
|
|
+ if (webLinkResult) {
|
|
|
+ var jWebLinkResult = $(webLinkResult);
|
|
|
+ jWebLinkResult.find('a').each(function() {
|
|
|
+ $(this).hover(function() {
|
|
|
+ methods.msg($(this).attr('data-title'), 'show');
|
|
|
+ }, function() {
|
|
|
+ methods.msg(null, 'hide');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ jContents.append(jWebLinkResult);
|
|
|
+ jContents.append("<div class=\"separ sprite\"></div>");
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug("formatDoc " + 7);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (propertiesMapper) {
|
|
|
+ $.each(propertiesMapper, function(filter, label) {
|
|
|
+ // show all properties
|
|
|
+ $.each(contents, function(key, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+ if (filter == akey) {
|
|
|
+ var shortKey = label;
|
|
|
+ try {
|
|
|
+ var jSection = $("<div class=\"section\"><label data-title=\"" + akey + "\">" + shortKey + "</label><div>" + unescape(value[akey]) + "</div></div><div class=\"separ sprite\"></div>");
|
|
|
+ jSection.find('label').each(function() {
|
|
|
+ $(this).hover(function() {
|
|
|
+ methods.msg($(this).attr('data-title'), 'show');
|
|
|
+ }, function() {
|
|
|
+ methods.msg(null, 'hide');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ jContents.append(jSection);
|
|
|
+ } catch (e) {
|
|
|
+ // /console.debug(value[akey] + " --- " + shortKey);
|
|
|
+ }
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ } else {
|
|
|
+ // show all properties
|
|
|
+ $.each(contents, function(key, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+ var shortKey = akey;
|
|
|
+ // calcolo una forma breve per la visualizzazione
|
|
|
+ // dell'etichetta della proprieta'
|
|
|
+ while (shortKey.indexOf('/') > -1) {
|
|
|
+ shortKey = shortKey.substring(shortKey.indexOf('/') + 1);
|
|
|
+ }
|
|
|
+ while (shortKey.indexOf('#') > -1) {
|
|
|
+ shortKey = shortKey.substring(shortKey.indexOf('#') + 1);
|
|
|
+ }
|
|
|
+ try {
|
|
|
+
|
|
|
+ var jSection = $("<div class=\"section\"><label data-title=\"" + akey + "\">" + shortKey + "</label><div>" + unescape(value[akey]) + "</div></div><div class=\"separ sprite\"></div>");
|
|
|
+ jSection.find('label').each(function() {
|
|
|
+ $(this).hover(function() {
|
|
|
+ methods.msg($(this).attr('data-title'), 'show');
|
|
|
+ }, function() {
|
|
|
+ methods.msg(null, 'hide');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ jContents.append(jSection);
|
|
|
+ } catch (e) {
|
|
|
+ // /console.debug(value[akey] + " --- " + shortKey);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ if (bnodes.length > 0) {
|
|
|
+ // processo i blanknode
|
|
|
+ $.each(bnodes, function(key, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+ var shortKey = akey;
|
|
|
+ // calcolo una forma breve per la visualizzazione
|
|
|
+ // dell'etichetta della proprieta'
|
|
|
+ while (shortKey.indexOf('/') > -1) {
|
|
|
+ shortKey = shortKey.substring(shortKey.indexOf('/') + 1);
|
|
|
+ }
|
|
|
+ while (shortKey.indexOf('#') > -1) {
|
|
|
+ shortKey = shortKey.substring(shortKey.indexOf('#') + 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ var jBnode = $("<div class=\"section\"><label data-title=\"" + akey + "\">" + shortKey + "</label><span class=\"bnode\"></span></div><div class=\"separ sprite\"></div>");
|
|
|
+ jBnode.find('label').each(function() {
|
|
|
+ $(this).hover(function() {
|
|
|
+ methods.msg($(this).attr('data-title'), 'show');
|
|
|
+ }, function() {
|
|
|
+ methods.msg(null, 'hide');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ methods.resolveBnodes(unescape(value[akey]), URI, jBnode, jContents);
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ if (contents.length == 0 && bnodes.length == 0) {
|
|
|
+ var jSection = $("<div class=\"section\"><label data-title=\"" + lang('resourceMissingDoc') + "\"></label><div>" + lang('resourceMissingDoc') + "</div></div><div class=\"separ sprite\"></div>");
|
|
|
+ jSection.find('label').each(function() {
|
|
|
+ $(this).hover(function() {
|
|
|
+ methods.msg($(this).attr('data-title'), 'show');
|
|
|
+ }, function() {
|
|
|
+ methods.msg(null, 'hide');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ jContents.append(jSection);
|
|
|
+ }
|
|
|
+
|
|
|
+ destBox.append(jResult);
|
|
|
+ destBox.append(jContents);
|
|
|
+ // destBox.append("<div class=\"separLast\"></div>");
|
|
|
+
|
|
|
+ // aggiungo le funzionalita' per la visualizzazione delle immagini
|
|
|
+ jContents.find(".relatedImage").each(function() {
|
|
|
+ $(this).fancybox({
|
|
|
+ 'transitionIn' : 'elastic',
|
|
|
+ 'transitionOut' : 'elastic',
|
|
|
+ 'speedIn' : 400,
|
|
|
+ 'type' : 'image',
|
|
|
+ 'speedOut' : 200,
|
|
|
+ 'hideOnContentClick' : true,
|
|
|
+ 'showCloseButton' : false,
|
|
|
+ 'overlayShow' : false
|
|
|
+ });
|
|
|
+
|
|
|
+ $(this).find('img').each(function() {
|
|
|
+ $(this).load(function() {
|
|
|
+ if ($(this).width() > $(this).height()) {
|
|
|
+ $(this).height($(this).height() * 80 / $(this).width());
|
|
|
+ $(this).width(80);
|
|
|
+ } else {
|
|
|
+ $(this).width($(this).width() * 80 / $(this).height());
|
|
|
+ $(this).height(80);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $(this).error(function() {
|
|
|
+ $(this).attr("title", lang('noImage') + " \n" + $(this).attr("src"));
|
|
|
+ $(this).attr("src", "img/immagine-vuota-" + $.jStorage.get('selectedLanguage') + ".png");
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ if (jContents.height() + 40 > $(window).height()) {
|
|
|
+ destBox.find("div.separ:last").remove();
|
|
|
+ destBox.find("div.separLast").remove();
|
|
|
+ jContents.slimScroll({
|
|
|
+ height : $(window).height() - 40,
|
|
|
+ color : '#fff'
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ destBox.append("<div class=\"separLast\"></div>");
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' formatDoc ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ resolveBnodes : function(val, URI, destBox, jContents) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+
|
|
|
+ var SPARQLquery = methods.composeQuery(val, 'bnode', URI);
|
|
|
+
|
|
|
+ $.jsonp({
|
|
|
+ url : SPARQLquery,
|
|
|
+ beforeSend : function() {
|
|
|
+ destBox.find('span[class=bnode]').html('<img src="img/ajax-loader-black.gif"/>');
|
|
|
+
|
|
|
+ },
|
|
|
+ success : function(json) {
|
|
|
+ destBox.find('span[class=bnode]').html('');
|
|
|
+ json = json['results']['bindings'];
|
|
|
+ $.each(json, function(key, value) {
|
|
|
+ var shortKey = value.property.value;
|
|
|
+ // calcolo una forma breve per la
|
|
|
+ // visualizzazione
|
|
|
+ // dell'etichetta della proprieta'
|
|
|
+ while (shortKey.indexOf('/') > -1) {
|
|
|
+ shortKey = shortKey.substring(shortKey.indexOf('/') + 1);
|
|
|
+ }
|
|
|
+ while (shortKey.indexOf('#') > -1) {
|
|
|
+ shortKey = shortKey.substring(shortKey.indexOf('#') + 1);
|
|
|
+ }
|
|
|
+ if (value.object.type == 'uri') {
|
|
|
+
|
|
|
+ } else if (value.object.type == 'bnode') {
|
|
|
+ var jBnode = $("<span><label data-title=\"" + value.property.value + "\"> / " + shortKey + "</label><span class=\"bnode\"></span></span>");
|
|
|
+ jBnode.find('label').each(function() {
|
|
|
+ $(this).hover(function() {
|
|
|
+ methods.msg($(this).attr('data-title'), 'show');
|
|
|
+ }, function() {
|
|
|
+ methods.msg(null, 'hide');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ destBox.find('span[class=bnode]').attr("class", "").append(jBnode);
|
|
|
+ methods.resolveBnodes(value.object.value, URI, destBox, jContents);
|
|
|
+ } else {
|
|
|
+ destBox.find('span[class=bnode]').append('<div><em title="' + value.property.value + '">' + shortKey + "</em>: " + value.object.value + '</div>');
|
|
|
+ // destBox.find('span[class=bnode]').attr("class",
|
|
|
+ // "");
|
|
|
+ }
|
|
|
+ jContents.append(destBox);
|
|
|
+ if (jContents.height() + 40 > $(window).height()) {
|
|
|
+ jContents.slimScroll({
|
|
|
+ height : $(window).height() - 40,
|
|
|
+ color : '#fff'
|
|
|
+ });
|
|
|
+ jContents.parent().find("div.separLast").remove();
|
|
|
+ } else {
|
|
|
+ jContents.parent().append("<div class=\"separLast\"></div>");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ error : function(e, b, v) {
|
|
|
+ destBox.find('span').html('');
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' resolveBnodes ');
|
|
|
+ }
|
|
|
+ return val;
|
|
|
+ },
|
|
|
+ format : function(destBox, values, uris, inverses) {
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+ var containerBox = destBox.parent('div');
|
|
|
+ var thisUri = containerBox.attr('rel');
|
|
|
+
|
|
|
+ // recupero il doctype per caricare le configurazioni specifiche
|
|
|
+ var docType = methods.getJsonValue(uris, 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type', 'default');
|
|
|
+ if (thisUri.indexOf("~~") != -1) {
|
|
|
+ docType = 'bnode';
|
|
|
+ }
|
|
|
+ // carico le configurazioni relative allo stile
|
|
|
+ var aClass = methods.getProperty("document", "className", docType);
|
|
|
+ if (docType == 'bnode') {
|
|
|
+ aClass = 'bnode';
|
|
|
+ }
|
|
|
+ // destBox.addClass(aClass);
|
|
|
+ if (aClass == null || aClass == 'standard' || aClass == '') {
|
|
|
+ if ($.jStorage.get('classMap')[docType]) {
|
|
|
+ aClass = $.jStorage.get('classMap')[docType];
|
|
|
+ } else {
|
|
|
+ var classMap = $.jStorage.get('classMap');
|
|
|
+ aClass = "box" + $.jStorage.get('classMap').counter;
|
|
|
+ if ($.jStorage.get('classMap').counter == 13) {
|
|
|
+ classMap.counter = 1;
|
|
|
+ $.jStorage.set('classMap', classMap);
|
|
|
+ } else {
|
|
|
+ classMap.counter = classMap.counter + 1;
|
|
|
+ $.jStorage.set('classMap', classMap);
|
|
|
+ }
|
|
|
+ classMap[docType] = aClass;
|
|
|
+ $.jStorage.set('classMap', classMap);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ containerBox.addClass(aClass);
|
|
|
+ // ed ai path da mostrare nel titolo del box
|
|
|
+ var titles = methods.getProperty("document", "titleProperties", docType);
|
|
|
+ // ed ai path degli oggetti di tipo immagine
|
|
|
+ var images = methods.getProperty("images", "properties", docType);
|
|
|
+ // ed ai path dei link esterni
|
|
|
+ var weblinks = methods.getProperty("weblinks", "properties", docType);
|
|
|
+ // e le latitudini
|
|
|
+ var lats = methods.getProperty("maps", "lats", docType);
|
|
|
+ // e le longitudini
|
|
|
+ var longs = methods.getProperty("maps", "longs", docType);
|
|
|
+ // e punti
|
|
|
+ var points = methods.getProperty("maps", "points", docType);
|
|
|
+
|
|
|
+ // se la proprieta' e' stata scritta come stringa la trasformo in un
|
|
|
+ // array
|
|
|
+ if ( typeof titles == typeof '') {
|
|
|
+ titles = [titles];
|
|
|
+ }
|
|
|
+ if ( typeof images == typeof '') {
|
|
|
+ images = [images];
|
|
|
+ }
|
|
|
+ if ( typeof weblinks == typeof '') {
|
|
|
+ weblinks = [weblinks];
|
|
|
+ }
|
|
|
+ if ( typeof lats == typeof '') {
|
|
|
+ lats = [lats];
|
|
|
+ }
|
|
|
+ if ( typeof longs == typeof '') {
|
|
|
+ longs = [longs];
|
|
|
+ }
|
|
|
+ if ( typeof points == typeof '') {
|
|
|
+ points = [points];
|
|
|
+ }
|
|
|
+
|
|
|
+ // gestisco l'inserimento di messaggi di sistema come errori o altro
|
|
|
+ titles.push('http://system/msg');
|
|
|
+
|
|
|
+ // aggiungo al box il titolo
|
|
|
+ var result = "<div class=\"boxTitle\"><span class=\"ellipsis_text\">";
|
|
|
+ var maxTitles = 3;
|
|
|
+ for (var a = 0; a < titles.length && maxTitles > 0; a++) {
|
|
|
+ var resultArray = methods.getJsonValue(values, titles[a], titles[a].indexOf('http') == 0 ? '' : titles[a]);
|
|
|
+ if (titles[a].indexOf('http') != 0) {
|
|
|
+ if (result.indexOf($.trim(unescape(titles[a])) + " \n") == -1) {
|
|
|
+ result += $.trim(unescape(titles[a])) + " \n";
|
|
|
+ maxTitles--;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ for (var af = 0; af < resultArray.length; af++) {
|
|
|
+ if (result.indexOf(unescape(resultArray[af]) + " \n") == -1) {
|
|
|
+ result += unescape(resultArray[af]) + " \n";
|
|
|
+ maxTitles--;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if ((values.length == 0 && uris.length == 0) || containerBox.attr("data-endpoint").indexOf("http://system/dummy") == 0) {
|
|
|
+ if (containerBox.attr("data-endpoint").indexOf("http://system/dummy") != -1) {
|
|
|
+ containerBox.attr("data-endpoint", lang('endpointNotConfigured'));
|
|
|
+ }
|
|
|
+ if (uris.length == 0 && values.length == 0) {
|
|
|
+ result = "<div class=\"boxTitle\" threedots=\"" + lang('resourceMissing') + "\"><a target=\"_blank\" href=\"" + thisUri + "\"><span class=\"spriteLegenda\"></span>" + thisUri + "</a>";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ result += "</span></div>";
|
|
|
+ var jResult = $(result);
|
|
|
+ if (jResult.text() == '' && docType == 'bnode') {
|
|
|
+ jResult.text('[blank node]');
|
|
|
+ } else if (jResult.text() == '') {
|
|
|
+ jResult.text(lang('noName'));
|
|
|
+ }
|
|
|
+ destBox.append(jResult);
|
|
|
+ if (!jResult.children().html() || jResult.children().html().indexOf(">") == -1) {
|
|
|
+ jResult.ThreeDots({
|
|
|
+ max_rows : 3
|
|
|
+ });
|
|
|
+ }
|
|
|
+ var el = jResult.find('.threedots_ellipsis');
|
|
|
+ if (el.length > 0) {
|
|
|
+ el.detach();
|
|
|
+ jResult.children('span').append(el);
|
|
|
+ }
|
|
|
+ var resourceTitle = jResult.text();
|
|
|
+ // posiziono il titolo al centro del box
|
|
|
+ jResult.css({
|
|
|
+ 'marginTop' : jResult.height() == 13 ? 58 : jResult.height() == 26 ? 51 : 45,
|
|
|
+ 'height' : jResult.height() + 5
|
|
|
+ });
|
|
|
+
|
|
|
+ destBox.hover(function() {
|
|
|
+ methods.msg(jResult.attr("threedots") == '' ? jResult.text() : jResult.attr("threedots") + " \n " + thisUri, 'show', 'fullInfo', containerBox.attr("data-endpoint"));
|
|
|
+ }, function() {
|
|
|
+ methods.msg(null, 'hide');
|
|
|
+ });
|
|
|
+
|
|
|
+ // calcolo le uri e le url dei documenti correlati
|
|
|
+ var connectedDocs = [];
|
|
|
+ var invertedDocs = [];
|
|
|
+ var propertyGroup = {};
|
|
|
+ var propertyGroupInverted = {};
|
|
|
+
|
|
|
+ var connectedImages = [];
|
|
|
+ var connectedLongs = [];
|
|
|
+ var connectedLats = [];
|
|
|
+
|
|
|
+ var sameDocControl = [];
|
|
|
+ $.each(uris, function(key, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+
|
|
|
+ // escludo la definizione della classe, le proprieta'
|
|
|
+ // relative alle immagini ed ai link web
|
|
|
+ if (lodLiveProfile.uriSubstitutor) {
|
|
|
+ $.each(lodLiveProfile.uriSubstitutor, function(skey, svalue) {
|
|
|
+ value[akey] = value[akey].replace(svalue.findStr, svalue.replaceStr);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if ($.inArray(akey, images) > -1) {
|
|
|
+ eval('connectedImages.push({\'' + value[akey] + '\':\'' + escape(resourceTitle) + '\'})');
|
|
|
+ // to expand types } else if (akey !=
|
|
|
+ // 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type' &&
|
|
|
+ // $.inArray(akey, weblinks) == -1) {
|
|
|
+ } else if ($.inArray(akey, weblinks) == -1) {
|
|
|
+ // controllo se trovo la stessa relazione in una
|
|
|
+ // proprieta' diversa
|
|
|
+ if ($.inArray(value[akey], sameDocControl) > -1) {
|
|
|
+ var aCounter = 0;
|
|
|
+ $.each(connectedDocs, function(key2, value2) {
|
|
|
+ for (var akey2 in value2) {
|
|
|
+ if (value2[akey2] == value[akey]) {
|
|
|
+ eval('connectedDocs[' + aCounter + '] = {\'' + akey2 + ' | ' + akey + '\':\'' + value[akey] + '\'}');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ aCounter++;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ eval('connectedDocs.push({\'' + akey + '\':\'' + value[akey] + '\'})');
|
|
|
+ sameDocControl.push(value[akey]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+ if (inverses) {
|
|
|
+ sameDocControl = [];
|
|
|
+ $.each(inverses, function(key, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+ if (docType == 'bnode' && value[akey].indexOf("~~") != -1) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ if (lodLiveProfile.uriSubstitutor) {
|
|
|
+ $.each(lodLiveProfile.uriSubstitutor, function(skey, svalue) {
|
|
|
+ value[akey] = value[akey].replace(escape(svalue.findStr), escape(svalue.replaceStr));
|
|
|
+ });
|
|
|
+ }
|
|
|
+ // controllo se trovo la stessa relazione in una
|
|
|
+ // proprieta' diversa
|
|
|
+ if ($.inArray(value[akey], sameDocControl) > -1) {
|
|
|
+ var aCounter = 0;
|
|
|
+ $.each(invertedDocs, function(key2, value2) {
|
|
|
+ for (var akey2 in value2) {
|
|
|
+ if (value2[akey2] == value[akey]) {
|
|
|
+ var theKey = akey2;
|
|
|
+ if (akey2 != akey) {
|
|
|
+ theKey = akey2 + ' | ' + akey;
|
|
|
+ }
|
|
|
+ eval('invertedDocs[' + aCounter + '] = {\'' + theKey + '\':\'' + value[akey] + '\'}');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ aCounter++;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ eval('invertedDocs.push({\'' + akey + '\':\'' + value[akey] + '\'})');
|
|
|
+ sameDocControl.push(value[akey]);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if ($.jStorage.get('doDrawMap', true)) {
|
|
|
+ for (var a = 0; a < points.length; a++) {
|
|
|
+ var resultArray = methods.getJsonValue(values, points[a], points[a]);
|
|
|
+ for (var af = 0; af < resultArray.length; af++) {
|
|
|
+ if (resultArray[af].indexOf(" ") != -1) {
|
|
|
+ eval('connectedLongs.push(\'' + unescape(resultArray[af].split(" ")[1]) + '\')');
|
|
|
+ eval('connectedLats.push(\'' + unescape(resultArray[af].split(" ")[0]) + '\')');
|
|
|
+ } else if (resultArray[af].indexOf("-") != -1) {
|
|
|
+ eval('connectedLongs.push(\'' + unescape(resultArray[af].split("-")[1]) + '\')');
|
|
|
+ eval('connectedLats.push(\'' + unescape(resultArray[af].split("-")[0]) + '\')');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (var a = 0; a < longs.length; a++) {
|
|
|
+ var resultArray = methods.getJsonValue(values, longs[a], longs[a]);
|
|
|
+ for (var af = 0; af < resultArray.length; af++) {
|
|
|
+ eval('connectedLongs.push(\'' + unescape(resultArray[af]) + '\')');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (var a = 0; a < lats.length; a++) {
|
|
|
+ var resultArray = methods.getJsonValue(values, lats[a], lats[a]);
|
|
|
+ for (var af = 0; af < resultArray.length; af++) {
|
|
|
+ eval('connectedLats.push(\'' + unescape(resultArray[af]) + '\')');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (connectedLongs.length > 0 && connectedLats.length > 0) {
|
|
|
+ var mapsMap = $.jStorage.get("mapsMap", {});
|
|
|
+ mapsMap[containerBox.attr("id")] = {
|
|
|
+ longs : connectedLongs[0],
|
|
|
+ lats : connectedLats[0],
|
|
|
+ title : thisUri + "\n" + escape(resourceTitle)
|
|
|
+ };
|
|
|
+ $.jStorage.set('mapsMap', mapsMap);
|
|
|
+ methods.updateMapPanel($('#controlPanel'));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if ($.jStorage.get('doCollectImages', true)) {
|
|
|
+ if (connectedImages.length > 0) {
|
|
|
+ var imagesMap = $.jStorage.get("imagesMap", {});
|
|
|
+ imagesMap[containerBox.attr("id")] = connectedImages;
|
|
|
+ $.jStorage.set('imagesMap', imagesMap);
|
|
|
+ methods.updateImagePanel($('#controlPanel'));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var totRelated = connectedDocs.length + invertedDocs.length;
|
|
|
+
|
|
|
+ // se le proprieta' da mostrare sono troppe cerco di accorpare
|
|
|
+ // quelle uguali
|
|
|
+ if (totRelated > 16) {
|
|
|
+ $.each(connectedDocs, function(key, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+ if (propertyGroup[akey]) {
|
|
|
+ var t = propertyGroup[akey];
|
|
|
+ t.push(value[akey]);
|
|
|
+ propertyGroup[akey] = t;
|
|
|
+ } else {
|
|
|
+ propertyGroup[akey] = [value[akey]];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $.each(invertedDocs, function(key, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+ if (propertyGroupInverted[akey]) {
|
|
|
+ var t = propertyGroupInverted[akey];
|
|
|
+ t.push(value[akey]);
|
|
|
+ propertyGroupInverted[akey] = t;
|
|
|
+ } else {
|
|
|
+ propertyGroupInverted[akey] = [value[akey]];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ totRelated = 0;
|
|
|
+ for (var prop in propertyGroup) {
|
|
|
+ if (propertyGroup.hasOwnProperty(prop)) {
|
|
|
+ totRelated++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (var prop in propertyGroupInverted) {
|
|
|
+ if (propertyGroupInverted.hasOwnProperty(prop)) {
|
|
|
+ totRelated++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // calcolo le parti in cui dividere il cerchio per posizionare i
|
|
|
+ // link
|
|
|
+ // var chordsList = this.lodlive('circleChords',
|
|
|
+ // destBox.width() / 2 + 12, ((totRelated > 1 ? totRelated - 1 :
|
|
|
+ // totRelated) * 2) + 4, destBox.position().left + destBox.width() /
|
|
|
+ // 2, destBox.position().top + destBox.height() / 2, totRelated +
|
|
|
+ // 4);
|
|
|
+
|
|
|
+ var chordsList = methods.circleChords(75, 24, destBox.position().left + 65, destBox.position().top + 65);
|
|
|
+ var chordsListGrouped = methods.circleChords(95, 36, destBox.position().left + 65, destBox.position().top + 65);
|
|
|
+ // aggiungo al box i link ai documenti correlati
|
|
|
+ var a = 1;
|
|
|
+ var inserted = {};
|
|
|
+ var counter = 0;
|
|
|
+ var innerCounter = 1;
|
|
|
+
|
|
|
+ var objectList = [];
|
|
|
+ var innerObjectList = [];
|
|
|
+ $.each(connectedDocs, function(key, value) {
|
|
|
+ if (counter == 16) {
|
|
|
+ counter = 0;
|
|
|
+ }
|
|
|
+ if (a == 1) {
|
|
|
+ } else if (a == 15) {
|
|
|
+ a = 1;
|
|
|
+ }
|
|
|
+ for (var akey in value) {
|
|
|
+ var obj = null;
|
|
|
+ if (propertyGroup[akey] && propertyGroup[akey].length > 1) {
|
|
|
+ if (!inserted[akey]) {
|
|
|
+ innerCounter = 1;
|
|
|
+ inserted[akey] = true;
|
|
|
+ // var objBox = $("<div class=\"groupedRelatedBox
|
|
|
+ // sprite\" rel=\"" + MD5(akey) + "\" title=\"" +
|
|
|
+ // akey + "\" >" + (propertyGroup[akey].length) +
|
|
|
+ // "</div>");
|
|
|
+ var objBox = $("<div class=\"groupedRelatedBox sprite\" rel=\"" + MD5(akey) + "\" data-title=\"" + akey + " \n " + (propertyGroup[akey].length) + " " + lang('connectedResources') + "\" ></div>");
|
|
|
+ // containerBox.append(objBox);
|
|
|
+ var akeyArray = akey.split(" ");
|
|
|
+ if (unescape(propertyGroup[akey][0]).indexOf('~~') != -1) {
|
|
|
+ objBox.addClass('isBnode');
|
|
|
+ } else {
|
|
|
+ for (var i = 0; i < akeyArray.length; i++) {
|
|
|
+ if (lodLiveProfile.arrows[akeyArray[i]]) {
|
|
|
+ objBox.addClass(lodLiveProfile.arrows[akeyArray[i]]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ objBox.attr('style', 'top:' + (chordsList[a][1] - 8) + 'px;left:' + (chordsList[a][0] - 8) + 'px');
|
|
|
+ objectList.push(objBox);
|
|
|
+ // containerBox.append('<div data-circlePos="' + a +
|
|
|
+ // '" class="showGroupedRelated ' + MD5(akey) +
|
|
|
+ // '"></div>');
|
|
|
+ a++;
|
|
|
+ counter++;
|
|
|
+ }
|
|
|
+ // var alredyInserted = $('.relatedBox',
|
|
|
+ // containerBox).length;
|
|
|
+ // if (alredyInserted <
|
|
|
+ // document.lodliveVars['relationsLimit']) {
|
|
|
+ if (innerCounter < 25) {
|
|
|
+ obj = $("<div class=\"aGrouped relatedBox sprite " + MD5(akey) + " " + MD5(unescape(value[akey])) + "\" rel=\"" + unescape(value[akey]) + "\" data-title=\"" + akey + " \n " + unescape(value[akey]) + "\" ></div>");
|
|
|
+ // containerBox.append(obj);
|
|
|
+ obj.attr('style', 'display:none;position:absolute;top:' + (chordsListGrouped[innerCounter][1] - 8) + 'px;left:' + (chordsListGrouped[innerCounter][0] - 8) + 'px');
|
|
|
+ obj.attr("data-circlePos", innerCounter);
|
|
|
+ obj.attr("data-circleParts", 36);
|
|
|
+ obj.attr("data-circleId", containerBox.attr('id'));
|
|
|
+ }
|
|
|
+ /*
|
|
|
+ * } else if (alredyInserted == document.lodliveVars['relationsLimit']) { $('.' + MD5(akey), containerBox).append('<span class="relatedBox" title="altri
|
|
|
+ * elementi">[...]</span>'); }
|
|
|
+ */
|
|
|
+ innerCounter++;
|
|
|
+ } else {
|
|
|
+ obj = $("<div class=\"relatedBox sprite " + MD5(unescape(value[akey])) + "\" rel=\"" + unescape(value[akey]) + "\" data-title=\"" + akey + ' \n ' + unescape(value[akey]) + "\" ></div>");
|
|
|
+ // containerBox.append(obj);
|
|
|
+ obj.attr('style', 'top:' + (chordsList[a][1] - 8) + 'px;left:' + (chordsList[a][0] - 8) + 'px');
|
|
|
+ obj.attr("data-circlePos", a);
|
|
|
+ obj.attr("data-circleParts", 24);
|
|
|
+ a++;
|
|
|
+ counter++;
|
|
|
+ }
|
|
|
+ if (obj) {
|
|
|
+ obj.attr("data-circleId", containerBox.attr('id'));
|
|
|
+ obj.attr("data-property", akey);
|
|
|
+ // se si tratta di un Bnode applico una classe diversa
|
|
|
+ var akeyArray = akey.split(" ");
|
|
|
+ if (obj.attr('rel').indexOf('~~') != -1) {
|
|
|
+ obj.addClass('isBnode');
|
|
|
+ } else {
|
|
|
+ for (var i = 0; i < akeyArray.length; i++) {
|
|
|
+ if (lodLiveProfile.arrows[akeyArray[i]]) {
|
|
|
+ obj.addClass(lodLiveProfile.arrows[akeyArray[i]]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (obj.hasClass("aGrouped")) {
|
|
|
+ innerObjectList.push(obj);
|
|
|
+ } else {
|
|
|
+ objectList.push(obj);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ inserted = {};
|
|
|
+ $.each(invertedDocs, function(key, value) {
|
|
|
+ if (counter == 16) {
|
|
|
+ counter = 0;
|
|
|
+ }
|
|
|
+ if (a == 1) {
|
|
|
+ } else if (a == 15) {
|
|
|
+ a = 1;
|
|
|
+ }
|
|
|
+ for (var akey in value) {
|
|
|
+ var obj = null;
|
|
|
+ if (propertyGroupInverted[akey] && propertyGroupInverted[akey].length > 1) {
|
|
|
+ if (!inserted[akey]) {
|
|
|
+ innerCounter = 1;
|
|
|
+ inserted[akey] = true;
|
|
|
+ // var objBox = $("<div class=\"groupedRelatedBox
|
|
|
+ // sprite\" rel=\"" + MD5(akey) + "\" title=\"" +
|
|
|
+ // akey + "\" >" + (propertyGroup[akey].length) +
|
|
|
+ // "</div>");
|
|
|
+ var objBox = $("<div class=\"groupedRelatedBox sprite inverse\" rel=\"" + MD5(akey) + "-i\" data-title=\"" + akey + " \n " + (propertyGroupInverted[akey].length) + " " + lang('connectedResources') + "\" ></div>");
|
|
|
+ // containerBox.append(objBox);
|
|
|
+ var akeyArray = akey.split(" ");
|
|
|
+ if (unescape(propertyGroupInverted[akey][0]).indexOf('~~') != -1) {
|
|
|
+ objBox.addClass('isBnode');
|
|
|
+ } else {
|
|
|
+ for (var i = 0; i < akeyArray.length; i++) {
|
|
|
+ if (lodLiveProfile.arrows[akeyArray[i]]) {
|
|
|
+ objBox.addClass(lodLiveProfile.arrows[akeyArray[i]]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ objBox.attr('style', 'top:' + (chordsList[a][1] - 8) + 'px;left:' + (chordsList[a][0] - 8) + 'px');
|
|
|
+ // containerBox.append('<div data-circlePos="' + a +
|
|
|
+ // '" class="showGroupedRelated ' + MD5(akey) +
|
|
|
+ // '"></div>');
|
|
|
+ objectList.push(objBox);
|
|
|
+ a++;
|
|
|
+ counter++;
|
|
|
+ }
|
|
|
+ // var alredyInserted = $('.relatedBox',
|
|
|
+ // containerBox).length;
|
|
|
+ // if (alredyInserted <
|
|
|
+ // document.lodliveVars['relationsLimit']) {
|
|
|
+ if (innerCounter < 25) {
|
|
|
+ var destUri = unescape(value[akey].indexOf('~~') == 0 ? thisUri + value[akey] : value[akey]);
|
|
|
+ obj = $("<div class=\"aGrouped relatedBox sprite inverse " + MD5(akey) + "-i " + MD5(unescape(value[akey])) + " \" rel=\"" + destUri + "\" data-title=\"" + akey + " \n " + unescape(value[akey]) + "\" ></div>");
|
|
|
+ // containerBox.append(obj);
|
|
|
+ obj.attr('style', 'display:none;position:absolute;top:' + (chordsListGrouped[innerCounter][1] - 8) + 'px;left:' + (chordsListGrouped[innerCounter][0] - 8) + 'px');
|
|
|
+ obj.attr("data-circlePos", innerCounter);
|
|
|
+ obj.attr("data-circleParts", 36);
|
|
|
+ obj.attr("data-circleId", containerBox.attr('id'));
|
|
|
+ }
|
|
|
+ /*
|
|
|
+ * } else if (alredyInserted == document.lodliveVars['relationsLimit']) { $('.' + MD5(akey), containerBox).append('<span class="relatedBox" title="altri
|
|
|
+ * elementi">[...]</span>'); }
|
|
|
+ */
|
|
|
+ innerCounter++;
|
|
|
+ } else {
|
|
|
+ obj = $("<div class=\"relatedBox sprite inverse " + MD5(unescape(value[akey])) + "\" rel=\"" + unescape(value[akey]) + "\" data-title=\"" + akey + ' \n ' + unescape(value[akey]) + "\" ></div>");
|
|
|
+ // containerBox.append(obj);
|
|
|
+ obj.attr('style', 'top:' + (chordsList[a][1] - 8) + 'px;left:' + (chordsList[a][0] - 8) + 'px');
|
|
|
+ obj.attr("data-circlePos", a);
|
|
|
+ obj.attr("data-circleParts", 24);
|
|
|
+ a++;
|
|
|
+ counter++;
|
|
|
+ }
|
|
|
+ if (obj) {
|
|
|
+ obj.attr("data-circleId", containerBox.attr('id'));
|
|
|
+ obj.attr("data-property", akey);
|
|
|
+ // se si tratta di un sameas applico una classe diversa
|
|
|
+ var akeyArray = akey.split(" ");
|
|
|
+
|
|
|
+ if (obj.attr('rel').indexOf('~~') != -1) {
|
|
|
+ obj.addClass('isBnode');
|
|
|
+ } else {
|
|
|
+ for (var i = 0; i < akeyArray.length; i++) {
|
|
|
+ if (lodLiveProfile.arrows[akeyArray[i]]) {
|
|
|
+ obj.addClass(lodLiveProfile.arrows[akeyArray[i]]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (obj.hasClass("aGrouped")) {
|
|
|
+ innerObjectList.push(obj);
|
|
|
+ } else {
|
|
|
+ objectList.push(obj);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+ var page = 0;
|
|
|
+ var totPages = objectList.length > 14 ? (objectList.length / 14 + (objectList.length % 14 > 0 ? 1 : 0)) : 1;
|
|
|
+ for (var i = 0; i < objectList.length; i++) {
|
|
|
+ if (i % 14 == 0) {
|
|
|
+ page++;
|
|
|
+ var aPage = $('<div class="page page' + page + '" style="display:none"></div>');
|
|
|
+ if (page > 1 && totPages > 1) {
|
|
|
+ aPage.append("<div class=\"pager pagePrev sprite\" data-page=\"page" + (page - 1) + "\" style=\"top:" + (chordsList[0][1] - 8) + "px;left:" + (chordsList[0][0] - 8) + "px\"></div>");
|
|
|
+ }
|
|
|
+ if (totPages > 1 && page < totPages - 1) {
|
|
|
+ aPage.append("<div class=\"pager pageNext sprite\" data-page=\"page" + (page + 1) + "\" style=\"top:" + (chordsList[15][1] - 8) + "px;left:" + (chordsList[15][0] - 8) + "px\"></div>");
|
|
|
+ }
|
|
|
+ containerBox.append(aPage);
|
|
|
+ }
|
|
|
+ containerBox.children('.page' + page).append(objectList[i]);
|
|
|
+ }
|
|
|
+ page = 0;
|
|
|
+ totPages = innerObjectList.length / 24 + (innerObjectList.length % 24 > 0 ? 1 : 0);
|
|
|
+ if (innerObjectList.length > 0) {
|
|
|
+ containerBox.append('<div class="innerPage"></div>');
|
|
|
+ for (var i = 0; i < innerObjectList.length; i++) {
|
|
|
+ containerBox.children('.innerPage').append(innerObjectList[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ containerBox.children('.page1').fadeIn('fast');
|
|
|
+ containerBox.children('.page').children('.pager').click(function() {
|
|
|
+ var pager = $(this);
|
|
|
+ containerBox.find('.lastClick').removeClass('lastClick').click();
|
|
|
+ pager.parent().fadeOut('fast', null, function() {
|
|
|
+ $(this).parent().children('.' + pager.attr("data-page")).fadeIn('fast');
|
|
|
+ });
|
|
|
+ }); {
|
|
|
+ var obj = $("<div class=\"actionBox contents\" rel=\"contents\" > </div>");
|
|
|
+ containerBox.append(obj);
|
|
|
+ obj.hover(function() {
|
|
|
+ $(this).parent().children('.box').setBackgroundPosition({
|
|
|
+ y : -260
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ $(this).parent().children('.box').setBackgroundPosition({
|
|
|
+ y : 0
|
|
|
+ });
|
|
|
+ });
|
|
|
+ obj = $("<div class=\"actionBox tools\" rel=\"tools\" > </div>");
|
|
|
+ containerBox.append(obj);
|
|
|
+ obj.hover(function() {
|
|
|
+ $(this).parent().children('.box').setBackgroundPosition({
|
|
|
+ y : -130
|
|
|
+ });
|
|
|
+ }, function() {
|
|
|
+ $(this).parent().children('.box').setBackgroundPosition({
|
|
|
+ y : 0
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' format ');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ circleChords : function(radius, steps, centerX, centerY, breakAt, onlyElement) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+ var values = [];
|
|
|
+ var i = 0;
|
|
|
+ if (onlyElement) {
|
|
|
+ // ottimizzo i cicli evitando di calcolare elementi che non
|
|
|
+ // servono
|
|
|
+ i = onlyElement;
|
|
|
+ var radian = (2 * Math.PI) * (i / steps);
|
|
|
+ values.push([centerX + radius * Math.cos(radian), centerY + radius * Math.sin(radian)]);
|
|
|
+ } else {
|
|
|
+ for (; i < steps; i++) {
|
|
|
+ // calcolo le coodinate lungo il cerchio del box per
|
|
|
+ // posizionare
|
|
|
+ // strumenti ed altre risorse
|
|
|
+ var radian = (2 * Math.PI) * (i / steps);
|
|
|
+ values.push([centerX + radius * Math.cos(radian), centerY + radius * Math.sin(radian)]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' circleChords ');
|
|
|
+ }
|
|
|
+ return values;
|
|
|
+ // console.debug(xValues)
|
|
|
+ // console.debug(yValues)
|
|
|
+ },
|
|
|
+ getJsonValue : function(map, key, defaultValue) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+ var returnVal = [];
|
|
|
+ $.each(map, function(skey, value) {
|
|
|
+ for (var akey in value) {
|
|
|
+ if (akey == key) {
|
|
|
+ returnVal.push(unescape(value[akey]));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (returnVal == []) {
|
|
|
+ returnVal = [defaultValue];
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' getJsonValue');
|
|
|
+ }
|
|
|
+ return returnVal;
|
|
|
+ },
|
|
|
+ getProperty : function(area, prop, context) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+ if ( typeof context == typeof '') {
|
|
|
+ if (lodLiveProfile[context] && lodLiveProfile[context][area]) {
|
|
|
+ if (prop) {
|
|
|
+ return lodLiveProfile[context][area][prop] ? lodLiveProfile[context][area][prop] : lodLiveProfile['default'][area][prop];
|
|
|
+ } else {
|
|
|
+ return lodLiveProfile[context][area] ? lodLiveProfile[context][area] : lodLiveProfile['default'][area];
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+
|
|
|
+ for (var a = 0; a < context.length; a++) {
|
|
|
+ if (lodLiveProfile[context[a]] && lodLiveProfile[context[a]][area]) {
|
|
|
+ if (prop) {
|
|
|
+ return lodLiveProfile[context[a]][area][prop] ? lodLiveProfile[context[a]][area][prop] : lodLiveProfile['default'][area][prop];
|
|
|
+ } else {
|
|
|
+ return lodLiveProfile[context[a]][area] ? lodLiveProfile[context[a]][area] : lodLiveProfile['default'][area];
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' getProperty');
|
|
|
+ }
|
|
|
+ if (lodLiveProfile['default'][area]) {
|
|
|
+ if (prop) {
|
|
|
+ return lodLiveProfile['default'][area][prop];
|
|
|
+ } else {
|
|
|
+ return lodLiveProfile['default'][area];
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ parseRawResource : function(destBox, resource, fromInverse) {
|
|
|
+
|
|
|
+ var values = [];
|
|
|
+ var uris = [];
|
|
|
+ if (lodLiveProfile['default']) {
|
|
|
+ // attivo lo sparql interno basato su sesame
|
|
|
+ var res = getSparqlConf('documentUri', lodLiveProfile['default'], lodLiveProfile).replace(/\{URI\}/ig, resource);
|
|
|
+ var url = lodLiveProfile['default'].endpoint + "?uri=" + encodeURIComponent(resource) + "&query=" + encodeURIComponent(res);
|
|
|
+ if ($.jStorage.get('showInfoConsole')) {
|
|
|
+ methods.queryConsole('log', {
|
|
|
+ title : lang('endpointNotConfiguredSoInternal'),
|
|
|
+ text : res,
|
|
|
+ uriId : resource
|
|
|
+ });
|
|
|
+ }
|
|
|
+ $.jsonp({
|
|
|
+ url : url,
|
|
|
+ beforeSend : function() {
|
|
|
+ destBox.children('.box').html('<img style=\"margin-top:' + (destBox.children('.box').height() / 2 - 8) + 'px\" src="img/ajax-loader.gif"/>');
|
|
|
+ },
|
|
|
+ success : function(json) {
|
|
|
+ json = json['results']['bindings'];
|
|
|
+ var conta = 0;
|
|
|
+ $.each(json, function(key, value) {
|
|
|
+ conta++;
|
|
|
+ if (value.object.type == 'uri') {
|
|
|
+ if (value.object.value != resource) {
|
|
|
+ eval('uris.push({\'' + value['property']['value'] + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ eval('values.push({\'' + value['property']['value'] + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' openDoc eval uris & values');
|
|
|
+ }
|
|
|
+ var inverses = [];
|
|
|
+ var callback = function() {
|
|
|
+ destBox.children('.box').html('');
|
|
|
+ methods.format(destBox.children('.box'), values, uris, inverses);
|
|
|
+ methods.addClick(destBox, fromInverse ? function() {
|
|
|
+ try {
|
|
|
+ $(fromInverse).click();
|
|
|
+ } catch (e) {
|
|
|
+ }
|
|
|
+ } : null);
|
|
|
+ if ($.jStorage.get('doAutoExpand')) {
|
|
|
+ methods.autoExpand(destBox);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ if ($.jStorage.get('doAutoSameas')) {
|
|
|
+ var counter = 0;
|
|
|
+ var tot = 0;
|
|
|
+ $.each(lodLiveProfile.connection, function(key, value) {
|
|
|
+ tot++;
|
|
|
+ });
|
|
|
+ methods.findInverseSameAs(resource, counter, inverses, callback, tot);
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ error : function(e, j, k) {
|
|
|
+ // console.debug(e);console.debug(j);
|
|
|
+ destBox.children('.box').html('');
|
|
|
+ var inverses = [];
|
|
|
+ if (fromInverse) {
|
|
|
+ eval('uris.push({\'' + fromInverse.replace(/div\[data-property="([^"]*)"\].*/, '$1') + '\':\'' + fromInverse.replace(/.*\[rel="([^"]*)"\].*/, '$1') + '\'})');
|
|
|
+ }
|
|
|
+ methods.format(destBox.children('.box'), values, uris, inverses);
|
|
|
+ methods.addClick(destBox, fromInverse ? function() {
|
|
|
+ try {
|
|
|
+ $(fromInverse).click();
|
|
|
+ } catch (e) {
|
|
|
+ }
|
|
|
+ } : null);
|
|
|
+ if ($.jStorage.get('doAutoExpand')) {
|
|
|
+ methods.autoExpand(destBox);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ // console.debug(e);console.debug(j);
|
|
|
+ destBox.children('.box').html('');
|
|
|
+ var inverses = [];
|
|
|
+ if (fromInverse) {
|
|
|
+ eval('uris.push({\'' + fromInverse.replace(/div\[data-property="([^"]*)"\].*/, '$1') + '\':\'' + fromInverse.replace(/.*\[rel="([^"]*)"\].*/, '$1') + '\'})');
|
|
|
+ }
|
|
|
+ methods.format(destBox.children('.box'), values, uris, inverses);
|
|
|
+ methods.addClick(destBox, fromInverse ? function() {
|
|
|
+ try {
|
|
|
+ $(fromInverse).click();
|
|
|
+ } catch (e) {
|
|
|
+ }
|
|
|
+ } : null);
|
|
|
+ if ($.jStorage.get('doAutoExpand')) {
|
|
|
+ methods.autoExpand(destBox);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ openDoc : function(anUri, destBox, fromInverse) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+
|
|
|
+ var uris = [];
|
|
|
+ var values = [];
|
|
|
+ if ($.jStorage.get('showInfoConsole')) {
|
|
|
+ methods.queryConsole('init', {
|
|
|
+ uriId : anUri
|
|
|
+ });
|
|
|
+ methods.queryConsole('log', {
|
|
|
+ uriId : anUri,
|
|
|
+ resource : anUri
|
|
|
+ });
|
|
|
+ }
|
|
|
+ SPARQLquery = methods.composeQuery(anUri, 'documentUri');
|
|
|
+ if ($.jStorage.get('doStats')) {
|
|
|
+ methods.doStats(anUri);
|
|
|
+ }
|
|
|
+ if (SPARQLquery.indexOf("endpoint=") != -1) {
|
|
|
+ var endpoint = SPARQLquery.substring(SPARQLquery.indexOf("endpoint=") + 9);
|
|
|
+ endpoint = endpoint.substring(0, endpoint.indexOf("&"));
|
|
|
+ destBox.attr("data-endpoint", endpoint);
|
|
|
+ } else {
|
|
|
+ destBox.attr("data-endpoint", SPARQLquery.substring(0, SPARQLquery.indexOf("?")));
|
|
|
+ }
|
|
|
+ if (SPARQLquery.indexOf("http://system/dummy") == 0) {
|
|
|
+ // guessing endpoint from URI
|
|
|
+ methods.guessingEndpoint(anUri, function() {
|
|
|
+ methods.openDoc(anUri, destBox, fromInverse);
|
|
|
+ }, function() {
|
|
|
+ methods.parseRawResource(destBox, anUri, fromInverse);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+
|
|
|
+ $.jsonp({
|
|
|
+ url : SPARQLquery,
|
|
|
+ beforeSend : function() {
|
|
|
+ destBox.children('.box').html('<img style=\"margin-top:' + (destBox.children('.box').height() / 2 - 8) + 'px\" src="img/ajax-loader.gif"/>');
|
|
|
+ },
|
|
|
+ success : function(json) {
|
|
|
+ json = json['results']['bindings'];
|
|
|
+ // var tot = json.length;
|
|
|
+ var conta = 0;
|
|
|
+ // var aSpan = $('<span style="color:#000"><br />gg0/' +
|
|
|
+ // tot + '</span>');
|
|
|
+ // destBox.children('.box').append(aSpan);
|
|
|
+ // var control = {};
|
|
|
+ $.each(json, function(key, value) {
|
|
|
+ conta++;
|
|
|
+ if (value.object.type == 'uri' || value.object.type == 'bnode') {
|
|
|
+ if (value.object.value != anUri) {
|
|
|
+ if (value.object.type == 'bnode') {
|
|
|
+ eval('uris.push({\'' + value['property']['value'] + '\':\'' + escape(anUri + '~~' + value.object.value) + '\'})');
|
|
|
+ } else {
|
|
|
+ eval('uris.push({\'' + value['property']['value'] + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ eval('values.push({\'' + value['property']['value'] + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+ if ($.jStorage.get('showInfoConsole')) {
|
|
|
+ methods.queryConsole('log', {
|
|
|
+ founded : conta,
|
|
|
+ id : SPARQLquery,
|
|
|
+ uriId : anUri
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' openDoc eval uris & values');
|
|
|
+ }
|
|
|
+ destBox.children('.box').html('');
|
|
|
+ if ($.jStorage.get('doInverse')) {
|
|
|
+ SPARQLquery = methods.composeQuery(anUri, 'inverse');
|
|
|
+
|
|
|
+ var inverses = [];
|
|
|
+ $.jsonp({
|
|
|
+ url : SPARQLquery,
|
|
|
+ beforeSend : function() {
|
|
|
+ destBox.children('.box').html('<img style=\"margin-top:' + (destBox.children('.box').height() / 2 - 5) + 'px\" src="img/ajax-loader.gif"/>');
|
|
|
+
|
|
|
+ },
|
|
|
+ success : function(json) {
|
|
|
+ json = json['results']['bindings'];
|
|
|
+ var conta = 0;
|
|
|
+ // var tot = json.length;
|
|
|
+ // var aSpan = $('<span
|
|
|
+ // style="color:#000"><br />0/' + tot +
|
|
|
+ // '</span>');
|
|
|
+ // destBox.children('.box').append(aSpan);
|
|
|
+ $.each(json, function(key, value) {
|
|
|
+ conta++;
|
|
|
+ eval('inverses.push({\'' + value['property']['value'] + '\':\'' + (value.object.type == 'bnode' ? anUri + '~~' : '') + escape(value.object.value) + '\'})');
|
|
|
+ // aSpan.text(conta + '/' + tot);
|
|
|
+ });
|
|
|
+ if ($.jStorage.get('showInfoConsole')) {
|
|
|
+ methods.queryConsole('log', {
|
|
|
+ founded : conta,
|
|
|
+ id : SPARQLquery,
|
|
|
+ uriId : anUri
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' openDoc inverse eval uris ');
|
|
|
+ }
|
|
|
+ var callback = function() {
|
|
|
+ destBox.children('.box').html('');
|
|
|
+ methods.format(destBox.children('.box'), values, uris, inverses);
|
|
|
+ methods.addClick(destBox, fromInverse ? function() {
|
|
|
+ try {
|
|
|
+ $(fromInverse).click();
|
|
|
+ } catch (e) {
|
|
|
+ }
|
|
|
+ } : null);
|
|
|
+ if ($.jStorage.get('doAutoExpand')) {
|
|
|
+ methods.autoExpand(destBox);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ if ($.jStorage.get('doAutoSameas')) {
|
|
|
+ var counter = 0;
|
|
|
+ var tot = 0;
|
|
|
+ $.each(lodLiveProfile.connection, function(key, value) {
|
|
|
+ tot++;
|
|
|
+ });
|
|
|
+ methods.findInverseSameAs(anUri, counter, inverses, callback, tot);
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ error : function(e, b, v) {
|
|
|
+ destBox.children('.box').html('');
|
|
|
+ methods.format(destBox.children('.box'), values, uris);
|
|
|
+ if ($.jStorage.get('showInfoConsole')) {
|
|
|
+ methods.queryConsole('log', {
|
|
|
+ error : 'error',
|
|
|
+ id : SPARQLquery,
|
|
|
+ uriId : anUri
|
|
|
+ });
|
|
|
+ }
|
|
|
+ methods.addClick(destBox, fromInverse ? function() {
|
|
|
+ try {
|
|
|
+ $(fromInverse).click();
|
|
|
+ } catch (e) {
|
|
|
+ }
|
|
|
+ } : null);
|
|
|
+ if ($.jStorage.get('doAutoExpand')) {
|
|
|
+ methods.autoExpand(destBox);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ methods.format(destBox.children('.box'), values, uris);
|
|
|
+ methods.addClick(destBox, fromInverse ? function() {
|
|
|
+ try {
|
|
|
+ $(fromInverse).click();
|
|
|
+ } catch (e) {
|
|
|
+ }
|
|
|
+ } : null);
|
|
|
+ if ($.jStorage.get('doAutoExpand')) {
|
|
|
+ methods.autoExpand(destBox);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error : function(e, b, v) {
|
|
|
+ methods.errorBox(destBox);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' openDoc');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ errorBox : function(destBox) {
|
|
|
+
|
|
|
+ destBox.children('.box').addClass("errorBox");
|
|
|
+ destBox.children('.box').html('');
|
|
|
+ var jResult = $("<div class=\"boxTitle\"><span>" + lang('enpointNotAvailable') + "</span></div>");
|
|
|
+ destBox.children('.box').append(jResult);
|
|
|
+ jResult.css({
|
|
|
+ 'marginTop' : jResult.height() == 13 ? 58 : jResult.height() == 26 ? 51 : 45
|
|
|
+ });
|
|
|
+ var obj = $("<div class=\"actionBox tools\"> </div>");
|
|
|
+ obj.click(function() {
|
|
|
+ methods.removeDoc(destBox);
|
|
|
+ });
|
|
|
+ destBox.append(obj);
|
|
|
+ destBox.children('.box').hover(function() {
|
|
|
+ methods.msg(lang('enpointNotAvailableOrSLow'), 'show', 'fullInfo', destBox.attr("data-endpoint"));
|
|
|
+ }, function() {
|
|
|
+ methods.msg(null, 'hide');
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+ allClasses : function(SPARQLquery, destBox, destSelect, template) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+
|
|
|
+ SPARQLquery = methods.composeQuery(SPARQLquery, 'allClasses');
|
|
|
+ var classes = [];
|
|
|
+ $.jsonp({
|
|
|
+ url : SPARQLquery,
|
|
|
+ beforeSend : function() {
|
|
|
+ destBox.html('<img src="img/ajax-loader.gif"/>');
|
|
|
+ },
|
|
|
+ success : function(json) {
|
|
|
+ destBox.html(lang('choose'));
|
|
|
+ json = json['results']['bindings'];
|
|
|
+ $.each(json, function(key, value) {
|
|
|
+ var aclass = json[key].object.value;
|
|
|
+ if (aclass.indexOf('http://www.openlinksw.com/') == -1) {
|
|
|
+ aclass = aclass.replace(/http:\/\//, "");
|
|
|
+ classes.push(aclass);
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+ for (var i = 0; i < classes.length; i++) {
|
|
|
+ destSelect.append(template.replace(/\{CONTENT\}/g, classes[i]));
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error : function(e, b, v) {
|
|
|
+ destSelect.append(template.replace(/\{CONTENT\}/g, 'si è verificato un errore'));
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' allClasses');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ findInverseSameAs : function(anUri, counter, inverse, callback, tot) {
|
|
|
+
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+ var innerCounter = 0;
|
|
|
+ $.each(lodLiveProfile.connection, function(key, value) {
|
|
|
+
|
|
|
+ if (innerCounter == counter) {
|
|
|
+ var skip = false;
|
|
|
+ var keySplit = key.split(",");
|
|
|
+ if (!value.useForInverseSameAs) {
|
|
|
+ skip = true;
|
|
|
+ } else {
|
|
|
+ for (var a = 0; a < keySplit.length; a++) {
|
|
|
+ // salto i sameas interni allo stesso endpoint
|
|
|
+ if (anUri.indexOf(keySplit[a]) != -1) {
|
|
|
+ skip = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (skip) {
|
|
|
+ counter++;
|
|
|
+ if (counter < tot) {
|
|
|
+ methods.findInverseSameAs(anUri, counter, inverse, callback, tot);
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ var SPARQLquery = value.endpoint + "?" + (value.endpointType ? $.jStorage.get('endpoints')[value.endpointType] : $.jStorage.get('endpoints')['all']) + "&query=" + escape(getSparqlConf('inverseSameAs', value, lodLiveProfile).replace(/\{URI\}/g, anUri));
|
|
|
+ if (value.proxy) {
|
|
|
+ SPARQLquery = value.proxy + '?endpoint=' + value.endpoint + "&" + (value.endpointType ? $.jStorage.get('endpoints')[value.endpointType] : $.jStorage.get('endpoints')['all']) + "&query=" + escape(getSparqlConf('inverseSameAs', value, lodLiveProfile).replace(/\{URI\}/g, anUri));
|
|
|
+ }
|
|
|
+ $.jsonp({
|
|
|
+ url : SPARQLquery,
|
|
|
+ timeout : 3000,
|
|
|
+ beforeSend : function() {
|
|
|
+ if ($.jStorage.get('showInfoConsole')) {
|
|
|
+ methods.queryConsole('log', {
|
|
|
+ title : value.endpoint,
|
|
|
+ text : getSparqlConf('inverseSameAs', value, lodLiveProfile).replace(/\{URI\}/g, anUri),
|
|
|
+ id : SPARQLquery,
|
|
|
+ uriId : anUri
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ success : function(json) {
|
|
|
+ json = json['results']['bindings'];
|
|
|
+ var conta = 0;
|
|
|
+ $.each(json, function(key, value) {
|
|
|
+ conta++;
|
|
|
+ if (value.property && value.property.value) {
|
|
|
+ eval('inverse.splice(1,0,{\'' + value.property.value + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ } else {
|
|
|
+ eval('inverse.splice(1,0,{\'' + 'http://www.w3.org/2002/07/owl#sameAs' + '\':\'' + escape(value.object.value) + '\'})');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if ($.jStorage.get('showInfoConsole')) {
|
|
|
+ methods.queryConsole('log', {
|
|
|
+ founded : conta,
|
|
|
+ id : SPARQLquery,
|
|
|
+ uriId : anUri
|
|
|
+ });
|
|
|
+ }
|
|
|
+ counter++;
|
|
|
+ if (counter < tot) {
|
|
|
+ methods.findInverseSameAs(anUri, counter, inverse, callback, tot);
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error : function(e, b, v) {
|
|
|
+ if ($.jStorage.get('showInfoConsole')) {
|
|
|
+ methods.queryConsole('log', {
|
|
|
+ error : 'error',
|
|
|
+ id : SPARQLquery,
|
|
|
+ uriId : anUri
|
|
|
+ });
|
|
|
+ }
|
|
|
+ counter++;
|
|
|
+ if (counter < tot) {
|
|
|
+ methods.findInverseSameAs(anUri, counter, inverse, callback, tot);
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' findInverseSameAs ' + value.endpoint);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ innerCounter++;
|
|
|
+ });
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' findInverseSameAs');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ findSubject : function(SPARQLquery, selectedClass, selectedValue, destBox, destInput) {
|
|
|
+ if (debugOn) {
|
|
|
+ start = new Date().getTime();
|
|
|
+ }
|
|
|
+ $.each(lodLiveProfile.connection, function(key, value) {
|
|
|
+ var keySplit = key.split(",");
|
|
|
+ for (var a = 0; a < keySplit.length; a++) {
|
|
|
+ if (SPARQLquery.indexOf(keySplit[a]) != -1) {
|
|
|
+ SPARQLquery = value.endpoint + "?" + (value.endpointType ? $.jStorage.get('endpoints')[value.endpointType] : $.jStorage.get('endpoints')['all']) + "&query=" + escape(getSparqlConf('findSubject', value, lodLiveProfile).replace(/\{CLASS\}/g, selectedClass).replace(/\{VALUE\}/g, selectedValue));
|
|
|
+ if (value.proxy) {
|
|
|
+ SPARQLquery = value.proxy + "?endpoint=" + value.endpoint + "&" + (value.endpointType ? $.jStorage.get('endpoints')[value.endpointType] : $.jStorage.get('endpoints')['all']) + "&query=" + escape(getSparqlConf('findSubject', value, lodLiveProfile).replace(/\{CLASS\}/g, selectedClass).replace(/\{VALUE\}/g, selectedValue));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ var values = [];
|
|
|
+ $.jsonp({
|
|
|
+ url : SPARQLquery,
|
|
|
+ beforeSend : function() {
|
|
|
+ destBox.html('<img src="img/ajax-loader.gif"/>');
|
|
|
+ },
|
|
|
+ success : function(json) {
|
|
|
+ destBox.html('');
|
|
|
+ json = json['results']['bindings'];
|
|
|
+ $.each(json, function(key, value) {
|
|
|
+ values.push(json[key].subject.value);
|
|
|
+ });
|
|
|
+ for (var i = 0; i < values.length; i++) {
|
|
|
+ // console.debug(destInput)
|
|
|
+ destInput.val(values[i]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error : function(e, b, v) {
|
|
|
+ destBox.html('errore: ' + e);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (debugOn) {
|
|
|
+ console.debug((new Date().getTime() - start) + ' findSubject');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /* start lines */
|
|
|
+ standardLine : function(label, x1, y1, x2, y2, canvas, toId) {
|
|
|
+
|
|
|
+ // eseguo i calcoli e scrivo la riga di connessione tra i cerchi
|
|
|
+ var lineangle = (Math.atan2(y2 - y1, x2 - x1) * 180 / Math.PI) + 180;
|
|
|
+ var x2bis = x1 - Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1)) + 60;
|
|
|
+ // canvas.detectPixelRatio();
|
|
|
+ canvas.rotateCanvas({
|
|
|
+ rotate : lineangle,
|
|
|
+ x : x1,
|
|
|
+ y : y1
|
|
|
+ }).drawLine({
|
|
|
+ strokeStyle : "#fff",
|
|
|
+ strokeWidth : 1,
|
|
|
+ strokeCap : 'bevel',
|
|
|
+ x1 : x1 - 60,
|
|
|
+ y1 : y1,
|
|
|
+ x2 : x2bis,
|
|
|
+ y2 : y1
|
|
|
+ });
|
|
|
+
|
|
|
+ if (lineangle > 90 && lineangle < 270) {
|
|
|
+ canvas.rotateCanvas({
|
|
|
+ rotate : 180,
|
|
|
+ x : (x2bis + x1) / 2,
|
|
|
+ y : (y1 + y1) / 2
|
|
|
+ });
|
|
|
+ }
|
|
|
+ label = $.trim(label).replace(/\n/g, ', ');
|
|
|
+ canvas.drawText({// inserisco l'etichetta
|
|
|
+ fillStyle : "#606060",
|
|
|
+ strokeStyle : "#606060",
|
|
|
+ x : (x2bis + x1 + ((x1 + 60) > x2 ? -60 : +60)) / 2,
|
|
|
+ y : (y1 + y1 - ((x1 + 60) > x2 ? 18 : -18)) / 2,
|
|
|
+ text : ((x1 + 60) > x2 ? " « " : "") + label + ((x1 + 60) > x2 ? "" : " » "),
|
|
|
+ align : "center",
|
|
|
+ strokeWidth : 0.01,
|
|
|
+ fontSize : 11,
|
|
|
+ fontFamily : "'Open Sans',Verdana"
|
|
|
+ }).restoreCanvas().restoreCanvas();
|
|
|
+
|
|
|
+ // ed inserisco la freccia per determinarne il verso della
|
|
|
+ // relazione
|
|
|
+ lineangle = Math.atan2(y2 - y1, x2 - x1);
|
|
|
+ var angle = 0.79;
|
|
|
+ var h = Math.abs(8 / Math.cos(angle));
|
|
|
+ var fromx = x2 - 60 * Math.cos(lineangle);
|
|
|
+ var fromy = y2 - 60 * Math.sin(lineangle);
|
|
|
+ var angle1 = lineangle + Math.PI + angle;
|
|
|
+ var topx = (x2 + Math.cos(angle1) * h) - 60 * Math.cos(lineangle);
|
|
|
+ var topy = (y2 + Math.sin(angle1) * h) - 60 * Math.sin(lineangle);
|
|
|
+ var angle2 = lineangle + Math.PI - angle;
|
|
|
+ var botx = (x2 + Math.cos(angle2) * h) - 60 * Math.cos(lineangle);
|
|
|
+ var boty = (y2 + Math.sin(angle2) * h) - 60 * Math.sin(lineangle);
|
|
|
+
|
|
|
+ canvas.drawLine({
|
|
|
+ strokeStyle : "#fff",
|
|
|
+ strokeWidth : 1,
|
|
|
+ x1 : fromx,
|
|
|
+ y1 : fromy,
|
|
|
+ x2 : botx,
|
|
|
+ y2 : boty
|
|
|
+ });
|
|
|
+ canvas.drawLine({
|
|
|
+ strokeStyle : "#fff",
|
|
|
+ strokeWidth : 1,
|
|
|
+ x1 : fromx,
|
|
|
+ y1 : fromy,
|
|
|
+ x2 : topx,
|
|
|
+ y2 : topy
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ /* end lines */;
|
|
|
+ $.fn.lodlive = function(method) {
|
|
|
+ if (methods[method]) {
|
|
|
+ return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
|
|
+ } else if ( typeof method === 'object' || !method) {
|
|
|
+ return methods.init.apply(this, arguments);
|
|
|
+ } else {
|
|
|
+ $.error('Method ' + method + ' does not exist on jQuery.lodlive');
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+})(jQuery, $.jStorage.get('profile'));
|
Alessia
1 year ago
