Releases: atk4/ui
1.3.2
1.3.0
This version is focused on dynamic interaction between the browser and your PHP apps. It contains 3
new Components and 3 new Actions and a new Form Field Decorator.
Loader (#246, #250) is a component that calls itself back to load its content. While the content is being generated, your user will see a spinner animation:
$loader = $app->add('Loader');
$loader->set(function($p) {
sleep(2); // or any other slow-loading code.
$p->add('LoremIpsum');
});
There are also ways to trigger and reload the contents as well as passing some arguments in. We include 2
demos for the loader: basic loader demo and
practical use example. For additional information,
look into Loader Documentation
Next we thought - why not also load content dynamically inside a Modal dialog, so we added this:
$modal = $app->add(['Modal', 'title' => 'Lorem Ipsum load dynamically']);
$modal->set(function ($p) {
sleep(2); // or any other slow-loading code.
$p->add('LoremIpsum');
});
Code is very consistent with the Loader or dynamic definition of Tabs but would open in a modal window. However we wanted to go even further.
What if it would take several seconds for content to load? We used Server-Sent-Events for streaming updates from your PHP code in real-time (#258 #259). Yet it's just as simple to use as anything else in Agile UI:
// see SSE demo for $bar implementation
$button->on('click', $sse->set(function () use ($sse, $bar) {
sleep(0.5);
$sse->send($bar->js()->progress(['percent' => 40]));
sleep(2);
$sse->send($bar->js()->progress(['percent' => 80]));
sleep(1);
return $bar->js()->progress(['percent' => 100]);
}));
In the next release we will include 'ProgressBar' and 'Console' classes that rely on event streaming.
Other additions include:
- AutoComplete field for dynamically loading contents of a drop-down. #245
- Notifyer for flashing success or error messages on top of the screen dynamically. #242
- jsModal Action for opening Modal windows
We also added AutoComplete "Plus" mode. It's a button next to your AutoComplete field which you can click to add new element inside a referenced entity which will then be automatically filled-in. Super-useful!
Lastly - a lot of new documentation and minor fixes. #240 #244 #248 #256 #257
1.2.3
1.2.2
1.2.1
1.2.0
This release includes change to view constructor arguments, huge JavaScript overhaul and clean-up,
refactored jsModal implementation, refactor of Table::addColumn() and Table::addField(), integration
with Wordpress and a lot of new documentation.
This release was possible thanks to our new contributors:
Major Changes
- Refactored View arguments.
$button = new Button($label, $class)
instead of using arrays. Backwards compatible. - Migrated to Agile Core 1.3 and Agile Data 1.2.1
- Added support for Tabs
- Added notify.js #205
- Add Callback::triggered() method. #226
- Refactored JS Plugin System. ATK now implements: #189, #201, #193, #202
- spinner (link to doc needed)
- reloadView (link to doc needed)
- ajaxec (link to doc needed)
- createModal (link to doc needed)
- Refactored addField() and addColumn() #179 #187 #223 #225
Other changes
- Documentation improvements:
- Callbacks and Virtual pages #200 (http://agile-ui.readthedocs.io/en/latest/core.html#callbacks-and-virtual-pages)
- README file #196
- Add documentation for icon, image, label, loremipsum, message, tablecolumn, text, decorators. #218
- Fixed problem with Checkbox on a form #130
- Fixed form submission with Enter #173
- Improved form validation #191
- Fix label display when it's 0 #198
- Cleanups #207 #218
- Switched to codecov.io for a more serious coverage reports (will focus on improving those)
1.1.10
- Fix warning in database demos
- Fix detection of local public files for demos
- Fix Delete button in crud (couldn't be clicked twice)
- Enabled App to have dynamic methods
- Fixed bug in Status column
- Fixed stickyURL #185
- Improved compatibility with custom JS renderers (for wordpress integration)
- Fixed centered layout #186
- "get-assets.php" now creates 'public' folder, usable in your project
1.1.4
1.1.3
- Improve UI layout and add responsivitiy #170
- Documentation restructure, new Overview section, many more screenshots #154
- Added support for multiple formatters in Table. You can use 'addColumn' with existing column. #162
- Added type 'text', improve how 'money', date and time appear on a form. #165
- Improve the way hasOne relations are displayed on the form #165 (dropdowns)
- Fix linking to JS libraries in the CDN
- Bugfixes in Menu
- Renamed
$layout->leftMenu
into$layout->menuLeft
to follow principle of "Left/Right" always being last word.