Attaching Buttons to CRUD (Active Button)

[luya-bot]

This issue has originally been reported by @nadar at luyadev/luya#1506.
Moved here by @nadar.

---

A "DynamicButton" which allows you to copy a CRUD row, therefore we have to introduce a button ability similar to active windows, without an overlay.

Example Implementation of such a Button

• Duplicate a Row

[nadar]

ActiveButton analog to ActiveWindow.

[nadar]

Usage / Implementation Idea:

class MyButton extends ActiveButton
{
     public funtion render()
     {
          return '<button type="button">My Button {{model.title}}</button>';
     }

     public function handle()
     {
          if ($this->model->updateAttributes(['is_triggered' => true]) {
               $this->sendReloadCrudEvent(); // commands the list to reload.
               return $this->successOutput('Yes pushed'); // same as for active windows
          }
     }
}

Attach the button in the ngrest model:

public function ngRestActiveButton()
{
     [
         'class' => 'app\MyButton',
    ] 
}

[nadar]

css classes for crud-buttons-button element:

success flash: crud-buttons-button-success (remove class after 5 seconds)
failure flash: crud-buttons-button-danger (remove class after 5 seconds)
spinning animation: crud-buttons-button-loading (add class when loading, remove after loading)