Devil Killer Is Here MiNi Shell
MiNi SheLL

Current Path : /home/vmanager/www/backend/views/websitesitems/
Linux 9dbcd5f6333d 5.15.0-124-generic #134-Ubuntu SMP Fri Sep 27 20:20:17 UTC 2024 x86_64
Current File : /home/vmanager/www/backend/views/websitesitems/_form_tab_photos.php
<?php

use yii\helpers\Html;
use yii\helpers\Url;
use yii\widgets\Pjax;
//use common\components\widgets\Pjax;
use common\components\helpers\Image2;
use kartik\widgets\FileInput;
use yii\widgets\ActiveForm;
use yii\bootstrap\Modal;
use backend\components\widgets\FlashMessages;

/* @var $this yii\web\View */
/* @var $modelItem common\models\WebsitesItems */
/* @var $modelsRelationsWithPhotos common\models\WebsitesItemsHasWebsitesPhotos[] */
/* @var $modelWebsitePage common\models\WebsitesPages|null */
/* @var $websiteLanguages array */
/* @var $idMainLanguage string */
/* @var $numberOfRelationsWithPhotos array */

$this->registerJs(
    '$("document").ready(function(){ 
        $("#website-photos-list-box").on("click", ".modal-photo-button", function() {
            $("#modal-create-update-photo").modal("show").find("#website-photo-form-pjax").load($(this).data("url"));
        });

        $("#website-photo-form-pjax").on("pjax:end", function() {
            $.pjax.reload({container:"#website-photos-pjax", async: false});
            if($("#website-photo-form-pjax .alert.alert-success").length) {
                $("#modal-create-update-photo").modal("hide");
            }
        });
        
        $("#website-photos-list-box").on("click", ".modal-add-existing-photo-button", function() {
            var numberOfAssignedPhotos = $("#website-photos-list-box .website-photo").length + 1;
            $("#photo-position").html("");
            for(i = 1; i <= numberOfAssignedPhotos; i++) {
                $("#photo-position").append("<option value=\""+i+"\">"+i+"</option>");
            }
            $("#modal-existing-photos").modal("show").find("#website-existing-photos-pjax").load($(this).data("url"));
        });
        
        $("#modal-existing-photos").on("click", ".select-button", function() {
            var idPhoto = $(this).parent("td").parent("tr").data("key");
            var photoPosition = $("#photo-position").val(); 
            
            var jqxhr = $.ajax({url: "/websitesitems/create-relation-with-photo/'.$modelItem->id_item.'", method: "post", dataType: "json", data: {id_photo: idPhoto, position: photoPosition}})
                .done(function(result) {})
                .fail(function(result) {})
                .always(function(){
                    $("#modal-existing-photos").modal("hide");
                    $.pjax.reload({container:"#website-photos-pjax", async: false});
                });
        });
        
        $("#website-photos-list-box").on("click", ".modal-upload-photos-button", function() {
            $("#website-photos-fileinput").fileinput("clear");
            $("#modal-photos-upload").modal("show");
        });
    });'
);

?>

<?php Modal::begin(['header' => '<h4></h4>', 'id' => 'modal-create-update-photo', 'size' => Modal::SIZE_LARGE]); ?>
    <?php 
        Pjax::begin([
            'id' => 'website-photo-form-pjax',
            'enableReplaceState'=>false,
            'enablePushState'=>false,
            'clientOptions' => [
                'async' => false
            ]
        ]); 
    ?>
    <?php Pjax::end(); ?>
<?php Modal::end(); ?> 

<?php Modal::begin(['header' => '<h4>'.Yii::t('backend', 'Pozycja').': '.Html::dropDownList('position', null, [], ['id' => 'photo-position']).'</h4>', 'id' => 'modal-existing-photos', 'size' => Modal::SIZE_LARGE]); ?>
    <?php 
        Pjax::begin([
            'id' => 'website-existing-photos-pjax',
            'enableReplaceState'=>false,
            'enablePushState'=>false,
            'clientOptions' => [
                'async' => false
            ]
        ]); 
    ?>
    <?php Pjax::end(); ?>
<?php Modal::end(); ?> 

<?php Modal::begin(['header' => '<h4></h4>', 'id' => 'modal-photos-upload', 'size' => Modal::SIZE_LARGE]); ?>
    <?php $form = ActiveForm::begin([
        'id' => 'website-upload-photos-form',
        'enableAjaxValidation' => false,
        'enableClientValidation' => true,
        'options' => [
//                'role' => 'form',
            'enctype' => 'multipart/form-data',
//            'data-pjax' => true
        ],
    ]); ?>

    <div class="row">
        <div class="col-md-12">
            <label class="control-label" for="images"><?= Yii::t('backend', 'Zdjęcia') ?></label>
            <?= FileInput::widget([
                'id' => 'website-photos-fileinput',
                'name' => 'images',
                'options' => ['accept' => 'image/*', 'multiple' => true],
                'pluginEvents' => [
                    'filebatchuploadcomplete' => 'function(event, files, extra) { $.pjax.reload({container:"#website-photos-pjax", async: false}); $("#modal-photos-upload").modal("hide"); }',
                    'filedeleted' => 'function(event, key, jqXHR, data) { $.pjax.reload({container:"#website-photos-pjax", async: false}); }',
                ],
                'pluginOptions' => [
                    'showUploadedThumbs' => false,
                    'browseLabel' => '',
                    'removeLabel' => '',
                    'showRemove' => false,
                    'uploadUrl' => Url::to(['/websitesphotos/upload-photo', 'id' => $modelItem->id_website, 'id_item' => $modelItem->id_item]),
                    'uploadExtraData' => [],
                    'initialPreviewAsData' => true,
                    'maxFileCount' => 10,
                    'maxFileSize' => 3072, /*kb*/
                    'layoutTemplates' => ['actionUpload' => ''],
    //                'uploadAsync' => false
                ],
            ]); ?>
        </div>
    </div>

    <?php ActiveForm::end(); ?>
