Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

New Web UI foundations #2184

Open
6 tasks
01es opened this issue Feb 13, 2024 · 0 comments
Open
6 tasks

New Web UI foundations #2184

01es opened this issue Feb 13, 2024 · 0 comments
Assignees
@jhou-pro @01es @oleh-maikovych
Labels
In progress P2 - important Technology upgrade UI / UX Web Component

Comments

@01es
Copy link
Member

01es commented Feb 13, 2024 •
edited

Description

TG implements a model-driven Web UI with clearly defined UI building blocks such as Entity Centres, Entity Masters, property editors, etc., which provide means for generating very capable user-facing Web applications. The current implementation of the Web UI client-side of things is developed with Web Components using the Polymer library. Broadly, this issue is about developing an approach for migration to lit as a natural successor to Polymer.

This issue has the following objectives:

  • 1. Establish a new development foundation for lit-based Web Components:
    • 1.1. Migration to TypeScript, which includes selection of an IDE (VS Code, IntelliJ IDEA Ultimate).
    • 1.2. Automatic dependency management.
    • 1.3. Web unit testing.
    • 1.4. Application assembly.
  • 2. Develop a program for a piecemeal migration of the current code base, which includes a well-defined list of components (visual or not) and an approach for their incremental migration to the new foundation.

Expected outcome

