# MRE-MODAL

Componente para desenvolvimento de modal com alert, confirm e prompt

### Instalação

  - Executar o comando de instalação com o bower

```
    $ bower install mre-modal --save
```

- Adicionar arquivo css no html

```
    <link rel="stylesheet" href="/vendor/mre-modal/assets/css/mre-modal.css">
```

  - Adicionar arquivo js no html

```
    <script src="vendor/mre-modal/src/mre-modal.js"></script>
```

 - Injetar o módulo mre.modal em sua aplicação

```
    angular.module('your.module', [
        'mre.modal'
    ]);
```
### Configuração

 - Pode-se alterar a configuração padrão da modal, tanto para alert, confirm e prompt

```
    angular.module('your.module', ["mre.modal"])
        .config(function (modalOptionsProvider) {
            modalOptionsProvider.setConfirm({
                headerText: 'Confirmação',
                bodyText: 'Deseja mesmo realizar essa ação?',
                closeButtonText: 'Cancelar',
                actionButtonText: 'Confirmar',
                template: '/vendor/mre-modal/partial/modal.html',
                alert: false,
                prompt: {
                    active: false,
                    value: null
                },
                sizeModal: 'small or long'
            });

            modalOptionsProvider.setAlert({
                headerText: 'Confirmação',
                bodyText: 'Deseja mesmo realizar essa ação?',
                closeButtonText: 'Cancelar',
                actionButtonText: 'Confirmar',
                template: '/vendor/mre-modal/partial/modal.html',
                alert: false,
                prompt: {
                    active: false,
                    value: null
                },
                sizeModal: 'small or long'
            });

            modalOptionsProvider.setPrompt({
                headerText: 'Confirmação',
                bodyText: 'Deseja mesmo realizar essa ação?',
                closeButtonText: 'Cancelar',
                actionButtonText: 'Confirmar',
                template: '/vendor/mre-modal/partial/modal.html',
                alert: false,
                prompt: {
                    active: true,
                    value: null
                },
                sizeModal: 'small or long'
            });
        });
```

### Utilização

 - Incluir na seu controller a factory alertModal, confirmModal, promptModal, conforme for a sua utilização

```
    angular.module('your.module')
        .controller('yourController', function (confirmModal, alertModal, promptModal) {
            confirmModal.confirm().then(
                function(response) {
                    console.log("Confirm success", response);
                },
                function(response) {
                    console.log('confirm error', response);
                }
            );

            alertModal.alert().then(
                function(response) {
                    console.log("Alert success", response);
                }
            );

            promptModal.prompt().then(
                function( response ) {
                    console.log(response );
                },
                function() {
                    console.log( "Prompt failed :(" );
                }
            );
        });
```

### Versão
1.0.5