Devil Killer Is Here MiNi Shell
MiNi SheLL

Current Path : /home/vmanager/www/backend/views/articles/
Linux 9dbcd5f6333d 5.15.0-102-generic #112-Ubuntu SMP Tue Mar 5 16:50:32 UTC 2024 x86_64
Current File : /home/vmanager/www/backend/views/articles/_form_tab_photo_bank.php
<?php

use yii\helpers\Html;
use yii\helpers\Url;
use common\components\widgets\Pjax;
use backend\models\PhotoBankSearch;
use yii\widgets\ListView;
use yii\widgets\ActiveForm;

/* @var $this yii\web\View */
/* @var $model backend\models\Articles */
/* @var $dataProvider yii\data\ArrayDataProvider */
/* @var $searchModel backend\models\PhotoBankSearch */
/* @var $modelFormCopyPhotoFromBank backend\models\CopyPhotosFromBankForArticleForm */

$this->registerJs(
   '$("document").ready(function(){         
        $("#article-photo-bank-pjax").on("click", "#articles-photo-bank-copy-submit", function() {
            $("#processing-overlay").css("display", "block");
        });
        
        function changePage(modifier, elementHandler) {
            var page = parseInt($("#photobanksearch-page").val());
            if(modifier === "-") {
                page -= 1;
            } else if(modifier === "+") {
                page += 1;
            } else {
                page = parseInt(modifier);
            }
            
            if(elementHandler) {
                $(".vjs-input-page").not(elementHandler).val(page);
            } else {
                $(".vjs-input-page").val(page);
            }
            
            $("#photobanksearch-page").val(page);
            $("#photobanksearch-page").trigger("change");
            $("#processing-overlay").css("display", "block");
        }

        $("#article-photo-bank-pjax").on("click", ".vjs-previous-page-button", function() {
            changePage("-");
        });
        
        $("#article-photo-bank-pjax").on("click", ".vjs-next-page-button", function() {
            changePage("+");        
        });
        
        $("#article-photo-bank-pjax").on("change", ".vjs-input-page", function() {
            changePage($(this).val(), this);
        });
        
        $("#article-photo-bank-pjax").on("change", "#photobanksearch-page", function() {
            $("#articles-photo-bank-search-form").yiiActiveForm("submitForm");
        });
        
        $("#article-photo-bank-pjax").on("pjax:end", function() {
            $("#processing-overlay").css("display", "none");   
        }); 
        
        $("#article-photo-bank-pjax").on("click", ".vjs-search-button", function() {
            $("#photobanksearch-page").val(1);
            $("#processing-overlay").css("display", "block");
        });
        
        $("#article-photo-bank-pjax").on("click", "#article-source-tags button", function(e) {
            e.preventDefault();
            
            var selectedTag = $(this).text().trim();
            var existsTags = $("#photobanksearch-query").val().trim().split(", ").map(function(tag) { return tag.trim(); }).filter(function(tag) { return tag !== ""; });
            var indexOfSelectedTag = existsTags.indexOf(selectedTag);
            
            if(indexOfSelectedTag === -1) {
                existsTags.push(selectedTag);                
            } else {
                existsTags.splice(indexOfSelectedTag, 1);
            }
            
            existsTags.sort();            
            $("#photobanksearch-query").val(existsTags.join(", "));
        });
        
    });'
);

?>
<style>
    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
    }
    
    input[type=number]{
        -moz-appearance: textfield;
    }
</style>
<div class="articles-photo-bank box-body">
    <?php 
        Pjax::begin([
            'id' => 'article-photo-bank-pjax',
            'enableReplaceState'=>false,
            'enablePushState'=>false,
            'timeout' => 100000,
            'clientOptions' => [
//                'async' => false                
            ]
        ]); 
    ?>
        <?php $searchForm = ActiveForm::begin([
            'id' => 'articles-photo-bank-search-form',
            'method' => 'get',
            'enableAjaxValidation' => false,
            'enableClientValidation' => true,
            'validateOnSubmit' => true,
            'validateOnChange' => true,
            'validateOnType' => true,
            'options' => [
//                'role' => 'form',
                'data-pjax' => true
            ],
        ]); ?>

            <?php echo Html::activeHiddenInput($searchModel, 'page') ?>
    
            <div class="row">
                <?= $searchForm->field($searchModel, 'query', ['options' => ['class' => 'col-md-10']])->textInput(['maxlength' => true]) ?>
                <?= $searchForm->field($searchModel, 'bank', ['options' => ['class' => 'col-md-2']])->dropDownList(PhotoBankSearch::getAvailableBanksWithLabels()) ?>
            </div>
    
            <div class="row">
                <div class="col-md-12">
                    <label class="control-label">Słowa klucze</label>
                    <div id="article-source-tags">
                        <?php if(!empty($model->listTags)): ?>
                            <?php foreach($model->listTags as $articleTag): ?>
                                <button class="btn bg-maroon btn-flat margin"><?= Html::encode($articleTag) ?></button>
                            <?php endforeach; ?>
                        <?php endif; ?>                    
                    </div>
                    <div class="help-block"></div>
                </div>
            </div>

            <div class="form-group">
                <?= Html::submitButton(Yii::t('backend', 'Szukaj'), ['name' => 'photo_bank_search', 'value' => 1, 'class' => 'vjs-search-button btn btn-primary']) ?>
            </div>
    
            <?php
                $totalHits = $searchModel->getTotal();
                $numberOfPages = ceil($totalHits / $searchModel->getPerPage());
                if(empty($searchModel->page)) {
                    $searchModel->page = 1;
                }
                $currentPage = (int)$searchModel->page;                
            
