addEdit.php 4.17 KB
<div id="addEdit">
    <div class="inner"><?= $this->flash->output(); ?></div>
    <div class="inner">
        <div class="clearfix">
            <form enctype="multipart/form-data" method="post" action="" id="email_event_add_edit">
                <div class="version_1 clearfix">


                    <div class="input-group">
                        <input type="checkbox" name="status" class="unique" value="value='<?=  (isset( $page->status ) && !empty( $page->status ) ? $page->status : '') ?>'">
                        <label for="status">Статус рассылки</label>
                    </div>



                    <div class="input-group">
                        <span class="input-group-addon title-block-sizing">Название рассылки</span>
                        <input type="text" name="title" class="form-control" value='<?=  (isset( $page->name ) && !empty( $page->name ) ? $page->name : '') ?>'>
                    </div>


                    <div class="input-group">
                        <div class="clearfix input_wrapper" id="send_method_users_table">


                            <table id="templates-list" class="table table-hover">
                            </table>
                            <div class="input-group">
                                <span class="input-group-addon title-block-sizing">Введите email пользователя</span>
                                <input type="text" value="" class="form-control" name="autocomplete_user_email" id="autocomplete_templates"  autocomplete="off">
                            </div>

                            <table class="table table-hover">
                                <thead>
                                <tr>
                                    <th id="name">Имя</th>
                                    <th id="email">e-mail</th>
                                    <th class="table-buttons"></th>
                                </tr>
                                </thead>
                                <tbody id="result">

                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>

                <div class="input-group">
                    <a href="<?= $this->url->get( 'series_of_letters/index') ?>" class="news_cancel float">Отмена</a>
                    <input type="submit" class="news_submit float" name="save" value="Сохранить">
                </div>

            </form>
        </div>
    </div>
</div>
<script>
    jQuery(document).ready( function() {

        $('#autocomplete_templates').on('change', function () {
            var like = $(this).val();

            if (like.length > 3) {
                $.post('/series_of_letters/get_template', {like: like}, function (data) {
                    var ajax = $.parseJSON(data);
                    var count = ajax.length;
                    var block = $('#result');
                    block.html('');
                    for (var i = 0; i < count; i++) {
                        var row = "<tr><td id='name'>" + ajax[i]['name'] + "</td><td id='email'>" + ajax[i]['email'] + "</td><td><p data-id='" + ajax[i]['id'] + "' class = 'btn btn-primary select-row'>Добавить в список</p></td></tr>";
                        block.append(row);
                    }
                });
            }
        });


        $('#result').on('click', '.select-row', function () {
            var user_id = $(this).data('id');
            var row = $(this).closest('tr');
            var block = $('#templates-list');
            var email = row.find('#email').html();
            var name = row.find('#name').html();
            var new_row = "<tr><td id='name'>" + name + "</td><td id='email'>" + email + "</td><td><p class = 'btn btn-primary delete-row'>Убрать из списка</p>" +
                "<input type='hidden' value='" + user_id + "' name='user_id[]'></td></tr>";
            block.append(new_row);
            row.remove();
        });

        $('#templates-list').on('click', '.delete-row', function () {
            var row = $(this).closest('tr');
            row.remove();
        });
    });
</script>