From 1c1583de62222aebcaa8ba287f239c30c261f89b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jesper=20M=C3=B8ller=20Jensen?= <26099018+JesmoDev@users.noreply.github.com> Date: Wed, 3 May 2023 20:34:09 +1200 Subject: [PATCH 001/177] rename and add routes to section view --- .../views/user-group-collection-view.ts} | 16 +++--- .../user-groups/section-view/manifests.ts | 2 +- .../section-view-user-groups.element.ts | 36 ------------- .../user-groups-section-view.element.ts | 50 +++++++++++++++++++ 4 files changed, 59 insertions(+), 45 deletions(-) rename src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/{workspace/workspace-view-user-groups.element.ts => collection/views/user-group-collection-view.ts} (88%) delete mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/section-view-user-groups.element.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/user-groups-section-view.element.ts diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/workspace/workspace-view-user-groups.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/collection/views/user-group-collection-view.ts similarity index 88% rename from src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/workspace/workspace-view-user-groups.element.ts rename to src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/collection/views/user-group-collection-view.ts index 74b879f4a2..174b6628bb 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/workspace/workspace-view-user-groups.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/collection/views/user-group-collection-view.ts @@ -9,16 +9,16 @@ import { UmbTableItem, UmbTableOrderedEvent, UmbTableSelectedEvent, -} from '../../../shared/components/table'; -import { UmbUserGroupStore, UMB_USER_GROUP_STORE_CONTEXT_TOKEN } from '../repository/user-group.store'; -import type { UserGroupDetails } from '../types'; +} from '../../../../shared/components/table'; +import { UmbUserGroupStore, UMB_USER_GROUP_STORE_CONTEXT_TOKEN } from '../../repository/user-group.store'; +import type { UserGroupDetails } from '../../types'; import { UmbLitElement } from '@umbraco-cms/internal/lit-element'; -import './user-group-table-name-column-layout.element'; +import '../../workspace/user-group-table-name-column-layout.element'; //import '../../user-section/views/user-groups/user-group-table-sections-column-layout.element'; -@customElement('umb-workspace-view-user-groups') -export class UmbWorkspaceViewUserGroupsElement extends UmbLitElement { +@customElement('umb-user-group-collection-view') +export class UmbUserGroupCollectionViewElement extends UmbLitElement { @state() private _userGroups: Array = []; @@ -151,10 +151,10 @@ export class UmbWorkspaceViewUserGroupsElement extends UmbLitElement { ]; } -export default UmbWorkspaceViewUserGroupsElement; +export default UmbUserGroupCollectionViewElement; declare global { interface HTMLElementTagNameMap { - 'umb-workspace-view-user-groups': UmbWorkspaceViewUserGroupsElement; + 'umb-user-group-collection-view': UmbUserGroupCollectionViewElement; } } diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/manifests.ts b/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/manifests.ts index 0da2fefcd3..853d88ebfa 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/manifests.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/manifests.ts @@ -6,7 +6,7 @@ const sectionsViews: Array = [ type: 'sectionView', alias: 'Umb.SectionView.UserGroups', name: 'User Groups Section View', - loader: () => import('./section-view-user-groups.element'), + loader: () => import('./user-groups-section-view.element'), weight: 100, meta: { label: 'User Groups', diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/section-view-user-groups.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/section-view-user-groups.element.ts deleted file mode 100644 index e88fd795a5..0000000000 --- a/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/section-view-user-groups.element.ts +++ /dev/null @@ -1,36 +0,0 @@ -import { UUITextStyles } from '@umbraco-ui/uui-css'; -import { css, html, LitElement } from 'lit'; -import { customElement } from 'lit/decorators.js'; - -import '../workspace/workspace-view-user-groups.element'; - -//TODO: rename to user-groups-section-view -@customElement('umb-section-view-user-groups') -export class UmbSectionViewUserGroupsElement extends LitElement { - - - render() { - return html``; - } - - static styles = [ - UUITextStyles, - css` - :host { - height: 100%; - } - - #router-slot { - height: calc(100% - var(--umb-header-layout-height) - var(--umb-footer-layout-height)); - } - `, - ]; -} - -export default UmbSectionViewUserGroupsElement; - -declare global { - interface HTMLElementTagNameMap { - 'umb-section-view-user-groups': UmbSectionViewUserGroupsElement; - } -} diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/user-groups-section-view.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/user-groups-section-view.element.ts new file mode 100644 index 0000000000..7e54378eba --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/users/user-groups/section-view/user-groups-section-view.element.ts @@ -0,0 +1,50 @@ +import { UUITextStyles } from '@umbraco-ui/uui-css'; +import { css, html } from 'lit'; +import { customElement } from 'lit/decorators.js'; + +import '../collection/views/user-group-collection-view'; +import { UmbLitElement } from '@umbraco-cms/internal/lit-element'; +import { UmbRoute } from '@umbraco-cms/backoffice/router'; + +@customElement('umb-user-groups-section-view') +export class UmbUserGroupsSectionViewElement extends UmbLitElement { + #routes: UmbRoute[] = [ + { + path: 'collection', + component: () => import('../collection/views/user-group-collection-view'), + }, + { + path: 'user-group', + component: () => import('../workspace/user-group-workspace.element'), + }, + { + path: '**', + redirectTo: 'collection', + }, + ]; + + render() { + return html``; + } + + static styles = [ + UUITextStyles, + css` + :host { + height: 100%; + } + + #router-slot { + height: calc(100% - var(--umb-header-layout-height)); + } + `, + ]; +} + +export default UmbUserGroupsSectionViewElement; + +declare global { + interface HTMLElementTagNameMap { + 'umb-user-groups-section-view': UmbUserGroupsSectionViewElement; + } +} From 280b7f4d67cdcdb1a7f554bddd5835d67a3450e7 Mon Sep 17 00:00:00 2001 From: Lone Iversen <108085781+loivsen@users.noreply.github.com> Date: Thu, 13 Apr 2023 15:00:54 +0200 Subject: [PATCH 002/177] date-picker timezone init --- .../input-date-picker.element.ts | 99 +++++++++++++++++++ .../input-date-picker.stories.ts | 23 +++++ .../input-date-picker.test.ts | 18 ++++ .../src/core/mocks/data/data-type.data.ts | 14 ++- 4 files changed, 152 insertions(+), 2 deletions(-) create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-date-picker/input-date-picker.element.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-date-picker/input-date-picker.stories.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-date-picker/input-date-picker.test.ts diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-date-picker/input-date-picker.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-date-picker/input-date-picker.element.ts new file mode 100644 index 0000000000..6fe7f4b181 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-date-picker/input-date-picker.element.ts @@ -0,0 +1,99 @@ +import { css, html, nothing } from 'lit'; +import { UUITextStyles } from '@umbraco-ui/uui-css/lib'; +import { customElement, property, state } from 'lit/decorators.js'; +import { FormControlMixin } from '@umbraco-ui/uui-base/lib/mixins'; +import { UUIInputEvent, UUISelectEvent } from '@umbraco-ui/uui'; +import { UmbLitElement } from '@umbraco-cms/internal/lit-element'; + +@customElement('umb-input-date-picker') +export class UmbInputDatePickerElement extends FormControlMixin(UmbLitElement) { + static styles = [ + UUITextStyles, + css` + :host { + display: flex; + } + `, + ]; + + protected getFormElement() { + return undefined; + } + + @property({ type: String }) + type = 'date'; + + @property({ type: String }) + datetime = ''; + + @property({ type: Boolean }) + enableTimezones = false; + + @state() + private _currentTimezone?: string; + + constructor() { + super(); + } + + options: Array