Grid view

com.woltlab.wcf/templates/shared_dateRangeFormField.tpl

@@ -0,0 +1,23 @@
+<input
+	type="{if $field->supportsTime()}datetime{else}date{/if}"
+	id="{$field->getPrefixedId()}_from"
+	name="{$field->getPrefixedId()}[from]"
+	value="{$field->getFromValue()}"
+	data-placeholder="{lang}wcf.date.period.start{/lang}"
+	{if !$field->getFieldClasses()|empty} class="{implode from=$field->getFieldClasses() item='class' glue=' '}{$class}{/implode}"{/if}
+	{if $field->isAutofocused()} autofocus{/if}
+	{if $field->isRequired()} required{/if}
+	{if $field->isImmutable()} disabled{/if}
+	{foreach from=$field->getFieldAttributes() key='attributeName' item='attributeValue'} {$attributeName}="{$attributeValue}"{/foreach}
+>
+<input
+	type="{if $field->supportsTime()}datetime{else}date{/if}"
+	id="{$field->getPrefixedId()}_to"
+	name="{$field->getPrefixedId()}[to]"
+	value="{$field->getToValue()}"
+	data-placeholder="{lang}wcf.date.period.end{/lang}"
+	{if !$field->getFieldClasses()|empty} class="{implode from=$field->getFieldClasses() item='class' glue=' '}{$class}{/implode}"{/if}
+	{if $field->isRequired()} required{/if}
+	{if $field->isImmutable()} disabled{/if}
+	{foreach from=$field->getFieldAttributes() key='attributeName' item='attributeValue'} {$attributeName}="{$attributeValue}"{/foreach}
+>

com.woltlab.wcf/templates/shared_exceptionLogDetails.tpl

@@ -0,0 +1,63 @@
+<dl>
+	<dt></dt>
+	<dd>
+		<button type="button" class="button jsCopyButton">{lang}wcf.acp.exceptionLog.exception.copy{/lang}</button>
+		<textarea rows="5" cols="40" class="jsCopyException" hidden>{$exception[0]}</textarea>	
+	</dd>
+</dl>
+<dl>
+	<dt>{lang}wcf.acp.exceptionLog.search.exceptionID{/lang}</dt>
+	<dd>{$exceptionID}</dd>
+</dl>
+<dl>
+	<dt>{lang}wcf.acp.exceptionLog.exception.date{/lang}</dt>
+	<dd>{$exception[date]|plainTime}</dd>
+</dl>
+<dl>
+	<dt>{lang}wcf.acp.exceptionLog.exception.requestURI{/lang}</dt>
+	<dd>{$exception[requestURI]}</dd>
+</dl>
+<dl>
+	<dt>{lang}wcf.acp.exceptionLog.exception.referrer{/lang}</dt>
+	<dd>{$exception[referrer]}</dd>
+</dl>
+<dl>
+	<dt>{lang}wcf.acp.exceptionLog.exception.userAgent{/lang}</dt>
+	<dd>{$exception[userAgent]}</dd>
+</dl>
+<dl>
+	<dt>{lang}wcf.acp.exceptionLog.exception.memory{/lang}</dt>
+	<dd>{$exception[peakMemory]|filesizeBinary} / {if $exception[maxMemory] == -1}&infin;{else}{$exception[maxMemory]|filesizeBinary}{/if}</dd>
+</dl>
+{foreach from=$exception[chain] item=chain}
+	<dl>
+		<dt>{lang}wcf.acp.exceptionLog.exception.message{/lang}</dt>
+		<dd>{$chain[message]}</dd>
+	</dl>
+	<dl>
+		<dt>{lang}wcf.acp.exceptionLog.exception.class{/lang}</dt>
+		<dd>{$chain[class]}</dd>
+	</dl>
+	<dl>
+		<dt>{lang}wcf.acp.exceptionLog.exception.file{/lang}</dt>
+		<dd>{$chain[file]} ({$chain[line]})</dd>
+	</dl>
+	{if !$chain[information]|empty}
+		{foreach from=$chain[information] item=extraInformation}
+			<dl>
+				<dt>{$extraInformation[0]}</dt>
+				<dd style="white-space: pre-wrap;">{$extraInformation[1]}</dd>
+			</dl>
+		{/foreach}
+	{/if}
+	<dl>
+		<dt>{lang}wcf.acp.exceptionLog.exception.stacktrace{/lang}</dt>
+		<dd>
+			<ol start="0" class="nativeList">
+				{foreach from=$chain[stack] item=stack}
+				<li>{$stack[file]} ({$stack[line]}): {$stack[class]}{$stack[type]}{$stack[function]}(&hellip;)</li>
+				{/foreach}
+			</ol>
+		</dd>
+	</dl>
+{/foreach}

com.woltlab.wcf/templates/shared_gridView.tpl

