portfolio-view.php 20.6 KB
<?php

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

/**
 * @var ViewAction $this
 * @var User       $user
 * @var Portfolio  $portfolio
 */
$this->params[ 'company' ] = $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">XX</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([
        'entity' => $portfolio::tableName().'-'.$portfolio->portfolio_id,
        'comment_class' => \common\modules\comment\models\Comment::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(),
        ],
        'list_options' => [
            'view' => 'list-comment',
        ],
        'form_options' => [
            'view' => 'form-comment',
            'tag' => false,
        ],
        'options' => [
            'class' => 'new-portf-comments-wr style',
        ],
    ]);
    ?>

    <?php
    /*
    ?>
    <div class="new-portf-comments-wr style">
        <div class="new-portf-comm-count">Комментарии: 3</div>
        <div class="new-portf-add-comm style">

            <form action="">
                <div class="input-blocks-comm">
                    <label for="input-txt-5">Имя</label>
                    <input class="custom-input-4" id="input-txt-5" type="text">
                </div>
                <div class="input-blocks-comm">

                    <label for="input-txt-6">e-mail</label>
                    <input class="custom-input-4" id="input-txt-6" type="text">
                </div>
                <div class="input-blocks-comm area-comm">
                    <label for="input-txt-7">Комментарий</label>
                    <textarea class="custom-area-4" id="input-txt-7"></textarea>
                </div>
                <div class="input-blocks-comm-button style">
                    <button type="submit" class="">Добавить комментраий</button>
                </div>
            </form>

        </div>

        <div class="new-portf-comm-read-wr style">
            <div class="new-portf-comm-read">
                <div class="style">
                    <div class="header-cabinet-foto">
                        <img src="/images/ded-ico.png" alt="">
                    </div>
                    <div class="new-prof-wrapper-read">
                        <div class="new-portf-comm-read-title"><a href="#">Петер Цумтор</a></div>
                        <div class="new-portf-comm-read-rating">
                            <div class="rating">
                                <!--оценка-->
                                <input type="hidden" class="val" value="3"/>
                                <!--количество голосов-->
                                <input type="hidden" class="votes" value="12"/>
                            </div>
                        </div>
                        <div class="blog-post-date">
                            <span></span>
                            <p>22.09.2015</p>
                        </div>
                    </div>

                    <div class="new-portf-answer">
                        <p>Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                        <p>Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                    </div>

                </div>
                <div class="style"></div>
            </div>

            <div class="new-portf-comm-read">
                <div class="style">
                    <div class="header-cabinet-foto">
                        <img src="/images/ded-ico.png" alt="">
                    </div>
                    <div class="new-prof-wrapper-read">
                        <div class="new-portf-comm-read-title"><a href="#">Петер Цумтор</a></div>
                        <div class="new-portf-comm-read-rating">
                            <div class="rating">
                                <!--оценка-->
                                <input type="hidden" class="val" value="4"/>
                                <!--количество голосов-->
                                <input type="hidden" class="votes" value="12"/>
                            </div>
                        </div>
                        <div class="blog-post-date">
                            <span></span>
                            <p>22.09.2015</p>
                        </div>
                    </div>

                    <div class="new-portf-answer">
                        <p>Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                        <p>Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                    </div>

                </div>
                <div class="style"></div>
            </div>

            <div class="new-portf-comm-read">
                <div class="style">
                    <div class="header-cabinet-foto">
                        <img src="/images/ded-ico.png" alt="">
                    </div>
                    <div class="new-prof-wrapper-read">
                        <div class="new-portf-comm-read-title"><a href="#">Петер Цумтор</a></div>
                        <div class="new-portf-comm-read-rating">
                            <div class="rating">
                                <!--оценка-->
                                <input type="hidden" class="val" value="5"/>
                                <!--количество голосов-->
                                <input type="hidden" class="votes" value="12"/>
                            </div>
                        </div>
                        <div class="blog-post-date">
                            <span></span>
                            <p>22.09.2015</p>
                        </div>
                    </div>

                    <div class="new-portf-answer">
                        <p>Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                        <p>Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                    </div>

                </div>
                <div class="style"></div>
            </div>

            <div class="new-portf-comm-read">
                <div class="style">
                    <div class="header-cabinet-foto">
                        <img src="/images/ded-ico.png" alt="">
                    </div>
                    <div class="new-prof-wrapper-read">
                        <div class="new-portf-comm-read-title"><a href="#">Петер Цумтор</a></div>
                        <div class="new-portf-comm-read-rating">
                            <div class="rating">
                                <!--оценка-->
                                <input type="hidden" class="val" value="1"/>
                                <!--количество голосов-->
                                <input type="hidden" class="votes" value="12"/>
                            </div>
                        </div>
                        <div class="blog-post-date">
                            <span></span>
                            <p>22.09.2015</p>
                        </div>
                    </div>

                    <div class="new-portf-answer">
                        <p>Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                        <p>Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                    </div>

                </div>
                <div class="style"></div>
            </div>
            <div class="new-portf-comm-read">
                <div class="style">
                    <div class="header-cabinet-foto">
                        <img src="/images/ded-ico.png" alt="">
                    </div>
                    <div class="new-prof-wrapper-read">
                        <div class="new-portf-comm-read-title"><a href="#">Петер Цумтор</a></div>
                        <div class="new-portf-comm-read-rating">
                            <div class="rating">
                                <!--оценка-->
                                <input type="hidden" class="val" value="2"/>
                                <!--количество голосов-->
                                <input type="hidden" class="votes" value="12"/>
                            </div>
                        </div>
                        <div class="blog-post-date">
                            <span></span>
                            <p>22.09.2015</p>
                        </div>
                    </div>

                    <div class="new-portf-answer">
                        <p>Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                        <p>Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                    </div>

                </div>
                <div class="style"></div>
            </div>

        </div>
    </div>
    */
    ?>
</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>