NebulaPanel - Control Interface

✏️ Editing: set-top-home.php

<?php

use cms\components\AdminPermission;
use yii\helpers\Html;
use yii\grid\GridView;
use common\components\CFunction;
use common\components\Utility;
use yii\widgets\ActiveForm;
use yii\helpers\ArrayHelper;
use cms\models\NewsCategory;
use yii\helpers\Url;
use kartik\daterange\DateRangePicker;

$this->title = Yii::t('cms', 'Điều phối top trang chủ');
$this->params['breadcrumbs'] = [
    [
        'label' => Yii::t('cms', 'mnu_news'),
        'url' => ['index']
    ],
    [
        'label' => Yii::t('cms', 'app_list'),
        'template' => "<li>{link}</li>\n"
    ]
];

$this->params['title'] = Html::encode(Yii::t('cms', 'mnu_news'));

$status = \cms\models\News::genStatus();
$status[3] = 'Tất cả trạng thái';
$cates = NewsCategory::find()
    ->select('id, title')
    ->where(['active' => 1])
    ->andWhere(['parent_id' => 0])
    ->orderBy('order')
    ->asArray()
    ->all();
$listCate = [];
$listCate[0] = 'Tất cả thể loại';
foreach ($cates as $cate) {
    $listCate[$cate['id']] = $cate['title'];
}
$listAdmin = \cms\models\Admin::getListAdmin();

$count = 1;

$this->registerJsFile('/themes/default/js/jquery-uix.js',[
    'depends' => [
        \yii\web\JqueryAsset::className()
    ]
]);

$strJs = '$("#sortable").sortable();';
if(Yii::$app->session->hasFlash('success')){
    $strJs .= '
        window.parent.refreshPjax(\'admin-grid-view\')
    ';
}
$this->registerJs($strJs);
?>

<div class="box-body"  style="overflow: auto;">
    <form method="post">
        <input type="hidden" value="<?= Yii::$app->request->csrfToken ?>" name="<?= Yii::$app->request->csrfParam ?>" />
        <div>
            <table class="table table-striped table-bordered">
                <thead>
                    <tr>
                    <th style="text-align: center; vertical-align: middle;">&nbsp;</th>
                        <th style="text-align: center; vertical-align: middle;">#</th>
                        <th>Tiêu đề</th>
                        <th style="text-align: center;">Ảnh bìa</th>
                        <th style="text-align: center;">Danh mục</th>
                        <th style="text-align: center;">Trạng thái</th>
                        <th style="text-align: center;">Giờ xuất bản</th>
                        <th style="text-align: center;">Hành động</th>
                    </tr>
                </thead>
                <tbody id="sortable">
                    <?php if (!empty($dataIds)) {
                        foreach ($dataIds as $id) {
                            if (empty($dataNews[$id])) continue;
                            $news = $dataNews[$id];
                            $imagesUrl =Utility::makeImgNews($news,'news_img_options_large');
                            $slugCate = NewsCategory::getCategory($news['news_category_id']);
                            $slugCate = NewsCategory::getCategory($news['news_category_id']);
                            if(empty($slugCate))
                                $url = 'https://tructiep24h.info' . $news['slug'] . '-24h' . $news['id'] . '?preview=1';
                            else
                                $url = 'https://tructiep24h.info' . $slugCate['route'] . '/' . $news['slug'] . '-24h' . $news['id'] . '?preview=1';
                    ?>
                            <tr id="data-td-<?= $news->id ?>">
                            <td style="text-align: center; vertical-align: middle;">
                                <span class="to-up-down-news">
                                <a onclick="toUpNews(<?= $news->id ?>)" class="to-up-news" href="javascript:void(0);"><span class="fa fa-angle-up fa-2x"></span></a>
                                <a onclick="toDownNews(<?= $news->id ?>)" class="to-down-news" href="javascript:void(0);"><span class="fa  fa-angle-down fa-2x"></span></a>
                                </span>    
                            </td>
                                <td style="text-align: center; vertical-align: middle;"><?= $count ?></td>
                                <td style="vertical-align: middle;">
                                <?= $news->title ?>
                                <input type="hidden" value="<?= $news->id ?>" name="top_news[]" />
                            </td>
                                <td style="text-align: center; vertical-align: middle;"><img src="<?= $imagesUrl ?>" height="60" alt=""></td>
                                <td style="text-align: center; vertical-align: middle;"><?= (!empty($slugCate['title']))?$slugCate['title']:'' ?></td>
                                <td style="text-align: center; vertical-align: middle;">
                                    <?php if ($news->status == 1) { ?>
                                        <span><img class="app-active-status" style="width: 16px" src="/themes/default/images/app/icon-32-check.png" ></span>
                                    <?php } else { ?>
                                        <span><img class="app-active-status" style="width: 16px" src="/themes/default/images/app/icon-32-stop.png" ></span>
                                    <?php } ?>
                                </td>
                                <td style="text-align: center; vertical-align: middle;"><?= date('d/m/Y H:i', strtotime($news->time_active)) ?></td>
                                <td class="td-action" style="text-align: center;">
                                    <a class="btn btn-primary btn-xs btn-app" target="_blank" href="<?= $url ?>" title="Xem" data-pjax="0"><span class="glyphicon glyphicon-eye-open"></span></a>
                                    <a class="btn btn-primary btn-xs btn-app"  target="_blank" href="/news/update/<?= $news->id ?>.html" title="Update" data-pjax="0"><span class="glyphicon glyphicon-pencil"></span></a>
                                    <button class="btn btn-danger btn-xs" type="button" title="Xóa" onclick="removeTdNews(<?= $news->id ?>)" ><span class="glyphicon glyphicon-trash"></span></button>
                                </td>
                            </tr>
                    <?php $count++;
                    }
                    } ?>
                </tbody>
            </table>
        </div>
        <div class="row">
            <div class="col-lg-12 form-group" style="margin-top: 20px;">
                <button type="submit" class="btn btn-primary"><i class="fa fa-check" aria-hidden="true"></i> Lưu</button>
                <button type="button" class="btn btn-default" onclick="window.parent.closeModalEmbed()"><i class="fa fa-ban" aria-hidden="true"></i> Đóng </button>
            </div>
        </div>
    </form>
</div>
<script>
    function removeTdNews(id){
        $('#data-td-'+id).remove();
    }
    function toUpNews(id){
        var element = $('#data-td-'+id).clone();
        var prev = $('#data-td-'+id).prev();
        if(prev.length > 0){
            $('#data-td-'+id).remove();
            prev.before(element);
        }
    }
    function toDownNews(id){
        var element = $('#data-td-'+id).clone();
        var prev = $('#data-td-'+id).next();
        if(prev.length > 0){
            $('#data-td-'+id).remove();
            prev.after(element);
        }
    }
</script>
<style>
    .ui-sortable-handle{
        cursor: move;
    }
    .td-action a, .td-action button{
        margin-top: 3px;
    }
    tbody tr:first-child .to-up-news{
        display: none;
    }
    tbody tr:last-child .to-down-news{
        display: none;
    }
    tbody td span.to-up-down-news{
        display: flex;
        flex-direction: column;
    }
</style>

✏️ Editing: set-top-home.php

🚀 NebulaPanel