Devil Killer Is Here MiNi Shell
MiNi SheLL

Current Path : /home/vmanager/www/backend/views/banners/
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/banners/change_positions.php
<?php

use yii\helpers\Html;
use yii\helpers\Url;
use yii\helpers\ArrayHelper;
use backend\components\widgets\FlashMessages;

/* @var $this yii\web\View */
/* @var $modelsBannersByLocations array */

$this->title = Yii::t('backend', 'Banery').' - '.Yii::t('backend', 'Pozycje banerów');
$this->params['breadcrumbs'][] = ['label' => Yii::t('backend', 'Banery'), 'url' => ['banners/index']];
$this->params['breadcrumbs'][] = ['label' => Yii::t('backend', 'Wybierz portal'), 'url' => ['banners/change-positions']];
$this->params['breadcrumbs'][] = $this->title;

$this->params['contentHeader'] = $this->title;

$this->registerJs(
'
    $(function() {
        $(".connected-lists").sortable({connectWith: ".connected-lists"}).disableSelection();
    });
    
    $("#banners-positions-form").on("submit", function() {
        var form = $(this);
        form.find("fieldset.vjs-banners-container").each(function() {
            var locationBox = $(this);
            var input = locationBox.find("input[type=hidden]");
            var ids = [];
            locationBox.find("li").each(function(index) {
                ids.push($(this).data("id-banner"));
            });
            input.val(ids.length > 0 ? ids.join() : "");
        });

        return true;
    });
'
);

$pageSectionsByButtons = [
    'A' => 'WIADOMOŚCI, PORADY, TECHNOLOGIE, WYWIADY',
    'B' => 'TOP FIRMY, TOP PRODUKTY',
    'C' => 'KATALOG FIRM, KATALOG PRODUKTÓW',
    'D' => 'WYDARZENIA I TARGI',
    'E' => 'KSIĘGARNIA',
    'F' => 'OFERTY PRACY'
];

?>

<?= FlashMessages::widget(); ?>
<div class="box box-primary">
    <div class="box-body" id="banners-position">
        <?php /*
        id główny ostylowanie #banners-position
        
        połączone listy
        <ul class="connected-lists small-list">
            elementy...
            <li class="ui-state-default connected-list-item"><img></li>
            <li class="ui-state-default connected-list-item"><img></li>
            <li class="ui-state-default connected-list-item"><img></li>
        </ul>
        
        */?>
        
        <form id="banners-positions-form" method="post" action="<?= Url::current() ?>">
            <?= Html::hiddenInput(Yii::$app->request->csrfParam, Yii::$app->request->getCsrfToken()); ?>
            
            <div class="row">
                <?php for($i = 1; $i <= 3; $i++): ?>
                    <?php 
                        $locationConstant = 'BUTTON_G'.$i; 
                        $locationValue = constant('\common\models\types\BannerLocation::'.$locationConstant);
                    ?>
                    <fieldset class="col-sm-4 vjs-banners-container">
                        <legend>Button G<?= $i; ?></legend>
                        <ul class="connected-lists small-list">
                            <?php if(!empty($modelsBannersByLocations[$locationValue])): ?>
                                <?php foreach($modelsBannersByLocations[$locationValue] as $modelBanner): ?>
                                    <li class="ui-state-default connected-list-item" data-id-banner="<?= $modelBanner->id_banner ?>">
                                        <img src="<?= $modelBanner->getImageUrl(true) ?>">
                                    </li>
                                <?php endforeach; ?>
                            <?php endif; ?>
                        </ul>
                        <input type="hidden" name="banners_location_<?= mb_strtolower($locationConstant) ?>" value="<?= !empty($modelsBannersByLocations[$locationValue]) ? implode(',', ArrayHelper::getColumn($modelsBannersByLocations[$locationValue], 'id_banner')) : '' ?>">
                     </fieldset>
                <?php endfor; ?>
            </div>
            
            <?php foreach($pageSectionsByButtons as $buttonLetter => $sectionName): ?>
                

                <div class="row">
                    <fieldset class="col-sm-8">
                       <legend><?= $sectionName ?> </legend>
                    </fieldset>
                    <div class="col-sm-4">
                        <?php for($i = 1; $i <= 6; $i++): ?>
                            <?php 
                                $locationConstant = 'BUTTON_'.$buttonLetter.$i; 
                                $locationValue = constant('\common\models\types\BannerLocation::'.$locationConstant);
                            ?>
                            <fieldset class="vjs-banners-container">
                                <legend>Button <?= $buttonLetter.$i; ?></legend>
                                <ul class="connected-lists small-list">
                                    <?php if(!empty($modelsBannersByLocations[$locationValue])): ?>
                                        <?php foreach($modelsBannersByLocations[$locationValue] as $modelBanner): ?>
                                            <li class="ui-state-default connected-list-item" data-id-banner="<?= $modelBanner->id_banner ?>">
                                                <img src="<?= $modelBanner->getImageUrl(true) ?>">
                                            </li>
                                        <?php endforeach; ?>
                                    <?php endif; ?>
                                    <input type="hidden" id="mirroring" name="banners_location_<?= mb_strtolower($locationConstant) ?>" value="<?= !empty($modelsBannersByLocations[$locationValue]) ? implode(',', ArrayHelper::getColumn($modelsBannersByLocations[$locationValue], 'id_banner')) : '' ?>">
                                </ul>
                            </fieldset>
                        <?php endfor; ?>
                    </div>
                </div>
            <?php endforeach; ?>
            
            <input type="submit" name="submit" class="btn btn-primary" value="<?= Yii::t('backend', 'Zapisz') ?>">
        </form>
        
        
        
