Yii2 + Twig

International Russian
1

всем привет

осваиваю новую для себя тему, yii2+twig. использую basic версию

подключил твиг




'view' => [

            'class' => 'yii\web\View',

            'renderers' => [

                'twig' => [

                    'class' => 'yii\twig\ViewRenderer',

                    'cachePath' => '@runtime/Twig/cache',

                    // Array of twig options:

                    'options' => [

                        'auto_reload' => true,

                    ],

                    'globals' => [

                        'html' => '\yii\helpers\Html',

                    ],

                    //'uses' => ['yii\bootstrap'],

                ],

                // ...

            ],

        ],

в папке protected/views/layouts создал базовый лейаут base.twig





{{ this.beginPage() }}

<!doctype html>

<html lang="{{app.language}}">

<head>

    <meta charset="{{app.charset}}"/>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    {{ html.csrfMetaTags() | raw }}

    <title>{{ html.encode(this.title) }}</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link type="text/css" rel="stylesheet" href="/css/semantic.min.css"  media="screen,projection"/>

    {{ this.head() }}

    {% block stylesheets %}{% endblock %}

</head>

<body>


{% block navbar %}{% endblock %}


<div class="container">

    {{ this.beginBody() }}

    {{ content | raw }}

    {{ this.endBody() }}

</div>


<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

<script type="text/javascript" src="/js/semantic.min.js"></script>

</body>

</html>

{{ this.endPage() }}

в контролере прописал public $layout = ‘authorize.twig’; что бы на все экшены использовался этот шаблон.

вот собственно сам authorize.twig




{% extends "@app/views/layouts/base.twig" %}


{% block navbar %}authorize{% endblock %}

затем, в определеной вьюшке мне надо добавить в блок stylesheets еще один файл со стилями

вот сама вьюшка




{{ use('/yii/widgets/ActiveForm') }}

{{ use('/yii/helpers/Html') }}


{% block stylesheets %}

    <link type="text/css" rel="stylesheet" href="/css/form.css"  media="screen,projection"/>

{% endblock %}


<style type="text/css">

    body {

        background-color: #DADADA;

    }

    body > .grid {

        height: 100%;

    }

    .image {

        margin-top: -100px;

    }

    .column {

        max-width: 450px;

    }

</style>


<div class="ui middle aligned center aligned grid">

    <div class="column">

        <h2 class="ui teal image header">

            <img src="" class="image">

            <div class="content">

                Log-in to your account

            </div>

        </h2>

        {#% set form = active_form_begin({

        'id' : 'login-form',

        'options' : {'class' : 'ui large form'},

        }) %#}


        {{ html.beginForm() | raw}}

            <div class="ui stacked segment">

                <div class="field">

                    <div class="ui left icon input">

                        <i class="user icon"></i>

                        {{ html.activeTextInput(model, 'email', {'placeholder': 'E-mail address'}) | raw}}


                    </div>

                </div>

                <div class="field">

                    <div class="ui left icon input">

                        <i class="lock icon"></i>

                        {{ html.activePasswordInput(model, 'password', {'placeholder': 'Password'}) | raw}}


                    </div>

                </div>

                <button type="submit" class="ui fluid large teal submit button">Login</button>

            </div>


            <div class="ui error message">

                {{ html.errorSummary(model) | raw}}

            </div>


        {{ html.endForm() | raw}}


        <div class="ui message">

            New to us? <a href="#">Sign Up</a>

        </div>

    </div>

</div>

но вот стиль не добавляется. можно пнуть в нужную сторону.

что я делаю не так ?