trainers_view.php 4.18 KB
<?php
use yii\helpers\Html;
?>
<div class="hotels_result">
<?php $i=0; foreach($model as $hotel):?>
    <div class="image_block_hotel">
        <h2>Миниатюра</h2>
        <div class="form-group field-goods-file">
            <label class="control-label" for="fileupload">File</label>
            <input type="hidden" name="UploadForm[file]" value="">
            <input type="file" class="fileupload" name="UploadForm[file]" data-url="index.php?r=site/download-photo">

            <div class="help-block"></div>
        </div>
        <div class="form-group field-goods-image">
            <label class="control-label" for="picture_link">Картинка</label>
            <input type="hidden" class="picture_link form-control" name="Trainers[<?=$i?>][photo]" value="<?=$hotel->photo?>">
        </div>
        <div class="img_block">
            <?= $hotel->photo ? '<img src='.$hotel->photo.'>': '' ?>
        </div>
    </div>

    <div class="form-group"><label class="control-label" for="hotel-name">Name</label>    <input type="text" id="hotel-name" value="<?= $hotel->name ?>" class="form-control" name="Trainers[<?=$i?>][name]"></div>
    <div class="form-group"><label class="control-label" for="hotel-address">Описание</label>    <textarea id="hotel-address"  class="form-control" name="Trainers[<?=$i++?>][description]"><?= $hotel->description ?></textarea></div>

<?php endforeach; ?>
</div>
<p class="btn btn-success add_hotel">Добавить поле</p>


<script>
    $( document ).ready(function(){
        var start_i = [<?=$i?>];

        $('.add_hotel').click(function(){
            var block = $('.hotels_result');
            var sub_block =
                '<div class="image_block_hotel">'+
                    '<h2>Миниатюра</h2>'+
                    '<div class="form-group field-goods-file">'+
                        '<label class="control-label" for="fileupload">File</label>'+
                        '<input type="hidden" name="UploadForm[file]" value="">'+
                        '<input type="file" class="fileupload" name="UploadForm[file]" data-url="index.php?r=site/download-photo">'+
                    '</div>'+
                    '<div class="form-group field-goods-image">'+
                        '<label class="control-label" for="picture_link">Картинка</label>'+
                        '<input type="hidden" class="picture_link form-control" name="Trainers['+ start_i +'][photo]" value="">'+
                    '</div>'+
                    '<div class="img_block">'+
                    '</div>'+
                '</div>'+
                '<div class="form-group"><label class="control-label" for="hotel-name">Name</label>    <input type="text" class="form-control" name="Trainers['+ start_i +'][name]"></div>'+
                '<div class="form-group"><label class="control-label" for="hotel-address">Описание</label>    <textarea id="hotel-address"  class="form-control" name="Trainers['+ start_i++ +'][description]"></textarea></div>';
            block.append(sub_block);
            $('.fileupload').fileupload({
                dataType: 'json',
                done: function (e, data) {
                    var host = window.location.host.toString();
                    var img = '<img src="http://'+host+data.result.link+'">';
                    console.log($(this).parents('.image_block_hotel'));
                    var block = $(this).parents('.image_block_hotel').find('.img_block');
                    block.find('img').remove();
                    block.append(img);
                    $(this).parents('.image_block_hotel').find('.picture_link').val(data.result.link);
                }
            });

        });
        $('.fileupload').fileupload({
            dataType: 'json',
            done: function (e, data) {
                var host = window.location.host.toString();
                var img = '<img src="http://'+host+data.result.link+'">';
                var block = $(this).parents('.image_block_hotel').find('.img_block');
                block.find('img').remove();
                block.append(img);
                $(this).parents('.image_block_hotel').find('.picture_link').val(data.result.link);
            }
        });

    });
</script>