<!--        <div class="row">
            <fieldset class="col-sm-4">
               <legend>Button G1</legend>
               <ul class="connected-lists small-list">
                    <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=111"></li>
                    <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=222"></li>
                    <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=333"></li>
               </ul>
            </fieldset>
            <fieldset class="col-sm-4">
               <legend>Button G2</legend>
               <ul class="connected-lists small-list">
                    <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=444"></li>
                    <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=555"></li>
                    <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=666"></li>
               </ul>               
            </fieldset>
            <fieldset class="col-sm-4">
               <legend>Button G3</legend>
               <ul class="connected-lists small-list">
                    <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=777"></li>
                    <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=888"></li>
                    <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=999"></li>
               </ul> 
            </fieldset>
        </div>
        
        <div class="row">
            <fieldset class="col-sm-8">
               <legend>WIADOMOŚCI, PORADY, TECHNOLOGIE, WYWIADY </legend>
            </fieldset>
            <div class="col-sm-4">
                <fieldset>
                    <legend>Button A1</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=AAA"></li>
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=BBB"></li>
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=CCC"></li>
                    </ul>
                </fieldset>
                <fieldset>
                    <legend>Button A2</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=DDD"></li>
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=EEE"></li>
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=FFF"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button A3</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button A4</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button A5</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
            </div>
        </div>    
        
        <div class="row">
            <fieldset class="col-sm-8">
               <legend>TOP FIRMY, TOP PRODUKTY </legend>
            </fieldset>
            <div class="col-sm-4">
                <fieldset>
                   <legend>Button B1</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button B2</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button B3</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button B4</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button B5</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
            </div>
        </div>       
        
        <div class="row">
            <fieldset class="col-sm-8">
               <legend>KATALOG FIRM, KATALOG PRODUKTÓW </legend>
            </fieldset>
            <div class="col-sm-4">
                <fieldset>
                   <legend>Button C1</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button C2</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button C3</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
            </div>
        </div>       

        <div class="row">
            <fieldset class="col-sm-8">
               <legend>WYDARZENIA I TARGI</legend>
            </fieldset>
            <div class="col-sm-4">
                <fieldset>
                   <legend>Button D1</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button D2</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button D3</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
            </div>
        </div>       
        
        <div class="row">
            <fieldset class="col-sm-8">
               <legend>KSIĘGARNIA</legend>
            </fieldset>
            <div class="col-sm-4">
                <fieldset>
                   <legend>Button E1</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button E2</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button E3</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
            </div>
        </div>          
        
        <div class="row">
            <fieldset class="col-sm-8">
               <legend>DAM PRACĘ</legend>
            </fieldset>
            <div class="col-sm-4">
                <fieldset>
                   <legend>Button F1</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button F2</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
                <fieldset>
                   <legend>Button F3</legend>
                    <ul class="connected-lists small-list">
                        <li class="ui-state-default connected-list-item"><img src="http://via.placeholder.com/300x100?text=XXX"></li>
                    </ul>
                </fieldset>
            </div>
        </div>        -->
        
        
    </div>
</div>
Creat By MiNi SheLL
Email: jattceo@gmail.com