<?php

$params = array_merge(
        require __DIR__ . '/../../common/config/params.php', require __DIR__ . '/../../common/config/params-local.php', require __DIR__ . '/params.php', require __DIR__ . '/params-local.php'
);

$from = dirname(__DIR__) . '/themes/grayscale/scss/grayscale.scss';
$to = filter_input(INPUT_SERVER, 'DOCUMENT_ROOT') . "/web/themes/grayscale/css/grayscale.css";

return [
    'id' => 'app-frontend',
    'basePath' => dirname(__DIR__),
    'bootstrap' => ['log'],
    'controllerNamespace' => 'frontend\controllers',
    'components' => [
        'assetManager' => [
            'bundles' => [
                #'yii\web\JqueryAsset' => [
                #    'sourcePath' => null, 'js' => [],
                #],
                'yii\bootstrap\BootstrapAsset' => [
                    'sourcePath' => null, 'css' => [],
                ],
                'yii\bootstrap\BootstrapPluginAsset' => [
                    'sourcePath' => null, 'js' => [],
                ],
                'yii\jui\JuiAsset' => [
                    'sourcePath' => null, 'css' => [], 'js' => [],
                ],
                '\rmrevin\yii\fontawesome\AssetBundle' => [
                    'sourcePath' => null, 'css' => [],
                ],
            ],
            'converter' => [
                'class' => 'yii\web\AssetConverter',
                'commands' => [
                    'scss' => ['scss', "sass $from $to --source-map"]
                ],
                'forceConvert' => true
            ],
            'appendTimestamp' => true,
        ],
        'view' => [
            'theme' => [
                #'class' => yii\base\Theme::class,
                'basePath' => '@app/themes/grayscale',
                'pathMap' => ['@app/views' => '@app/themes/grayscale'],
                'baseUrl' => '@web/themes/grayscale',
            ]
        ],
        'request' => [
            'csrfParam' => '_csrf-frontend',
            'baseUrl' => '/web',
        ],
        'user' => [
            'identityClass' => 'common\models\User',
            'enableAutoLogin' => true,
            'identityCookie' => ['name' => '_identity-frontend', 'httpOnly' => true],
        ],
        'session' => [
// this is the name of the session cookie used for login on the frontend
            'name' => 'advanced-frontend',
        ],
        'log' => [
            'traceLevel' => YII_DEBUG ? 3 : 0,
            'targets' => [
                [
                    'class' => 'yii\log\FileTarget',
                    'levels' => ['error', 'warning'],
                ],
                [
                    'class' => yii\log\SyslogTarget::class,
                    'levels' => ['error', 'warning']
                ]
            ],
        ],
        'errorHandler' => [
            'errorAction' => 'site/error',
        ],
        'urlManager' => [
            'class' => 'yii\web\UrlManager',
            'enablePrettyUrl' => true,
            'showScriptName' => false,
            #'suffix' => '.html',
            'rules' => [
                // tecnorecicla
                'requirement/<action:\w+>' => '/web/requirement/<action>',
            ],
        ],
    ],
    'params' => $params,
];

<?php

/**
 * @link http://www.yiiframework.com/
 * @copyright Copyright (c) 2008 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

namespace frontend\assets;

use Yii;
use yii\web\AssetBundle;
use yii\helpers\FileHelper;

/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class ThemeAsset extends AssetBundle
{

    /**
     * {@inheritdoc}
     */
    public $sourcePath = '@app/themes/grayscale'; //maybe set also as maybe unset

    /**
     * {@inheritdoc}
     */
    public $basePath = "@webroot/themes/grayscale";

    /**
     * {@inheritdoc}
     */
    public $baseUrl = '@web/themes/grayscale';

    /**
     * {@inheritdoc}
     */
    public $css = [
        'vendor/bootstrap/css/bootstrap.min.css',
        'vendor/fontawesome-free/css/all.min.css',
        "scss/grayscale.scss", // this is the scss inside @frontend/themes/grayscale/scss. This is rendered as <link href="/web/themes/grayscale/scss/grayscale.scss" rel="stylesheet">
        'css/grayscale.css', // this is the compiled scss inside @webroot/themes/grayscale/css
        [
            'href' => "favicon.ico",
            'rel' => 'icon',
            'sizes' => '16x16',
        ],
    ];

    /**
     * {@inheritdoc}
     */
    public $js = [
        #'vendor/jquery/jquery.min.js',
        'vendor/bootstrap/js/bootstrap.bundle.min.js',
        'js/grayscale.min.js',
        "vendor/jquery-easing/jquery.easing.min.js"
    ];

    /**
     * {@inheritdoc}
     */
    public $depends = [
        'yii\web\YiiAsset',
        #'yii\bootstrap\BootstrapAsset',
        #'yii\bootstrap\BootstrapPluginAsset',
    ];

}