Minimum: a new foundation for the migration and development of Web UI, proven with the necessary spikes.
Desired: a clear plan for migration of the current Web UI to the new foundation.
oleh-maikovych added a commit that referenced this issue Feb 22, 2024
@oleh-maikovych
#2184 Implemented example and bare module specifier handler.
496759a
oleh-maikovych added a commit that referenced this issue Feb 29, 2024
@oleh-maikovych
#2184 Restructured project to separate js from ts files. Enabled debu…
c14ffce 
…gging ts files.
oleh-maikovych added a commit that referenced this issue Apr 19, 2024
@oleh-maikovych
Merge branch 'develop' of github.com:fieldenms/tg into Issue-#2184
c771e7d 
# Conflicts:
#	platform-web-ui/src/main/web/ua/com/fielden/platform/js/reflection/tg-test-utils.js
#	platform-web-ui/src/main/web/ua/com/fielden/platform/js/spikes/scatter-plot-example.html
oleh-maikovych added a commit that referenced this issue Apr 22, 2024
@oleh-maikovych
#2184 Adjusted scatter plot according to new web ui requirements.
7b017a7
oleh-maikovych added a commit that referenced this issue Apr 22, 2024
@oleh-maikovych
#2184 Removed iron-test-helpers as not needed at this stage of new we…
90e6818 
…b ui.
oleh-maikovych added a commit that referenced this issue Apr 24, 2024
@oleh-maikovych
#2184 Introduced example that is mixin of lit and tg polymer based el…
8260435 
…ement.
oleh-maikovych added a commit that referenced this issue May 16, 2024
@oleh-maikovych
#2184 Adjusted web resource loader to load node modules from nearest …
4c5feec 
…mode_modules folder. Also adjusted example of lit with polymer elements that uses tg-web-components.
oleh-maikovych added a commit that referenced this issue May 17, 2024
@oleh-maikovych
#2184 deleted js directory from sources
e36886e
oleh-maikovych added a commit that referenced this issue May 17, 2024
@oleh-maikovych
#2184 configured type script compilation, adjusted examples of lit co…
8ff6d28 
…mponents. Added js folder with compiled resources to git ignore.
oleh-maikovych added a commit that referenced this issue May 17, 2024
@oleh-maikovych
#2184 Restructured the project. Get rid of ts and related folders. In…
d060127 
…stead created only one npm and ts project named tg-example.
oleh-maikovych added a commit that referenced this issue May 17, 2024
@oleh-maikovych
#2184 Restructured the project. Get rid of ts and related folders. In…
eeff8da 
…stead created only one npm and ts project named tg-example. (Missing files)
oleh-maikovych added a commit that referenced this issue May 17, 2024
@oleh-maikovych
Merge branch 'Issue-#2184' of github.com:fieldenms/tg into Issue-#2184
4cd7879 
# Conflicts:
#	platform-web-ui/src/main/web/ua/com/fielden/platform/web/examples/lit-elements/ElementWithAccordion.html
#	platform-web-ui/src/main/web/ua/com/fielden/platform/web/examples/lit-elements/MyElement.html
oleh-maikovych added a commit that referenced this issue May 21, 2024
@oleh-maikovych
#2184 Adjusted resource loader to load files specifed wwith module pr…
b6762c7 
…operty and those without semicolon.
oleh-maikovych added a commit that referenced this issue May 21, 2024
@oleh-maikovych
#2184 Adjusted generated resources' import statements (tg-icons, refl…
b1dc51f 
…ector and app-config) Added examples for postal and fullcalendar components.
oleh-maikovych added a commit that referenced this issue May 21, 2024
@oleh-maikovych
#2184 Updated accordion group example.
87d15a0
oleh-maikovych added a commit that referenced this issue May 21, 2024
@oleh-maikovych
#2184 Updated tg-calendar example
e167cf0
oleh-maikovych added a commit that referenced this issue May 21, 2024
@oleh-maikovych
#2184 Migrated devider example to polymer 3.0 and adjusted it accordi…
40d7144 
…ng to new web.
oleh-maikovych added a commit that referenced this issue May 22, 2024
@oleh-maikovych
#2184 Adjusted pattern to skip cases when import word is used in expr…
7ad0504 
…ession.
oleh-maikovych added a commit that referenced this issue May 22, 2024
@oleh-maikovych
#2184 Simplified pattern for import statements. Added scrollable exam…
672cd01 
…ple.
oleh-maikovych added a commit that referenced this issue May 22, 2024
@oleh-maikovych
#2184 Adjuted drag and drop example.
17f29c1
oleh-maikovych added a commit that referenced this issue May 22, 2024
@oleh-maikovych
#2184 Adjusted menu search example and maded it work for new WebUI
9e48df4
oleh-maikovych added a commit that referenced this issue May 22, 2024
@oleh-maikovych
#2184 Adjusted tooltip example component and example itself.
f9e30c5
oleh-maikovych added a commit that referenced this issue May 22, 2024
@oleh-maikovych
#2184 Adjusted tree example. Made it work for new webUI infrastructure
3ce48b1
oleh-maikovych added a commit that referenced this issue May 22, 2024
@oleh-maikovych
#2184 Adjusted tree table example for new WebUI.
3dd3437
oleh-maikovych added a commit that referenced this issue May 22, 2024
@oleh-maikovych
#2184 Adjusted egi examples.
2eae05e
oleh-maikovych added a commit that referenced this issue May 22, 2024
@oleh-maikovych
#2184 Added element loader example.
184c5bc
oleh-maikovych added a commit that referenced this issue May 22, 2024
@oleh-maikovych
#2184 Enhanced file upload demos and adjusted it for new WebUI.
cec7a6c
oleh-maikovych added a commit that referenced this issue May 22, 2024
@oleh-maikovych
#2184 Adjusted layout examples to new WebUI
5bbbffc
oleh-maikovych added a commit that referenced this issue May 23, 2024
@oleh-maikovych
#2184 Removed redundant resource, adjusted bar and scatter plot examp…
612b5ab 
…les.
oleh-maikovych added a commit that referenced this issue May 23, 2024
@oleh-maikovych
#2184 Removed redundant resources. Adjusted master and centre templates.
19cbc3f
oleh-maikovych added a commit that referenced this issue May 24, 2024
@oleh-maikovych
#2184 Adjusted criterion example for new WebUI.
a1886ea
oleh-maikovych added a commit that referenced this issue May 24, 2024
@oleh-maikovych
#2184 Adjusted path for criterion example.
d559602
oleh-maikovych added a commit that referenced this issue May 24, 2024
@oleh-maikovych
#2184 Updated all logic that generates centre or entity master resour…
c3bee1b 
…ces. Adjusted generated entity centre example.
oleh-maikovych added a commit that referenced this issue May 24, 2024
@oleh-maikovych
#2184 Updated editor example.
531fd73
oleh-maikovych added a commit that referenced this issue May 24, 2024
@oleh-maikovych
#2184 Updated entity master example. Upgraded color picker example. R…
e15eb65 
…emoved redundant resources.
oleh-maikovych added a commit that referenced this issue May 27, 2024
@oleh-maikovych
#2184 Adjusted animation for centre, editor and master examples. Enha…
e832805 
…nced postal example.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@jhou-pro jhou-pro

@01es 01es

@oleh-maikovych oleh-maikovych

Labels
In progress P2 - important Technology upgrade UI / UX Web Component
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@jhou-pro @01es @oleh-maikovych