@@ -0,0 +1,73 @@
+<div class="gridView">
+	{if $view->isFilterable()}
+		<div class="gridView__filterBar">
+			<div class="gridView__filters" id="{$view->getID()}_filters">
+				{foreach from=$view->getActiveFilters() item='value' key='key'}
+					<button type="button" class="button small" data-filter="{$key}" data-filter-value="{$value}">
+						{icon name='circle-xmark'}
+						{$view->getFilterLabel($key)}
+					</button>
+				{/foreach}
+			</div>
+			<div class="gridView__filterButton">
+				<button type="button" class="button small" id="{$view->getID()}_filterButton" data-endpoint="{$view->getFilterActionEndpoint()}">
+					{icon name='gear'}
+					Filter
+				</button>
+			</div>
+		</div>
+	{/if}
+
+	<table class="gridView__table" id="{$view->getID()}_table"{if !$view->countRows()} hidden{/if}>
+		<thead>
+			<tr class="gridView__headerRow">
+				{foreach from=$view->getVisibleColumns() item='column'}
+					<th
+						class="gridView__headerColumn {$column->getClasses()}"
+						data-id="{$column->getID()}"
+						data-sortable="{$column->isSortable()}"
+					>
+						{if $column->isSortable()}
+							<button type="button" class="gridView__headerColumn__button">
+								{unsafe:$column->getLabel()}
+							</button>
+						{else}
+							{unsafe:$column->getLabel()}
+						{/if}
+					</th>
+				{/foreach}
+				{if $view->hasActions()}
+					<th class="gridView__headerColumn gridView__actionColumn"></th>
+				{/if}
+			</td>
+		</thead>
+		<tbody>
+			{unsafe:$view->renderRows()}
+		</tbody>
+	</table>
+
+	<div class="gridView__pagination">
+		<woltlab-core-pagination id="{$view->getID()}_pagination" page="{$view->getPageNo()}" count="{$view->countPages()}"></woltlab-core-pagination>
+	</div>
+
+	<woltlab-core-notice type="info" id="{$view->getID()}_noItemsNotice"{if $view->countRows()} hidden{/if}>{lang}wcf.global.noItems{/lang}</woltlab-core-notice>
+</div>
+
+<script data-relocate="true">
+	require(['WoltLabSuite/Core/Component/GridView'], ({ GridView }) => {
+		new GridView(
+			'{unsafe:$view->getID()|encodeJs}',
+			'{unsafe:$view->getClassName()|encodeJS}',
+			{$view->getPageNo()},
+			'{unsafe:$view->getBaseUrl()|encodeJS}',
+			'{unsafe:$view->getSortField()|encodeJS}',
+			'{unsafe:$view->getSortOrder()|encodeJS}',
+			new Map([
+				{foreach from=$view->getParameters() key='name' item='value'}
+					['{unsafe:$name|encodeJs}', '{unsafe:$value|encodeJs}'],
+				{/foreach}
+			])
+		);
+	});
+</script>
+{unsafe:$view->renderActionInitialization()}

com.woltlab.wcf/templates/shared_gridViewRows.tpl

@@ -0,0 +1,45 @@
+
+{foreach from=$view->getRows() item='row'}
+	<tr class="gridView__row" data-object-id="{$view->getObjectID($row)}">
+		{foreach from=$view->getVisibleColumns() item='column'}
+			<td class="gridView__column {$column->getClasses()}">
+				{unsafe:$view->renderColumn($column, $row)}
+			</td>
+		{/foreach}
+		{if $view->hasActions()}
+			<td class="gridView__column gridView__actionColumn">
+				<div class="gridView__actionColumn__buttons">
+					{foreach from=$view->getQuickActions() item='action'}
+						{unsafe:$view->renderAction($action, $row)}
+					{/foreach}
+
+					{if $view->hasDropdownActions()}
+						{hascontent}
+							<div class="dropdown">
+								<button type="button" class="gridViewActions button small dropdownToggle" aria-label="{lang}wcf.global.button.more{/lang}">
+									{icon name='ellipsis-vertical'}
+								</button>
+
+								<ul class="dropdownMenu">
+									{content}
+										{foreach from=$view->getDropdownActions() item='action'}
+											{if $action->isAvailable($row)}
+												<li>
+													{unsafe:$view->renderAction($action, $row)}
+												</li>
+											{/if}
+										{/foreach}
+									{/content}
+								</ul>
+							</div>
+						{hascontentelse}
+							<button type="button" disabled class="button small" aria-label="{lang}wcf.global.button.more{/lang}">
+								{icon name='ellipsis-vertical'}
+							</button>
+						{/hascontent}
+					{/if}
+				</div>
+			</td>
+		{/if}
+	</tr>
+{/foreach}

ts/WoltLabSuite/Core/Acp/Controller/ExceptionLog/View.ts

