Administrator / test_3

  <?php
  /**
   * Created by PhpStorm.
   * User: vitaliy
   * Date: 05.10.15
   * Time: 16:20
   */
  use yii\helpers\Html;

  
  $id = $model::tableName().'_id';

  
  ?>
  <div class="file-uploader-block">
      <?php if(!$multi):?>

  
          <?=  Html::activeHiddenInput( $model,$field,['id' => "{$field}_picture_link"]) ?>
          <input type="hidden" id="<?=$field?>_old_img" name="ImageSizerForm[old_img]" value="<?=$model->$field?>"/>
          <input type="hidden" id="<?=$field?>_new_img" name="ImageSizerForm[new_img]" value=""/>

          <input type="hidden" id="<?=$field?>_row_id" name="ImageSizerForm[new_img]" value="<?=$model->$id?>"/>

          <div class="tst">
              <div id="<?= $field?>_img_block" class="admin-avatar-pattern-wr">
                  <div class="admin-avatar-pattern">
                      <?= $model->$field ? Html::img($model->$field): '' ?>
                  </div>
              </div>
              <div class="file-help-1"><div>Формат: PNG, JPG, GIF<br />Размер: 180x180 px<br />Файлы большего размера и других пропорций будут конвертироваться</div></div>
          </div>
  
          <span class="btn btn-success fileinput-button uploader-button">
  <!--        <i class="glyphicon glyphicon-plus"></i>-->
          <span><?=$name?></span>
  
              <?=  Html::activeFileInput( new \common\models\ImageSizerForm(),'file',['id'=>$field, 'data-url'=>Yii::$app->getUrlManager()->createUrl('file/uploader/download-photo')]);?>
      </span>

  
      <script>
      $(function(){
  
          $("#<?= $field?>").fileupload({

              dataType: 'json',
              formData: {width: <?=$width?>,height:<?=$height?>},
              done: function (e, data) {
                  if($("#<?=$field?>_buttons_block").length){
                      $("#<?=$field?>_buttons_block").remove()
                  }
                  var host = window.location.host.toString();

                  var img = '<div class="admin-ava-wr"><img style="vertical-align: middle; width: <?=$width?>px; height: <?=$height?>px;" src="http://'+host+data.result.link+'"></div>'+

                      '<div id="<?=$field?>_buttons_block">'+
                          '<button type="button" id="<?=$field?>_save_img" class="btn btn-success img-action-buttons" >Сохранить</button>'+
                          '<button type="button" id="<?=$field?>_remove_img" class="btn btn-danger img-action-buttons" >Отмена</button>'+
                      '</div>';

                  var block = $("#<?= $field?>_img_block .admin-avatar-pattern");

                  block.find('img').remove();
                  block.append(img);
                  $("#<?=$field?>_picture_link").val(data.result.link);
                  $("#<?=$field?>_new_img").val(data.result.link);
              }
          });
  
  
          $('body').on('click', '#<?=$field?>_save_img',function(){
              $("#<?=$field?>_buttons_block").remove();
              var old_url = $('#<?=$field?>_old_img').val();
              var new_url = $('#<?=$field?>_new_img').val();
              var model = '<?=str_replace('\\', '-',$model::className());?>';

              $.post( "/file/delete-image",{new_url:new_url,old_img: old_url,model:model,field:"<?= $field?>", id:"<?=$model->$id?>",action:'save'},  function() {

              });
              $("#<?=$field?>_picture_link").val(new_url);
          });
  
          $('body').on('click', '#<?=$field?>_remove_img',function(){
              $("#<?=$field?>_buttons_block").remove();

              var old_url = $('#<?=$field?>_old_img').val();
              var new_url = $('#<?=$field?>_new_img').val();

              $.post( "/file/delete-image",{old_img: new_url},  function() {

              });
              $("#<?=$field?>_picture_link").val(old_url);

              if(old_url.length<=1){
                  $('#<?= $field?>_img_block').find('img').remove()
              }
              else {
                  $('#<?= $field?>_img_block').find('img').attr('src',old_url);
              }
  

          });
  
  
      })
  </script>
  
  <?php else:?>
  
      <span class="btn btn-success fileinput-button uploader-button">
      <i class="glyphicon glyphicon-plus"></i>
      <span><?=$name?></span>
  

          <?=  Html::activeFileInput( new \common\models\ImageSizerForm(),'file',['id'=>$field, 'data-url'=>Yii::$app->getUrlManager()->createUrl('file/uploader/download-photo'), 'multiple'=> 'multiple' ]);?>

      </span>
  
      <?=  Html::activeHiddenInput( $model,$field,['id' => "{$field}_picture_link"]) ?>
  
  
      <input type="hidden" name="ImageSizerForm[multi]" value="<?=$multi?>"/>
  
      <div id="<?= $field?>_img_block">
          <?php
  
          foreach($this->context->getGallery() as  $image){
              echo $this->render('_gallery_item', [ 'item' => ['image'=>$image]]);
          }
          ?>
      </div>
      <script>
          $(function(){
  
              $("#<?= $field?>").fileupload({
                  dataType: 'json',
                  formData: {width: <?=$width?>,height:<?=$height?>},
                  done: function (e, data) {
  
                      var img = data.result.view;
                      var block = $("#<?= $field?>_img_block");
                      block.append(img);
                      var gallery = $("#<?= $field?>_picture_link");
                      gallery.val(gallery.val()+data.result.link+',');
                  }
              });
              $('body').on('click','.delete-gallery-item', function(){
                  var url = $(this).data('url');
                  $(this).parent('.gallery_image').remove();
                  var gallery = $("#<?= $field?>_picture_link");
                  var urls = gallery.val();
                  gallery.val(urls.replace(url+',', ""));

                  $.post( "/file/delete-image",{old_img: url},  function( data ) {

                      $( ".result" ).html( data );
                  });
              })
  
          })
      </script>
  
  <?php endif;?>
  </div>