oxygen / ui-theme
Oxygen User Interface
Installs: 360
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 5
Language:JavaScript
Requires
- php: ^8.1
- illuminate/support: ^10.0
- oxygen/auth: ~0.8.0
- oxygen/preferences: ~0.6.0
Requires (Dev)
- phpstan/phpstan: ^0.12.18
- dev-master
- 0.10.0
- 0.9.7
- 0.9.6
- 0.9.5
- 0.9.4
- 0.9.3
- 0.9.2
- 0.9.1
- 0.9.0
- 0.8.0
- 0.7.0
- 0.6.1
- 0.6.0
- 0.5.5
- 0.5.4
- 0.5.3
- 0.5.2
- 0.5.1
- 0.5.0
- 0.4.14
- 0.4.13
- 0.4.12
- 0.4.11
- 0.4.10
- 0.4.9
- 0.4.8
- 0.4.7
- 0.4.6
- 0.4.5
- 0.4.4
- 0.4.3
- 0.4.2
- 0.4.1
- 0.4.0
- 0.3.2
- 0.3.1
- 0.3
- 0.2.16
- 0.2.15
- 0.2.14
- 0.2.13
- 0.2.12
- 0.2.11
- 0.2.10
- 0.2.9
- 0.2.8
- 0.2.7
- 0.2.6
- 0.2.5
- 0.2.4
- 0.2.3
- 0.2.2
- 0.2.1
- 0.2.0
- 0.1.4
- 0.1.3
- 0.1.2
- 0.1.1
- 0.1.0
- dev-laravel10
- dev-dependabot/npm_and_yarn/webpack-5.76.0
- dev-dependabot/npm_and_yarn/terser-5.16.1
- dev-dependabot/npm_and_yarn/markdown-it-and-modernizr-12.3.2
- dev-dependabot/npm_and_yarn/loader-utils-2.0.4
- dev-prod-output
- dev-insert-image
- dev-update_deps
This package is auto-updated.
Last update: 2024-10-31 00:23:18 UTC
README
This repository contains the legacy front-end of Oxygen.
For more information visit the Core repository.
Migration to Vue.js
The Vue.js migration is not happening inside this repository. Instead, most of the excitement is in the @oxygen-cms/ui npm package.
This UI is being gradually gutted as components are replaced with the Vue.js versions. The first component to go was the Main Navigation bar at the top fo the screen.
The integration between the two UI frameworks is done through the use of an <iframe>.
When a legacy page is requested, the Vue.js UI will load the legacy page inside an iframe, and set up a number of global hooks
to allow the legacy page inside the iframe to communicate with the parent page. These hooks include:
window.Oxygen.onNavigationBegin- called when a new page is loaded internally using SmoothState.jswindow.Oxygen.onNavigationEnd- called when navigation is finished and e.g.: the parent title should be updatedwindow.Oxygen.notify- called to show a notification in the parent page.window.Oxygen.openAlertDialog- shows an alertwindow.Oxygen.openConfirmDialog- shows a confirmation dialogwindow.Oxygen.popState- navigate one entry backwards in the history
Development
yarn install
npx webpack