Administrator / seo-dev

  <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">

  
                              <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 class="table-buttons"></th>
                                  </tr>
                                  </thead>
                                  <tbody id="result">
  
                                  </tbody>
                              </table>
                          </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('keyup', function () {

              console.log('here is a lot off information');

              var like = $(this).val();
  
              if (like.length > 3) {

                  $.post('/series_of_letters/gettemplate', {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><p data-id='" + ajax[i]['id'] + "' class = 'btn btn-primary select-template'>Добавить в список</p></td></tr>";

                          block.append(row);
                      }
                  });
              }
          });
  
  

          $('#result').on('click', '.select-template', function () {

              var event = $(this).data('id');

              var row = $(this).closest('tr');
              var block = $('#templates-list');

              var name = row.find('#name').html();

              var new_row = "<tr><td id='name'>" + name + "</td><td><p class = 'btn btn-primary delete-row'>Убрать из списка</p>" +
                  "<input type='hidden' value='" + event + "' name='event[]'></td></tr>";

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