UI support for multiple hyperlinks in the same cell (#3597)

* fix for style ,hyperlink,tests added

* fixes #2519 hyperlink issue and added tests

* fixes #2519 ,span test,typo indent fixed
This commit is contained in:
Akshita Singh 2021-02-12 00:24:36 +05:30 committed by GitHub
parent 4e219fd595
commit 7bccdd1bcf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 54 additions and 10 deletions

View File

@ -0,0 +1,25 @@
describe(__filename, function () {
it('proper tag assignment to each text snippet', function () {
const fixture = [
['tests'],
['2021-01-31https://www.google.com'],
[
// eslint-disable-next-line max-len
'https://www.wikidata.org/wiki/Property:P670 https://www.wikidata.org/wiki/Property:P669 are now mapped to https://schema.org/streetAddress via https://www.wikidata.org/wiki/Property:P2235',
],
['github https://github.com/OpenRefine/OpenRefine/issues/2519'],
];
cy.loadAndVisitProject(fixture);
cy.getCell(0, 'tests').contains('2021-01-31https://www.google.com');
cy.getCell(1, 'tests')
.children('div')
.children('a')
.should('have.attr', 'href');
cy.getCell(1, 'tests').children('div').children('span');
cy.getCell(2, 'tests')
.children('div')
.children('a')
.should('have.attr', 'href');
});
});

View File

@ -96,17 +96,36 @@ DataTableCellUI.prototype._render = function() {
nonstringSpan.className = 'data-table-value-nonstring'; nonstringSpan.className = 'data-table-value-nonstring';
nonstringSpan.textContent = cell.v; nonstringSpan.textContent = cell.v;
divContent.appendChild(nonstringSpan); divContent.appendChild(nonstringSpan);
} else if (URL.looksLikeUrl(cell.v)) {
var url = document.createElement('a');
url.textContent = cell.v;
url.setAttribute('href', cell.v);
url.setAttribute('target', '_blank');
divContent.appendChild(url);
} else { } else {
var arr = cell.v.split(" ");
var spanArr = [];
for (var i=0; i<arr.length; i++){
if (URL.looksLikeUrl(arr[i])) {
if (spanArr.length != 0) {
var span = document.createElement('span'); var span = document.createElement('span');
span.textContent = cell.v; span.textContent = spanArr.join(" ");
divContent.appendChild(span).appendChild(document.createTextNode('\u00A0'));
spanArr = [];
}
var url = document.createElement('a');
url.textContent = arr[i];
url.setAttribute('href', arr[i]);
url.setAttribute('target', '_blank');
if (i == arr.length-1){
divContent.appendChild(url)
} else {
divContent.appendChild(url).appendChild(document.createTextNode('\u00A0'));
}
} else {
spanArr.push(arr[i]);
}
}
if (spanArr.length != 0) {
var span = document.createElement('span');
span.textContent = spanArr.join(" ");
divContent.appendChild(span); divContent.appendChild(span);
} }
}
} else { } else {
var divContentRecon = $(divContent); var divContentRecon = $(divContent);
var r = cell.r; var r = cell.r;