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

WIP: 3.0.0 Reworked UI #110

Draft
wants to merge 58 commits into
base: release/3.0.0
Choose a base branch
from
Draft

WIP: 3.0.0 Reworked UI #110

wants to merge 58 commits into from

Conversation

cameronterry
Copy link
Owner

This PR contains the reworked UI for domain mapping as part of the 3.0.0 release.

  • More responsive, for a better experience managing domains on smartphones.
  • Created a new Dark Matter Plugin / Domains Redux store, more in-line with WordPress development.
    • Domains can now be retrieved using the @wordpress/data package and APIs, such as: wp.data.select( 'darkmatterplugin/domain' ).
    • This makes the use of API integration more flexible for custom development if desired.
  • Simplifying the Node/NPM build process

cameronterry added 26 commits May 7, 2023 16:10
@cameronterry
Updated the NPM packages to the latest versions.
4070bdc
@cameronterry
Moved Node to 18+.
9b762cc
@cameronterry
Simplified node packages / webpack / build process.
a092daf
@cameronterry
Added a new redux store to get the domains.
16501fd
@cameronterry
Switched the enqueue to use the new dist/ folder and asset dependencies.
8d3269c
@cameronterry
Added the new dist/ folder to the ignores.
73d098f
@cameronterry
Forgot to set up the selectors needed for wp.data.select().
bf5684e
@cameronterry
Replaced the localize script with inline script call.
250e0ac
@cameronterry
Fixed the nesting and ensuring the dist/ folder is clean on each build.
79b5f00
@cameronterry
Got the beginnings of a domain grid / admin UI setup.
6392be7
@cameronterry
Added some variables to be used.
c86df6b
@cameronterry
Created CSS for a toggle / checkbox control.
17395ca
@cameronterry
Removed the capitalisation on the folder names.
d3c8f9e
@cameronterry
Added the imports for the CSS.
f30be61
@cameronterry
Added a visible label and put together the JSX control.
d160ff3
@cameronterry
Used the spread operator to pass all domain details.
651869f
@cameronterry
Added some margins and dividers for the toggle control.
98f4e07
@cameronterry
Added support for updating the checked value.
4fec487
@cameronterry
Fixed the settings page by having a title and encasing the root el in…
7a298b8 
…side a div with class, "wrap".
@cameronterry
Updated the Card control to make use of the new elements and classes.
48e2096
@cameronterry
Added an info control.
454b2d1
@cameronterry
Modernised the Domain Mapping JS to use createRoot.
bba7b3d
@cameronterry
Fixed a weird CSS import issue.
c5533a2
@cameronterry
Added some breakpoints.
c3faa31
@cameronterry
Made the UI more responsive.
e82d05b
@cameronterry
Removed the right padding, as it isn't needed with the wrap element.
9a60626
@cameronterry cameronterry self-assigned this May 10, 2023
@cameronterry
Enqueued the wp components CSS rather than cranking out our own buttons.
2e48c9c
@cameronterry
Hooked up the remove domain Redux action to the a button on Card.
7257188
@cameronterry
Added the singular endpoint to the dmp.endpoints.
87bc597
@cameronterry
Added the removeDomain action.
1af4020
@cameronterry
Simplified the removeDomain dispatch.
b79c7b0
@cameronterry
Added an update domain action.
304d35a
@cameronterry
Upgraded Node minimum version to 20 LTS and updated packages.
6ba6cac
@cameronterry
Added classNames NPM Package.
3a8f73a
@cameronterry
Switched the list of domains to a table.
8ab5b8e
@cameronterry
Removed the card/grid system and the custom Toggle control.
e9d3771
@cameronterry
Brought the styling inline with the new Admin UI ... ish ... and adde…
27e7683 
…d the "Add domain" button.
@cameronterry
Added a delete domain modal.
d8d7557
@cameronterry
Completed the implementation of the delete domain modal.
7e59b3a
@cameronterry
Added the ability to force delete a domain with removeDomain action.
f2b5b4d
@cameronterry
Renamed the DeleteDomain to include the word modal. Refactored the on…
87c5d96 
…Close.
@cameronterry
Changed the root object to DomainManagement with table, rather than j…
f06e370 
…ust table.
@cameronterry
Moved the Add New Domain into the DomainManagement component.
cb88daa
@cameronterry
Added the basics for the New Domain modal.
498cbf9
@cameronterry
Added the basic form for a new Domain.
68a750d
@cameronterry
Completed the form and added the buttons.
4124930
@cameronterry
Implemented an addDomain() action to the domains redux.
d011828
@cameronterry
Removed debug code.
d143f34
@cameronterry
Implemented the basics for the new domain form.
cc6d6c1
@cameronterry
Reworked the addDomain() action to better handle the return and ADD_D…
d85c9de 
…OMAIN dispatch.
@cameronterry
Tweaked the CSS to give the form fields more breathing room.
8415958
@cameronterry
Added notices to the Domain Management, and the notice for a new domain.
4f0a7a8
@cameronterry
Stopped a success notice appearing when the new domain modal is closed.
0092785
@cameronterry
Ensured that the whole data record of the new domain is added to the …
b6b3143 
…store.
@cameronterry
Reverted the previous change and fixed the response for REST create_item
80e2571
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees

@cameronterry cameronterry

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@cameronterry