portfolio-view.php 7.1 KB
<?php

    use common\models\Portfolio;
    use common\models\User;
    use yii\helpers\Html;
    use yii\web\ViewAction;
    use yii\web\View;

    /**
     * @var ViewAction $this
     * @var User       $user
     * @var Portfolio  $portfolio
     * @var View       $this
     */
    $this->params[ 'user' ] = $user;

    $this->title = 'My Yii Application';
?>
<div class="portfolio-new-page-wrapper style">
    <div class="new-portfolio-bg style ">
        <?= Html::img($portfolio->minImg($portfolio->cover, '720', '280')) ?>
    </div>
    <div class="new-portfolio-icons-rating-wr style">
        <div class="new-portfolio-icons">
            <div class="portfolio-project-views-wr">
                <div class="portfolio-project-views ico-views-bl">
                    <div class="portfolio-project-views-img-wr">
                        <div class="portfolio-project-views-img">
                            <img src="/images/portfolio-project/ico-1.png"></div>
                    </div>
                    <div class="portfolio-project-views-txt"><?= $portfolio->view_count ?></div>
                </div>
                <div class="portfolio-project-rati ico-views-bl">
                    <div class="portfolio-project-views-img-wr">
                        <div class="portfolio-project-views-img">
                            <img src="/images/portfolio-project/ico-2.png"></div>
                    </div>
                    <div class="portfolio-project-views-txt">XX.X</div>
                </div>
                <div class="ico-views-bl">
                    <div class="portfolio-project-views-img-wr">
                        <div class="portfolio-project-views-img">
                            <img src="/images/portfolio-project/ico-3.png"></div>
                    </div>
                    <div class="portfolio-project-views-txt"></div>
                </div>
            </div>
        </div>
        <div class="new-portfolio-rating">
            <div class="rating new-portf-rat">
                <!--оценка-->
                <input type="hidden" class="val" value="4"/>
                <!--количество голосов-->
                <input type="hidden" class="votes" value="12"/>
            </div>
        </div>
    </div>

    <div class="new-portf-slider-wr style">
        <div class="new-portf-slider-title"><?= $portfolio->name ?></div>
        <?php
            if(!empty( $portfolio->gallery ) || !empty( $portfolio->gallery->photo )) {
                ?>
                <div class="new-portf-slider style">
                    <div class="slider-video-wr">
                        <div id="demo5" class="scroll-img">
                            <ul>
                                <?php
                                    foreach( explode(',', $portfolio->gallery->photo) as $one_photo ) {
                                ?>
                                <li><img src="<?= $one_photo ?>" alt=""/>
                                    <?php
                                        }
                                    ?>
                            </ul>
                        </div>
                        <div id="demo5-btn" class="text-center">
                            <button class="btn" id="demo5-backward"></button>
                            <button class="btn" id="demo5-forward"></button>
                        </div>
                    </div>
                </div>
                <?php
            }
        ?>
    </div>

    <div class="new-portfolio-txt-wrapper style">
        <div class="new-portfolio-excerpt style">
            <div class="new-portfolio-editor">
                <?= $portfolio->preview ?>
            </div>
            <?php
                if(!empty( $portfolio->description )) {
                    ?>
                    <div class="new-portfolio-see-all style"><span>Развернуть</span></div>
                    <?php
                }
            ?>
        </div>
        <?php
            if(!empty( $portfolio->description )) {
                ?>
                <div class="new-portfolio-txt">
                    <div class="new-portfolio-editor">
                        <?= $portfolio->description ?>
                    </div>
                    <div class="new-portfolio-see-all style"><span>Свернуть</span></div>
                </div>
                <?php
            }
        ?>
    </div>
    <?php
        echo \common\modules\comment\widgets\CommentWidget::widget([
            'context'       => $this,
            'model'         => $portfolio::className(),
            'model_id'      => $portfolio->portfolio_id,
            'comment_class' => \common\modules\comment\models\Comment::className(),
            'rating_class'  => \common\modules\comment\models\Rating::className(),
            'class_options' => [
                'scenario'     => is_int(\Yii::$app->user->getId()) ? \common\modules\comment\models\Comment::SCENARIO_USER : \common\modules\comment\models\Comment::SCENARIO_GUEST,
                'user_id'      => \Yii::$app->user->getId(),
                'guestComment' => true,
                'status'       => \common\modules\comment\models\Comment::STATUS_ACTIVE,
            ],
            'list_options'  => [
                'view' => 'list-comment',
            ],
            'form_options'  => [
                'view'  => 'form-comment',
                'tag'   => 'div',
                'class' => 'artbox_comment_form',
            ],
            'options'       => [
                'class' => 'new-portf-comments-wr style',
            ],
        ]);
    ?>


</div>
<script>
    $('.portfolio-new-page-wrapper .rating').rating(
        {
            fx : 'full', readOnly : false, url : 'rating.php'
        }
    );
</script>
<script>
    $(document).ready(
        function()
        {
            portfolioHideTxt()
            function portfolioHideTxt()
            {
                $('.new-portfolio-excerpt .new-portfolio-see-all span').click(
                    function()
                    {
                        $(this).parent().parent().parent().toggleClass('show-all')
                    }
                )
                $('.new-portfolio-txt .new-portfolio-see-all span').click(
                    function()
                    {
                        $(this).parent().parent().parent().toggleClass('show-all')
                    }
                )
            }
        }
    )
</script>
<script>
    $(
        function()
        {
            $('.new-portf-slider #demo5').scrollbox(
                {
                    direction : 'h', distance : 230, autoPlay : false, onMouseOverPause : false
                }
            );
            $('#demo5-backward').click(
                function()
                {
                    $('#demo5').trigger('backward');
                }
            );
            $('#demo5-forward').click(
                function()
                {
                    $('#demo5').trigger('forward');
                }
            );
            var widthSlider = $('.new-portf-slider ul li').length
            $('.new-portf-slider ul').css({width : ((widthSlider * 230) - 30)})
        }
    );
</script>