;
+ private itemsPerPage = 10;
constructor() {
super();
@@ -36,6 +201,7 @@ export class UmbWorkspaceViewContentInfoElement extends UmbLitElement {
if (!this._workspaceContext) return;
this._nodeName = 'TBD, with variants this is not as simple.';
+
/*
this.observe(this._workspaceContext.name, (name) => {
this._nodeName = name || '';
@@ -43,8 +209,123 @@ export class UmbWorkspaceViewContentInfoElement extends UmbLitElement {
*/
}
+ #onPageChange(event: UUIPaginationEvent) {
+ if (this._currentPage === event.target.current) return;
+ this._currentPage = event.target.current;
+ //TODO: Run endpoint to get next history parts
+ }
+
render() {
- return html`Info Workspace View for ${this._nodeName}
`;
+ return html`
+ ${this.#renderLinksSection()}
+
+
+ ${repeat(
+ this._historyList,
+ (item) => item.timestamp,
+ (item) => this.#renderHistory(item)
+ )}
+
+ ${this.#renderHistoryPagination()}
+
+
+
+ ${this.#renderGeneralSection()}
+
`;
+ }
+
+ #renderLinksSection() {
+ //repeat
+ return html``;
+ }
+
+ #renderGeneralSection() {
+ return html`
+
+ Status
+ Published
+
+
+ Created Date
+ ...
+
+
+ Document Type
+ document type picker?
+
+
+ Template
+ template picker?
+
+
+ Id
+ ...
+
+ `;
+ }
+
+ #renderHistory(history: HistoryNode) {
+ return html`
+ ${this.#renderTag(history.logType)} ${this.#renderTagDescription(history.logType)}
+
+ Rollback
+
+ `;
+ }
+
+ #renderHistoryPagination() {
+ if (!this._total) return nothing;
+
+ const totalPages = Math.ceil(this._total / this.itemsPerPage);
+
+ if (totalPages <= 1) return nothing;
+
+ return html``;
+ }
+
+ #renderTag(type?: HistoryLogType) {
+ switch (type) {
+ case 'Publish':
+ return html`Publish`;
+ case 'Unpublish':
+ return html`Unpublish`;
+ case 'Save':
+ return html`Save`;
+ case 'ContentVersionEnableCleanup':
+ return html`Save`;
+ case 'ContentVersionPreventCleanup':
+ return html`Save`;
+ default:
+ return 'Could not detech log type';
+ }
+ }
+
+ #renderTagDescription(type?: HistoryLogType, params?: string) {
+ switch (type) {
+ case 'Publish':
+ return html`Content published`;
+ case 'Unpublish':
+ return html`Content unpublished`;
+ case 'Save':
+ return html`Content saved`;
+ case 'ContentVersionEnableCleanup':
+ return html`Cleanup enabled for version: ${params}`;
+ case 'ContentVersionPreventCleanup':
+ return html`Cleanup disabled for version: ${params}`;
+ default:
+ return 'Could not detech log type';
+ }
}
}