Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yii2mod/yii2-sweet-alert
SweetAlert widget for Yii2 framework
https://github.com/yii2mod/yii2-sweet-alert
yii2 yii2-alert yii2-alert-widget yii2-extension
Last synced: 3 days ago
JSON representation
SweetAlert widget for Yii2 framework
- Host: GitHub
- URL: https://github.com/yii2mod/yii2-sweet-alert
- Owner: yii2mod
- License: mit
- Created: 2014-12-29T21:31:02.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2017-09-16T08:28:30.000Z (about 7 years ago)
- Last Synced: 2024-10-30T01:58:41.530Z (17 days ago)
- Topics: yii2, yii2-alert, yii2-alert-widget, yii2-extension
- Language: PHP
- Homepage:
- Size: 22.5 KB
- Stars: 43
- Watchers: 8
- Forks: 18
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Yii2 Alert Widget
Alert widget based on [SweetAlert](http://t4t5.github.io/sweetalert/)
[](https://packagist.org/packages/yii2mod/yii2-sweet-alert) [](https://packagist.org/packages/yii2mod/yii2-sweet-alert) [](https://packagist.org/packages/yii2mod/yii2-sweet-alert)
[](https://travis-ci.org/yii2mod/yii2-sweet-alert)
Installation
------------
The preferred way to install this extension is through [composer](http://getcomposer.org/download/).
Either run
```
php composer.phar require --prefer-dist yii2mod/yii2-sweet-alert "*"
```
or add
```
"yii2mod/yii2-sweet-alert": "*"
```
to the require section of your composer.json.
Usage
-------
**For render the message from session flash you can use the following code:**
1) Set the message in your action, for example:
```php
Yii::$app->session->setFlash('success', 'This is the message');
```
2) Simply add widget to your page as follows:
```php
echo Alert::widget();
```
**For render the custom message you can use the following code:**
```php
// A replacement for the "prompt" function
echo \yii2mod\alert\Alert::widget([
'useSessionFlash' => false,
'options' => [
'timer' => null,
'type' => \yii2mod\alert\Alert::TYPE_INPUT,
'title' => 'An input!',
'text' => "Write something interesting",
'confirmButtonText' => "Yes, delete it!",
'closeOnConfirm' => false,
'showCancelButton' => true,
'animation' => "slide-from-top",
'inputPlaceholder' => "Write something"
],
'callback' => new \yii\web\JsExpression(' function(inputValue) {
if (inputValue === false) return false;
if (inputValue === "") {
swal.showInputError("You need to write something!");
return false;
}
swal("Nice!", "You wrote: " + inputValue, "success");
}')
]);
```
**You can also change the theme of SweetAlert!**
To change the theme, you can configure the assetManager array in your application configuration:
```php
// twitter theme
'assetManager' => [
'bundles' => [
'yii2mod\alert\AlertAsset' => [
'css' => [
'dist/sweetalert.css',
'themes/twitter/twitter.css',
]
],
],
]
```
**You can override the Yii2 default data-confirm popup by the following code:**
The basics are to include the asset, then add this JS:
```js
/**
* Override the default yii confirm dialog. This function is
* called by yii when a confirmation is requested.
*
* @param message the message to display
* @param okCallback triggered when confirmation is true
* @param cancelCallback callback triggered when cancelled
*/
yii.confirm = function (message, okCallback, cancelCallback) {
swal({
title: message,
type: 'warning',
showCancelButton: true,
closeOnConfirm: true,
allowOutsideClick: true
}, okCallback);
};
```
Alert Options
----------------
You can find them on the [options page](http://t4t5.github.io/sweetalert/)