mirror of
https://github.com/grafana/grafana.git
synced 2025-02-13 00:55:47 -06:00
db071e4939
* Add short link functionality to Explore and Rich history * Update documentation * Implement short url for explore * Implement short link in Rich history * Update docs * Add error alert
84 lines
2.8 KiB
TypeScript
84 lines
2.8 KiB
TypeScript
import memoizeOne from 'memoize-one';
|
|
import { splitOpen } from '../state/actions';
|
|
import { Field, LinkModel, TimeRange } from '@grafana/data';
|
|
import { getLinkSrv } from '../../panel/panellinks/link_srv';
|
|
import { mapInternalLinkToExplore } from '@grafana/data/src/utils/dataLinks';
|
|
import { getDataSourceSrv, getTemplateSrv, getBackendSrv, config } from '@grafana/runtime';
|
|
|
|
/**
|
|
* Get links from the field of a dataframe and in addition check if there is associated
|
|
* metadata with datasource in which case we will add onClick to open the link in new split window. This assumes
|
|
* that we just supply datasource name and field value and Explore split window will know how to render that
|
|
* appropriately. This is for example used for transition from log with traceId to trace datasource to show that
|
|
* trace.
|
|
*/
|
|
export const getFieldLinksForExplore = (
|
|
field: Field,
|
|
rowIndex: number,
|
|
splitOpenFn: typeof splitOpen,
|
|
range: TimeRange
|
|
): Array<LinkModel<Field>> => {
|
|
const scopedVars: any = {};
|
|
scopedVars['__value'] = {
|
|
value: {
|
|
raw: field.values.get(rowIndex),
|
|
},
|
|
text: 'Raw value',
|
|
};
|
|
|
|
return field.config.links
|
|
? field.config.links.map(link => {
|
|
if (!link.internal) {
|
|
const linkModel = getLinkSrv().getDataLinkUIModel(link, scopedVars, field);
|
|
if (!linkModel.title) {
|
|
linkModel.title = getTitleFromHref(linkModel.href);
|
|
}
|
|
return linkModel;
|
|
} else {
|
|
return mapInternalLinkToExplore(link, scopedVars, range, field, {
|
|
onClickFn: splitOpenFn,
|
|
replaceVariables: getTemplateSrv().replace.bind(getTemplateSrv()),
|
|
getDataSourceSettingsByUid: getDataSourceSrv().getDataSourceSettingsByUid.bind(getDataSourceSrv()),
|
|
});
|
|
}
|
|
})
|
|
: [];
|
|
};
|
|
|
|
function getTitleFromHref(href: string): string {
|
|
// The URL constructor needs the url to have protocol
|
|
if (href.indexOf('://') < 0) {
|
|
// Doesn't really matter what protocol we use.
|
|
href = `http://${href}`;
|
|
}
|
|
let title;
|
|
try {
|
|
const parsedUrl = new URL(href);
|
|
title = parsedUrl.hostname;
|
|
} catch (_e) {
|
|
// Should be good enough fallback, user probably did not input valid url.
|
|
title = href;
|
|
}
|
|
return title;
|
|
}
|
|
|
|
function buildHostUrl() {
|
|
return `${window.location.protocol}//${window.location.host}${config.appSubUrl}`;
|
|
}
|
|
|
|
function getRelativeURLPath(url: string) {
|
|
let path = url.replace(buildHostUrl(), '');
|
|
return path.startsWith('/') ? path.substring(1, path.length) : path;
|
|
}
|
|
|
|
export const createShortLink = memoizeOne(async function(path: string) {
|
|
try {
|
|
const shortUrl = await getBackendSrv().post(`/api/short-urls`, {
|
|
path: getRelativeURLPath(path),
|
|
});
|
|
return shortUrl.url;
|
|
} catch (err) {
|
|
console.error('Error when creating shortened link: ', err);
|
|
}
|
|
});
|