# b-blocks/1.5.2/inc/alert.php

bBlocks – Essential Gutenberg Blocks & Patterns Collection, version 1.5.2. 71 lines.

- Page: https://pluginprobe.com/plugins/b-blocks/1.5.2/code/inc/alert.php
- Raw: https://pluginprobe.com/plugins/b-blocks/1.5.2/raw/inc/alert.php
- Modified: 2021-10-18T14:05:44+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/b-blocks/1.5.2/code/inc/alert.php#L10-L20`.

```php
<?php
class BBlocksAlert extends BBlocks{
    public function __construct(){
        add_action( 'init', [$this, 'register'] );
    }

    function register(){
        $this::registerScripts( 'alert', array(
            'render_callback' => [$this, 'render']
        ) );
    }

    function render( $attributes ){
        extract( $attributes );
        $align = $align ?? '';
        $cId = $cId ?? '';
        $type = $type ?? 'general';
        $width = $width ?? '100%';
        $alignment = $alignment ?? 'center';
        $textAlign = $textAlign ?? 'center';
        $message = $message ?? 'You have an alert message!';
        $icon = $icon ?? array( 'class' => 'fa fa-exclamation-circle' );
        $isDismiss = $isDismiss ?? true;
        $typography = $typography ?? array( 'fontSize' => 25 );
        $colors = $colors ?? array( 'color' => '#333', 'bg' => '#fff' );
        $padding = $padding ?? array( 'vertical' => '15px', 'horizontal' => '30px' );
        $border = $border ?? array( 'width' => '2px', 'color' => '#333', 'radius' => '8px' );
        $shadow = $shadow ?? array();

        // Generate Styles
        $alertStyle = new BBlocksStyleGenerator(); // Generate Styles
        $alertStyle::addStyle("#bBlocksAlert-$cId .bBlocksAlert", array(
            'text-align' => $alignment
        ));
        $alertStyle::addStyle("#bBlocksAlert-$cId .bBlocksAlert .alert", array(
            'text-align' => $textAlign,
            'width' => '0px' === $width || '0%' === $width || '0em' === $width ? 'auto' : $width,
            $typography['styles'] ?? 'font-size: 25px;' => '',
            $colors['styles'] ?? 'color: #333; background: #fff;' => '',
            'padding' => $padding['styles'] ?? '15px 30px',
            $border['styles'] ?? 'border: 2px solid #333; border-radius: 8px;' => '',
            'box-shadow' => $shadow['styles'] ?? 'none'
        ));
        $alertStyle::addStyle("#bBlocksAlert-$cId .bBlocksAlert .alert .alertIcon", array(
            'font-size' => $typography['fontSize'] ?? '25px',
            'color' => $colors['color'] ?? '#333'
        ));
        $alertStyle::addStyle("#bBlocksAlert-$cId .bBlocksAlert .alert .alertClose", array(
            'color' => $colors['color'] ?? '#333'
        ));

        ob_start(); ?>
        <div class='wp-block-b-blocks-alert <?php echo 'align' . esc_attr( $align ); ?>' id='bBlocksAlert-<?php echo esc_attr($cId) ?>'>
            <style>@import url(<?php echo esc_url($typography['googleFontLink'] ?? ''); ?>); <?php echo wp_kses($alertStyle::renderStyle(), []) ?></style>

            <div class='bBlocksAlert'>
                <div class='alert'>
                    <?php echo $icon['class'] ? "<i class='". esc_attr( $icon['class'] ) ."'></i>" : ''; ?>

                    <span class='alertMessage'><?php echo wp_kses_post( $message );?></span>
                        
                    <?php echo $isDismiss ? "<i class='alertClose fa fa-times-circle'></i>" : ''; ?>
                </div>
            </div>
        </div>

        <?php $alertStyle::$styles = array(); // Empty styles
        return ob_get_clean();
    }
}
new BBlocksAlert();
```