<?php Modal::end(); ?> 

<div id="website-photos-list-box" class="websites-photos-list box-body" data-vjs-changes>
    <?php 
        Pjax::begin([
            'id' => 'website-photos-pjax',
            'enableReplaceState'=>false,
            'enablePushState'=>false,
            'clientOptions' => [
                'async' => false
            ]
        ]); 
    ?>
        <?= FlashMessages::widget(); ?>
        <?= Html::button(Yii::t('backend', 'Dodaj nowe'), ['class' => 'btn btn-success pull-right modal-photo-button', 'data' => ['url' => Url::to(['websitesphotos/create', 'id' => $modelItem->id_website, 'id_item' => $modelItem->id_item])]]) ?>
        <?= Html::button(Yii::t('backend', 'Dodaj istniejące'), ['class' => 'btn btn-success pull-right modal-add-existing-photo-button', 'data' => ['url' => Url::to(['websitesphotos/selection-list', 'id' => $modelItem->id_website, 'id_item' => $modelItem->id_item])]]) ?>
        <?= Html::button(Yii::t('backend', 'Dodaj wiele'), ['class' => 'btn btn-success pull-right modal-upload-photos-button']) ?>
        <div class="clearfix"></div>
        <hr>
        <div class="-row">
            <?php if(!empty($modelsRelationsWithPhotos)): ?>
                <?php foreach($modelsRelationsWithPhotos as $modelRelationWithPhoto): ?>
                    <?php $modelPhoto = $modelRelationWithPhoto->photo; ?>
                    <div class="col-md-3 thumbnail website-photo">
                        <a href="<?= $modelPhoto->getImageUrl(true) ?>" rel="lightbox">
                            <?php if($numberOfRelationsWithPhotos[$modelPhoto->id_photo] < 2): ?>
                                <?= Html::a('<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>', ['websitesphotos/delete', 'id' => $modelPhoto->id_photo, 'id_item' => $modelItem->id_item, 'referrer_url' => Url::current()], [
                                    'class' => 'btn btn-danger',
                                    'data' => [
                        //                    'pjax' => '0',
                                        'customconfirm' => Yii::t('backend', 'Czy na pewno chcesz usunąć wybrany element?'),
                        //                    'method' => 'get',
                                    ],
                                ]) ?>
                            <?php endif; ?>
                            <?= Html::a('<span class="glyphicon glyphicon-trash" aria-hidden="true"></span>', ['websitesitems/delete-relation-with-photo', 'id' => $modelItem->id_item, 'id_photo' => $modelPhoto->id_photo, 'id_page' => !empty($modelWebsitePage) ? $modelWebsitePage->id_page : null], [
                                'class' => 'btn btn-warning',
                                'data' => [
                    //                    'pjax' => '0',
                                    'customconfirm' => Yii::t('backend', 'Czy na pewno chcesz usunąć wybrany element?'),
                    //                    'method' => 'get',
                                ],
                            ]) ?>
                            <button class="btn btn-secondary modal-photo-button" data-url="<?= Url::to(['websitesphotos/update', 'id' => $modelPhoto->id_photo, 'id_item' => $modelItem->id_item]) ?>"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></button>
                            <img alt="<?php if(!empty($modelPhoto->translations[$idMainLanguage]->title)): ?><?= Html::encode($modelPhoto->translations[$idMainLanguage]->title) ?><?php endif; ?>" src="<?= Yii::$app->params['commonBaseUrl'].'/'.Image2::getUrl($modelPhoto->getImageUrl(), '200x200', Image2::OPERATION_FRAME, \common\models\WebsitesPhotos::getAcceptedSizes()); ?>" />
                        </a>
                        <?php foreach($websiteLanguages as $idLanguage => $languageName): ?>
                            <?php if(!empty($modelPhoto->translations[$idLanguage]->title)): ?>
                                <?= $idLanguage ?>: <?= Html::encode($modelPhoto->translations[$idLanguage]->title) ?><br>
                            <?php endif; ?>
                        <?php endforeach; ?>
                    </div>
                <?php endforeach; ?>
            <?php endif; ?>
        </div>   
    <?php Pjax::end(); ?>
</div>
Creat By MiNi SheLL
Email: jattceo@gmail.com