Feature/js atk4 namespace

[ibelar]

This PullRequest is replacing previous PR194. PR194 should then be closed in order to use this one.
You would need to recompile javascript code using web pack for this PR to work correctly.

npm run build

Javascript

atk Namespace

Add namespace to all atk jQuery plugin and helper function. Plugin should now be called using atk prior to the plugin name like below.

$element->js()->atkReloadView();

Folder structure

Better structure the javascript file by making them more modular. The folder structure is as follow

• plugins: contains the jquery plugin file
• helpers: contains extended jquery function, like $.addParams, perhaps eventually univ()...
• service: contains mainly singleton class responsible to manage semantic-ui module, like the api or - modal module throughout the entire app.

jQuery plugin enhancement

Better handling of jQuery plugin creation via plugin.js. Also now handle direct plugin function call using $('element').plugin('functionToCall', [param]) type syntax.

Service class

Two new service classes, ApiService and ModalService, for managing api or modal throughout the app.

• ApiService: better handling of error message and api call done via other service, like modal;
• ModalService: better handling of modal
  • allow support for multiple modal, properly handling close trigger event.
  • allow dynamic content via createModal or Modal.php.
  • allow for regular content via Modal.php

In future, service could be add for other semantic-ui module like form, tab etc, in future.

PHP

Modal.php

Add Modal class in order to allow modal use within a page. Modal extend regular View but can also use CallBack to add content to it.

As a regular view:

$modal = $layout->add(['Modal', 'title' =>'Simple modal']);
$modal->add('Message')->set('Modal message here.');

using callback:

$modal->set(function ($modal) {
    $modal->add(['LoremIpsum', 'size' => 2]);
});

see modal2.php demos.