Sid Gifari File Manager

📝 Editing: meta-button-style.php

<div class="meta-button-style">
    <div class="design-button" id="button-design">
        <table class="form-table">
            <p><?php echo __('This styling applies only to the shortcode buttons for this account. Leave blank to use the default styles.', 'ninjateam-whatsapp') ?></a></p>
            <tbody>
                <tr>
                    <th scope="row">
                        <label for="label"><?php echo __('Button Label', 'ninjateam-whatsapp') ?></label>
                    </th>
                    <td>
                        <input type="text" id="label" name="label" value="<?php echo esc_attr($buttonStyles['label']) ?>" placeholder="Need help? Chat via WhatsApp" class="widefat" autocomplete="off">
                        <p class="description"><?php echo __('This text applies only on shortcode button.', 'ninjateam-whatsapp') ?>
                        </p>
                    </td>
                </tr>
                <tr>
                    <th scope="row"><label for="type"><?php echo __('Button Style', 'ninjateam-whatsapp') ?></label></th>
                    <td>
                        <div class="setting align">
                            <div class="button-group button-large" data-setting="align">
                                <button class="button btn-round <?php echo ($buttonStyles['type'] == 'round' ? 'active' : '') ?>" value="round" type="button">
                                    <?php echo __('Round', 'ninjateam-whatsapp') ?>
                                </button>
                                <button class="button btn-square <?php echo ($buttonStyles['type'] == 'square' ? 'active' : '') ?>" value="square" type="button">
                                    <?php echo __('Square', 'ninjateam-whatsapp') ?>
                                </button>
                            </div>
                            <input name="btnType" id="btnType" class="hidden" value="<?php echo esc_attr($buttonStyles['type']) ?>" />
                        </div>
                    </td>
                </tr>
                <tr>
                    <th scope="row"><label for="backgroundColor"><?php echo __('Button Background Color', 'ninjateam-whatsapp') ?></label></th>
                    <td>
                        <input type="text" id="backgroundColor" name="backgroundColor" value="<?php echo esc_attr($buttonStyles['backgroundColor']) ?>" class="widget-button-color" data-default-color="#2DB742" />
                    </td>
                </tr>
                <tr>
                    <th scope="row"><label for="textColor"><?php echo __('Button Text Color', 'ninjateam-whatsapp') ?></label></th>
                    <td>
                        <input type="text" id="textColor" name="textColor" value="<?php echo esc_attr($buttonStyles['textColor']) ?>" class="widget-button-color" data-default-color="#fff" />
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="preview-button">
        <p>Preview</p>
        <div id="wa-button"></div>
    </div>
</div>