Support Modal module behaviours

[ilyavf]

Initialization of the module is the same as for other:

$('.ui.modal').modal();

But then we need to use module's behaviours to show/hide the modal. E.g.:

$('.long.modal').modal('show');

[ilyavf]

So far, it works like this:

<button ($click)="showModal()">Show</button>
<div class="ui small basic test modal" semantic-module="modal">
  ... modal content here ...
</div>

VM:

showModal(){
    $('.ui.basic.modal').modal('show');
}

Maybe smth like this will work: have a new can.view.attr for the button that will add onclick handler:

<button semantic-modal=".ui.basic.modal">Show</button>

Can.view.attr for the button:

can.view.attr('semantic-modal', function(el, attrData) {
  var selector = el.getAttribute('semantic-modal');
  $(selector).modal('show');
});