@@ -0,0 +1,38 @@
+/**
+ * Shows the dialog that shows exception details.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2024 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.1
+ */
+
+import { renderException } from "WoltLabSuite/Core/Api/Exceptions/RenderException";
+import { copyTextToClipboard } from "WoltLabSuite/Core/Clipboard";
+import { dialogFactory } from "WoltLabSuite/Core/Component/Dialog";
+import { promiseMutex } from "WoltLabSuite/Core/Helper/PromiseMutex";
+import { wheneverFirstSeen } from "WoltLabSuite/Core/Helper/Selector";
+import { getPhrase } from "WoltLabSuite/Core/Language";
+
+async function showDialog(button: HTMLElement): Promise<void> {
+  const response = await renderException(button.closest("tr")!.dataset.objectId!);
+  if (!response.ok) {
+    return;
+  }
+
+  const dialog = dialogFactory().fromHtml(response.value.template).withoutControls();
+  dialog.content.querySelector(".jsCopyButton")?.addEventListener("click", () => {
+    void copyTextToClipboard(dialog.content.querySelector<HTMLTextAreaElement>(".jsCopyException")!.value);
+  });
+
+  dialog.show(getPhrase("wcf.acp.exceptionLog.exception.message"));
+}
+
+export function setup(): void {
+  wheneverFirstSeen(".jsExceptionLogEntry", (button) => {
+    button.addEventListener(
+      "click",
+      promiseMutex(() => showDialog(button)),
+    );
+  });
+}

ts/WoltLabSuite/Core/Api/DeleteObject.ts

@@ -0,0 +1,22 @@
+/**
+ * Deletes an object.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2024 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.1
+ * @woltlabExcludeBundle tiny
+ */
+
+import { prepareRequest } from "WoltLabSuite/Core/Ajax/Backend";
+import { ApiResult, apiResultFromError, apiResultFromValue } from "./Result";
+
+export async function deleteObject(endpoint: string): Promise<ApiResult<[]>> {
+  try {
+    await prepareRequest(endpoint).delete().fetchAsJson();
+  } catch (e) {
+    return apiResultFromError(e);
+  }
+
+  return apiResultFromValue([]);
+}

ts/WoltLabSuite/Core/Api/Exceptions/RenderException.ts

@@ -0,0 +1,28 @@
+/**
+ * Gets the html code for the rendering of a exception log entry.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2024 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+
+import { prepareRequest } from "WoltLabSuite/Core/Ajax/Backend";
+import { ApiResult, apiResultFromError, apiResultFromValue } from "../Result";
+
+type Response = {
+  template: string;
+};
+
+export async function renderException(exceptionId: string): Promise<ApiResult<Response>> {
+  const url = new URL(`${window.WSC_RPC_API_URL}core/exceptions/${exceptionId}/render`);
+
+  let response: Response;
+  try {
+    response = (await prepareRequest(url).get().fetchAsJson()) as Response;
+  } catch (e) {
+    return apiResultFromError(e);
+  }
+
+  return apiResultFromValue(response);
+}

ts/WoltLabSuite/Core/Api/GridViews/GetRows.ts

@@ -0,0 +1,43 @@
+import { prepareRequest } from "WoltLabSuite/Core/Ajax/Backend";
+import { ApiResult, apiResultFromError, apiResultFromValue } from "../Result";
+
+type Response = {
+  template: string;
+  pages: number;
+  totalRows: number;
+  filterLabels: ArrayLike<string>;
+};
+
+export async function getRows(
+  gridViewClass: string,
+  pageNo: number,
+  sortField: string = "",
+  sortOrder: string = "ASC",
+  filters?: Map<string, string>,
+  gridViewParameters?: Map<string, string>,
+): Promise<ApiResult<Response>> {
+  const url = new URL(`${window.WSC_RPC_API_URL}core/gridViews/rows`);
+  url.searchParams.set("gridView", gridViewClass);
+  url.searchParams.set("pageNo", pageNo.toString());
+  url.searchParams.set("sortField", sortField);
+  url.searchParams.set("sortOrder", sortOrder);
+  if (filters) {
+    filters.forEach((value, key) => {
+      url.searchParams.set(`filters[${key}]`, value);
+    });
+  }
+  if (gridViewParameters) {
+    gridViewParameters.forEach((value, key) => {
+      url.searchParams.set(`gridViewParameters[${key}]`, value);
+    });
+  }
+
+  let response: Response;
+  try {
+    response = (await prepareRequest(url).get().allowCaching().disableLoadingIndicator().fetchAsJson()) as Response;
+  } catch (e) {
+    return apiResultFromError(e);
+  }
+
+  return apiResultFromValue(response);
+}

ts/WoltLabSuite/Core/Api/PostObject.ts

@@ -0,0 +1,22 @@
+/**
+ * Sends a post request to the given endpoint.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2024 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ * @woltlabExcludeBundle tiny
+ */
+
+import { prepareRequest } from "WoltLabSuite/Core/Ajax/Backend";
+import { ApiResult, apiResultFromError, apiResultFromValue } from "./Result";
+
+export async function postObject(endpoint: string): Promise<ApiResult<[]>> {
+  try {
+    await prepareRequest(endpoint).post().fetchAsJson();
+  } catch (e) {
+    return apiResultFromError(e);
+  }
+
+  return apiResultFromValue([]);
+}