![Tom Morris](/assets/img/avatar_default.png)
* Replace js string concatenation with i18n parameters refs #1858 Remove Javascript string concatentation and use jquery i18n() instead so that translators have the needed context and flexibility to be able to do a good job. Also remove code-based plurals conditionalization and replace with i18n. * Update French translation so I can test non-English support * Add missing localization * Clean up formatting of service API link
246 lines
8.0 KiB
JavaScript
246 lines
8.0 KiB
JavaScript
/*
|
|
|
|
Copyright 2010, Google Inc.
|
|
All rights reserved.
|
|
|
|
Redistribution and use in source and binary forms, with or without
|
|
modification, are permitted provided that the following conditions are
|
|
met:
|
|
|
|
* Redistributions of source code must retain the above copyright
|
|
notice, this list of conditions and the following disclaimer.
|
|
* Redistributions in binary form must reproduce the above
|
|
copyright notice, this list of conditions and the following disclaimer
|
|
in the documentation and/or other materials provided with the
|
|
distribution.
|
|
* Neither the name of Google Inc. nor the names of its
|
|
contributors may be used to endorse or promote products derived from
|
|
this software without specific prior written permission.
|
|
|
|
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
|
|
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
|
|
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
|
|
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
|
|
OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
|
|
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
|
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
|
|
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
|
|
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
|
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
|
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
|
|
*/
|
|
|
|
var OpenRefineVersion;
|
|
|
|
var Refine = {
|
|
actionAreas: []
|
|
};
|
|
|
|
// Requests a CSRF token and calls the supplied callback
|
|
// with the token
|
|
Refine.wrapCSRF = function(onCSRF) {
|
|
$.get(
|
|
"command/core/get-csrf-token",
|
|
{},
|
|
function(response) {
|
|
onCSRF(response['token']);
|
|
},
|
|
"json"
|
|
);
|
|
};
|
|
|
|
// Performs a POST request where an additional CSRF token
|
|
// is supplied in the POST data. The arguments match those
|
|
// of $.post().
|
|
Refine.postCSRF = function(url, data, success, dataType, failCallback) {
|
|
return Refine.wrapCSRF(function(token) {
|
|
var fullData = data || {};
|
|
if (typeof fullData == 'string') {
|
|
fullData = fullData + "&" + $.param({csrf_token: token});
|
|
} else {
|
|
fullData['csrf_token'] = token;
|
|
}
|
|
var req = $.post(url, fullData, success, dataType);
|
|
if (failCallback !== undefined) {
|
|
req.fail(failCallback);
|
|
}
|
|
});
|
|
};
|
|
|
|
var lang = (navigator.language|| navigator.userLanguage).split("-")[0];
|
|
var dictionary = "";
|
|
$.ajax({
|
|
url : "command/core/load-language?",
|
|
type : "POST",
|
|
async : false,
|
|
data : {
|
|
module : "core",
|
|
// lang : lang
|
|
},
|
|
success : function(data) {
|
|
dictionary = data['dictionary'];
|
|
lang = data['lang'];
|
|
}
|
|
});
|
|
$.i18n().load(dictionary, lang);
|
|
$.i18n({ locale: lang });
|
|
// End internationalization
|
|
|
|
Refine.selectActionArea = function(id) {
|
|
$('.action-area-tab').removeClass('selected');
|
|
$('.action-area-tab-body').css('visibility', 'hidden').css('z-index', '50');
|
|
|
|
for (var i = 0; i < Refine.actionAreas.length; i++) {
|
|
var actionArea = Refine.actionAreas[i];
|
|
if (id == actionArea.id) {
|
|
actionArea.tabElmt.addClass('selected');
|
|
actionArea.bodyElmt.css('visibility', 'visible').css('z-index', '55');
|
|
}
|
|
}
|
|
};
|
|
|
|
$(function() {
|
|
var isThereNewRelease = function(thisVer,latestVer) {
|
|
// Assumes Semantic Version numbering format of form X.Y.Z where X, Y, and Z are non-negative integer
|
|
// Ignores any trailing letters e.g. 2.7.1-rc.1 will be interpreted as equivalent to 2.7.1
|
|
if(thisVer == latestVer) {
|
|
return false;
|
|
}
|
|
var thisVerParts = thisVer.split(".");
|
|
var latestVerParts = latestVer.split(".");
|
|
while(thisVerParts.length < 3)
|
|
thisVerParts.push(0);
|
|
while(latestVerParts.length < 3)
|
|
latestVerParts.push(0);
|
|
|
|
for(var i=0; i<3; i++) {
|
|
var thisVerPartInt = parseInt(thisVerParts[i],10);
|
|
var latestVerPartInt = parseInt(latestVerParts[i],10);
|
|
if(thisVerPartInt == latestVerPartInt) {
|
|
continue;
|
|
} else {
|
|
return !(thisVerPartInt > latestVerPartInt);
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
|
|
var showVersion = function() {
|
|
$.getJSON(
|
|
"command/core/get-version",
|
|
null,
|
|
function(data) {
|
|
OpenRefineVersion = data;
|
|
|
|
$("#openrefine-version").text($.i18n('core-index/version', OpenRefineVersion.full_version));
|
|
|
|
$.getJSON("https://api.github.com/repos/openrefine/openrefine/releases/latest",
|
|
function( data ) {
|
|
var latestVersion = data.tag_name;
|
|
var latestVersionName = data.name;
|
|
var latestVersionUrl = data.html_url;
|
|
var thisVersion = OpenRefineVersion.version;
|
|
|
|
if(latestVersion.startsWith("v")) {
|
|
latestVersion = latestVersion.substr(1);
|
|
}
|
|
|
|
if (isThereNewRelease(thisVersion,latestVersion)) {
|
|
var container = $('<div id="notification-container">')
|
|
.appendTo(document.body);
|
|
var notification = $('<div id="notification">')
|
|
.text($.i18n('core-index/new-version')+' ')
|
|
.appendTo(container);
|
|
$('<a>')
|
|
.addClass('notification-action')
|
|
.attr("href", latestVersionUrl)
|
|
.attr("target", "_blank")
|
|
.text($.i18n('core-index/download-now', latestVersionName))
|
|
.appendTo(notification);
|
|
}
|
|
});
|
|
}
|
|
);
|
|
};
|
|
|
|
var resize = function() {
|
|
var leftPanelWidth = 150;
|
|
// px
|
|
var width = $(window).width();
|
|
var height = $(window).height();
|
|
var headerHeight = $('#header').outerHeight();
|
|
var panelHeight = height - headerHeight;
|
|
|
|
$('.main-layout-panel')
|
|
.css("top", headerHeight + "px")
|
|
.css("bottom", "0px")
|
|
.css("height", panelHeight + "px")
|
|
.css("visibility", "visible");
|
|
|
|
$('#left-panel')
|
|
.css("left", "0px")
|
|
.css("width", leftPanelWidth + "px");
|
|
var leftPanelBodyHPaddings = 10;
|
|
// px
|
|
var leftPanelBodyVPaddings = 0;
|
|
// px
|
|
$('#left-panel-body')
|
|
.css("margin-left", leftPanelBodyHPaddings + "px")
|
|
.css("margin-top", leftPanelBodyVPaddings + "px")
|
|
.css("width", ($('#left-panel').width() - leftPanelBodyHPaddings) + "px")
|
|
.css("height", ($('#left-panel').height() - leftPanelBodyVPaddings) + "px");
|
|
|
|
$('#right-panel')
|
|
.css("left", leftPanelWidth + "px")
|
|
.css("width", (width - leftPanelWidth) + "px");
|
|
|
|
var rightPanelBodyHPaddings = 5;
|
|
// px
|
|
var rightPanelBodyVPaddings = 5;
|
|
// px
|
|
$('#right-panel-body')
|
|
.css("margin-left", rightPanelBodyHPaddings + "px")
|
|
.css("margin-top", rightPanelBodyVPaddings + "px")
|
|
.css("width", ($('#right-panel').width() - rightPanelBodyHPaddings) + "px")
|
|
.css("height", ($('#right-panel').height() - rightPanelBodyVPaddings) + "px");
|
|
|
|
for (var i = 0; i < Refine.actionAreas.length; i++) {
|
|
Refine.actionAreas[i].ui.resize();
|
|
}
|
|
};
|
|
$(window).bind("resize", resize);
|
|
window.setTimeout(resize, 100); // for Chrome, give the window some time to layout first
|
|
|
|
var renderActionArea = function(actionArea) {
|
|
actionArea.bodyElmt = $('<div>')
|
|
.addClass('action-area-tab-body')
|
|
.appendTo('#right-panel-body');
|
|
|
|
actionArea.tabElmt = $('<li>')
|
|
.addClass('action-area-tab')
|
|
.text(actionArea.label)
|
|
.appendTo($('#action-area-tabs'))
|
|
.click(function() {
|
|
Refine.selectActionArea(actionArea.id);
|
|
});
|
|
|
|
actionArea.ui = new actionArea.uiClass(actionArea.bodyElmt);
|
|
};
|
|
|
|
for (var i = 0; i < Refine.actionAreas.length; i++) {
|
|
renderActionArea(Refine.actionAreas[i]);
|
|
}
|
|
Refine.selectActionArea('create-project');
|
|
|
|
$("#slogan").text($.i18n('core-index/slogan')+".");
|
|
$("#or-index-pref").text($.i18n('core-index/preferences'));
|
|
$("#or-index-help").text($.i18n('core-index/help'));
|
|
$("#or-index-about").text($.i18n('core-index/about'));
|
|
$("#or-index-noProj").text($.i18n('core-index/no-proj')+".");
|
|
$("#or-index-try").text($.i18n('core-index/try-these'));
|
|
$("#or-index-sample").text($.i18n('core-index/sample-data'));
|
|
|
|
showVersion();
|
|
});
|