//                $totalHits = 1000;
//                $numberOfPages = ceil($totalHits / 40);
//                $currentPage = 4;
            ?>
            <?php if($dataProvider->getCount() && $numberOfPages > 1): ?>                
                <div class="row" style="margin-bottom: 20px;">
                    <div class="col-md-12 text-right">
                        <button type="button" class="btn btn-default <?php if($currentPage === 1): ?>disabled<?php else: ?>vjs-previous-page-button<?php endif; ?>">&#8810 poprzednia</button>
                        <div class="input-group" style="display: inline-block; width: auto; vertical-align: middle; text-align: center;">
                            <input type="number" min="1" max="<?= $numberOfPages ?>" class="form-control vjs-input-page" value="<?= $currentPage ?>" size="3" style="display: inline-block; width: auto; vertical-align: middle; text-align: center;">
                            <span class="form-control" style="display: inline-block; width: auto; vertical-align: middle; border-left: 0; "> z <?= $numberOfPages ?></span>
                        </div>                            
                        <button type="button" class="btn btn-default <?php if($currentPage === $numberOfPages): ?>disabled<?php else: ?>vjs-next-page-button<?php endif; ?>">następna &#8811</button>                            
                    </div>
                </div>
                <div class="clearfix"></div>
            <?php endif; ?>

        <?php ActiveForm::end(); ?>
    
        <?php $copyForm = ActiveForm::begin([
            'id' => 'articles-photo-bank-copy-form',
            'method' => 'post',
            'action' => ['articles/copy-photos-from-bank', 'id' => $model->id_article],
            'enableAjaxValidation' => false,
            'enableClientValidation' => true,
            'validateOnSubmit' => true,
            'validateOnChange' => true,
            'validateOnType' => true,
            'options' => [
//                'role' => 'form',
                'data-pjax' => true
            ],
        ]); ?>
    
        <?php if($dataProvider->getCount()): ?>
            <div class="row">
            <?php foreach($dataProvider->getModels() as $key => $photo): ?>
                <?php if($key !== 0 && $key % 4 === 0): ?>
                </div>
                <div class="row">
                <?php endif; ?>
                <div class="photo-bank-item col-md-3">
                    <a href="<?= $photo['url'] ?>" target="_blank" rel="nofollow noopener noreferrer">
                        <img src="<?= $photo['thumbnail_url'] ?>" alt="Photo-<?= $photo['id'] ?>" style="max-width: 300px;"/>
                    </a>
                    <br>
                    <?= $copyForm->field($modelFormCopyPhotoFromBank, 'mainPhoto')->radio(['value' => $photo['url'], 'uncheck' => null]) ?>
                    <?= $copyForm->field($modelFormCopyPhotoFromBank, 'listPhotosToCopy[]')->checkbox(['value' => $photo['url'], 'uncheck' => null]) ?>
                </div>
            <?php endforeach; ?>
            </div>
        <?php else: ?>
            <i><?= Yii::t('backend', 'Brak danych.') ?></i>
        <?php endif; ?>
    
        <?php if($dataProvider->getCount()): ?>
            <div class="form-group">
                <?= Html::submitButton(Yii::t('backend', 'Zapisz'), ['class' => 'btn btn-success', 'id' => 'articles-photo-bank-copy-submit']) ?>
            </div> 
        <?php endif; ?>
        
        <?php ActiveForm::end(); ?>
    
        <?php if($dataProvider->getCount() && $numberOfPages > 1): ?>                
            <div class="row" style="margin-top: 20px;">
                <div class="col-md-12 text-right">
                    <button type="button" class="btn btn-default <?php if($currentPage === 1): ?>disabled<?php else: ?>vjs-previous-page-button<?php endif; ?>">&#8810 poprzednia</button>
                    <div class="input-group" style="display: inline-block; width: auto; vertical-align: middle; text-align: center;">
                        <input type="number" min="1" max="<?= $numberOfPages ?>" class="form-control vjs-input-page" value="<?= $currentPage ?>" size="3" style="display: inline-block; width: auto; vertical-align: middle; text-align: center;">
                        <span class="form-control" style="display: inline-block; width: auto; vertical-align: middle; border-left: 0; "> z <?= $numberOfPages ?></span>
                    </div>                            
                    <button type="button" class="btn btn-default <?php if($currentPage === $numberOfPages): ?>disabled<?php else: ?>vjs-next-page-button<?php endif; ?>">następna &#8811</button>                            
                </div>
            </div>
            <div class="clearfix"></div>
        <?php endif; ?>
            
    <?php Pjax::end(); ?>
</div>

<style>
#processing-overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}
</style>
 <div id="processing-overlay"></div>
Creat By MiNi SheLL
Email: jattceo@gmail.com