-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' of github.com:odannyc/laravel-alertify
- Loading branch information
Showing
1 changed file
with
97 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,99 @@ | ||
# laravel-alertify | ||
An alertify package for Laravel | ||
|
||
## Installation | ||
This package uses composer, so require it like so: | ||
``` | ||
composer require odannyc/laravel-alertify | ||
``` | ||
|
||
You'll also need to pull in the `alertify.js` project. This is located here: https://alertifyjs.org/ | ||
|
||
You can use NPM: | ||
``` | ||
npm install --save alertify.js | ||
``` | ||
|
||
Or include the CDN version of it in your `app.blade.php` template. (File may vary on your Laravel installation): | ||
```html | ||
<script src="https://cdn.rawgit.com/alertifyjs/alertify.js/v1.0.10/dist/js/alertify.js"></script> | ||
``` | ||
|
||
Then, in the template of your Laravel installation, include the view anywhere in the body of your HTML: | ||
```php | ||
@include('alertify::alertify') | ||
``` | ||
|
||
## Usage | ||
**Make sure you include `alertify.js` prior to using this package. (See installation instructions above)** | ||
|
||
You can call the `alertify()` helper function before returning/redirecting to a view: | ||
|
||
```php | ||
/** | ||
* Update the specified resource in storage. | ||
* | ||
* @param \Illuminate\Http\Request $request | ||
* @return \Illuminate\Http\Response | ||
*/ | ||
public function update(Request $request) | ||
{ | ||
alertify()->success('Updated record successfully'); | ||
|
||
// You can also add multiple alerts! | ||
alertify('You are awesome!'); | ||
|
||
return redirect()->back(); | ||
} | ||
``` | ||
|
||
You can either use the `alertify()` helper or use the static Facade: | ||
```php | ||
Alertify::standard('I like alerts') | ||
``` | ||
|
||
There are 3 types of alerts: | ||
```php | ||
alertify('this is a standard alert (shows black)'); | ||
alertify()->success('this is a success alert (shows green)'); | ||
alertify()->error('this is an error alert (shows red)'); | ||
``` | ||
|
||
You can also show multiple alerts by calling that function multiple times: | ||
```php | ||
alertify('alert 1'); | ||
alertify('alert 2'); | ||
``` | ||
|
||
You can save the alert and edit it based on logic: | ||
```php | ||
$alert = alertify('i am an alert'); | ||
if ($error) { | ||
$alert->error(); | ||
} else { | ||
$alert->success(); | ||
} | ||
``` | ||
|
||
There's many options you can add per alert: | ||
```php | ||
// Show the alert for 5000 milliseconds and then dismisses itself (default: 4000) | ||
alert('delayed 5 seconds')->delay(5000); | ||
|
||
// Alert stays displayed with no timeout | ||
alert('i stay displayed on the screen')->persistent(); | ||
|
||
// Alert can be clicked to be dismissed | ||
alert('i can be clicked to be dismissed')->clickToClose(); | ||
|
||
// You can position alerts (default: 'top right') | ||
alert('i am on the bottom left')->position('bottom left'); | ||
|
||
// You can attach the alert to some other HTML element (default: 'document.body') | ||
alert('i am displayed on a different parent')->attach('.some-html-accessor') | ||
``` | ||
|
||
You can also daisy chain options: | ||
```php | ||
alert()->success('i am daisychained')->delay(10000)->clickToClose()->position('bottom right'); | ||
``` |