包简介

Easy flash notifications with Materialize-CSS

README 文档

README

This project is a fork of the original project.

This composer package offers a Google Materialize-CSS optimized flash messaging setup for your Laravel applications.

Installation

Begin by pulling in the package through Composer.

composer require codemastersolucoes/flash-materialize

Next, if using Laravel 5, include the service provider within your config/app.php file.

'providers' => [
    CodeMasterSolucoes\FlashMaterialize\FlashServiceProvider::class,
];

After publishes, a configuration file is created in the config folder.

Config colors of flash messages

'colors' => [
        'info'    => [
            'message'   => [
                'background' => 'blue darken-2 font-weight-bold',
                'text'       =>  'white-text'
            ],
            'button' => [
                'background' => 'blue darken-2',
                'text'       => 'yellow-text'
            ],
        ],
        'success' => [
            'message' => [
                'background' => 'green',
                'text'       => 'white-text font-weight-bold'
            ],
            'button'  => [
                'background' => 'green',
                'text'       => 'white-text'
            ],
        ],
        'warning' => [
            'message' => [
                'background' => 'yellow darken-3',
                'text'       => 'black-text font-weight-bold'
            ],
            'button'  => [
                'background' => 'yellow darken-3',
                'text'       => 'red-text'
            ],
        ],
        'error'   => [
            'message' => [
                'background' => 'red',
                'text'       => 'white-text font-weight-bold'
            ],
            'button'  => [
                'background' => 'red',
                'text'       => 'white-text'
            ],
        ],
    ],

Config path of view

'views_path' => base_path('resources/views/vendor/flash-materialize'),

Finally, as noted above, the default CSS classes for your flash message are optimized for Google Materialize-CSS. As such, pull in the Materialize-CSS, Materialize-JS and jQuery plugin within your HTML or layout file.

IMPORTANT!!! jQuery plugin should come before the Materialize-JS plugin!

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

Usage

Within your controllers, before you perform a redirect, make a call to the flash() function.

public function store()
{
    flash('Welcome Aboard!');

    return home();
}

public function info()
{
    flash()->info('Message Info');

    return home();
}

public function success()
{
    flash()->success('Message Success');

    return home();
}

public function warning()
{
    flash()->warning('Message Warning');

    return home();
}

public function error()
{
    flash()->error('Message Error');

    return home();
}

You may also do:

flash('Message', 30000); or flash()->info('Message Info', 30000);: Set the flash time to disappear from the screen.

With this message flashed to the session, you may now display it in your view(s). Because flash messages are so common, we provide a template out of the box to get you started. You're free to use - and even modify to your needs - this template how you see fit.

@include('flash::message')

After inserting the jQuery and Materialize-CSS scripts, enter the code below.

@stack('flash-materialize')

Example

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
</head>
<body>

<div class="container">
    @include('flash::message')

    <p>Welcome to my website...</p>
</div>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
@stack('flash-materialize')
</body>
</html>

If you need to modify the flash message partials, you can run:

php artisan vendor:publish --provider="CodeMasterSolucoes\FlashMaterialize\FlashServiceProvider"

The two package views will now be located in the resources/views/vendor/flash-materialize/ directory.

Default:

flash('Welcome Aboard!');

return home();

Assigning time (in milliseconds) for the message to disappear from the screen

flash('Disappear in 30 seconds', 30000);

return home();

Multiple Flash Messages

Need to flash multiple flash messages to the session? No problem.

flash('Message 1');
flash('Message 2', 30000);

return redirect('somewhere');

Done! You'll now see two flash messages upon redirect.

codemastersolucoes/flash-materialize 适用场景与选型建议

codemastersolucoes/flash-materialize 是一款基于 PHP 开发的 Composer 扩展包，目前已累计 290 次下载、GitHub Stars 达 1，最近一次更新时间为 2017 年 11 月 01 日，在 PHP 生态内属于活跃度较高的组件。

我们在过去多个企业项目中使用过 codemastersolucoes/flash-materialize 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 codemastersolucoes/flash-materialize 我们能提供哪些服务？

定制开发 / 二次开发

基于 codemastersolucoes/flash-materialize 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

codemastersolucoes/flash-materialize

包简介