diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/views/components/log-viewer-message.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/views/components/log-viewer-message.element.ts index 86e289c2fb..503d32d859 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/views/components/log-viewer-message.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/views/components/log-viewer-message.element.ts @@ -20,18 +20,23 @@ export class UmbLogViewerMessageElement extends LitElement { display: flex; } + details[open] { + margin-bottom: var(--uui-size-space-3); + } + summary:hover, - ul { + #properties-list { background-color: var(--uui-color-background); } - ul { + #properties-list { margin: 0; padding: 0; list-style: none; + margin-bottom: var(--uui-size-space-3); } - li { + .property { padding: 10px 20px; display: flex; border-top: 1px solid var(--uui-color-border); @@ -71,8 +76,8 @@ export class UmbLogViewerMessageElement extends LitElement { padding: 0; margin-top: var(--uui-size-space-3); background-color: var(--uui-color-surface); - box-shadow: var(--uui-shadow-depth-2); - max-width: 20%; + box-shadow: var(--uui-shadow-depth-3); + max-width: 25%; } #search-menu > li { @@ -112,6 +117,54 @@ export class UmbLogViewerMessageElement extends LitElement { } } + private _searchMenuData: Array<{ label: string; href: () => string; icon: string; title: string }> = [ + { + label: 'Search in Google', + title: '@logViewer_searchThisMessageWithGoogle', + href: () => `https://www.google.com/search?q=${this.renderedMessage}`, + icon: 'https://www.google.com/favicon.ico', + }, + { + label: 'Search in Bing', + title: 'Search this message with Bing', + href: () => `https://www.bing.com/search?q=${this.renderedMessage}`, + icon: 'https://www.bing.com/favicon.ico', + }, + { + label: 'Search in OurUmbraco', + title: 'Search this message on Our Umbraco forums and docs', + href: () => `https://our.umbraco.com/search?q=${this.renderedMessage}&content=wiki,forum,documentation`, + icon: 'https://our.umbraco.com/assets/images/app-icons/favicon.png', + }, + { + label: 'Search in OurUmbraco with Google', + title: 'Search Our Umbraco forums using Google', + href: () => + `https://www.google.co.uk/?q=site:our.umbraco.com ${this.renderedMessage}&safe=off#q=site:our.umbraco.com ${ + this.renderedMessage + } ${this.properties.find((property) => property.name === 'SourceContext')?.value}&safe=off"`, + icon: 'https://www.google.com/favicon.ico', + }, + { + label: 'Search Umbraco Source', + title: 'Search within Umbraco source code on Github', + href: () => + `https://github.com/umbraco/Umbraco-CMS/search?q=${ + this.properties.find((property) => property.name === 'SourceContext')?.value + }`, + icon: 'https://github.githubassets.com/favicon.ico', + }, + { + label: 'Search Umbraco Issues', + title: 'Search Umbraco Issues on Github', + href: () => + `https://github.com/umbraco/Umbraco-CMS/issues?q=${ + this.properties.find((property) => property.name === 'SourceContext')?.value + }`, + icon: 'https://github.githubassets.com/favicon.ico', + }, + ]; + render() { return html`
@@ -123,34 +176,40 @@ export class UmbLogViewerMessageElement extends LitElement {
${this.properties.find((property) => property.name === 'MachineName')?.value}
${this.renderedMessage}
-