コード例 #1
0
ファイル: nav.php プロジェクト: cobisja/boothelp
    put it inside the Nav definition, to get the Nav code cleaner. In these cases, you have to use <code>["into_nav"=>true]</code>
    to indicates that the Dropdown is embedded the Nav.', 'php_code' => "\$sub_menu = Boothelp::dropdown('Social networks', ['into_nav'=>true], function(){\n    return [\n        BootHelp::link_to('Twitter'),\n        BootHelp::link_to('Facebook'),\n        BootHelp::divider(),\n        BootHelp::link_to('Others')\n    ];\n});\necho BootHelp::nav(function() use (\$sub_menu) {\n    return [\n        new LinkTo('Home', ['href'=>'/']),\n        \$sub_menu\n        new LinkTo('Profile')\n    ];\n});", 'result' => BootHelp::nav(function () use($href) {
    return [new LinkTo('Home', ['href' => $href]), Boothelp::dropdown('Social networks', function () {
        return [BootHelp::link_to('Twitter'), BootHelp::link_to('Facebook'), BootHelp::divider(), BootHelp::link_to('Other')];
    }), new LinkTo('Profile')];
}), 'html_code' => '<ul class="nav nav-tabs">
    <li class="active"><a href="/">Home</a></li>
    <li class="dropdown">
        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
            Social networks
            <span class="caret"></span>
        </a>
        <ul aria-labelledby="label-dropdown-705851964" role="menu" class="dropdown-menu">
            <li><a href="#" role="menuitem">Twitter</a></li>
            <li><a href="#" role="menuitem">Facebook</a></li>
            <li class="divider"></li><li><a href="#" role="menuitem">Other</a></li>
        </ul>
    </li>
    <li><a href="#">Profile</a></li>
</ul>'], ['name' => 'Complex navs', 'description' => 'To include HTML tags or a long text in the nav, pass your content in a block.
You can also specify custom options which will be added to the nav’s <code>ul</code> tag.', 'php_code' => "echo BootHelp::nav(['as'=>'pills', 'id'=>'nav', 'class'=>'en', 'data-js'=>1], function(){\n    return [\n        new LinkTo('Home', ['href'=>'/']),\n        new LinkTo('Users'),\n        new LinkTo('Profile')\n    ];\n});", 'result' => BootHelp::nav(['as' => 'pills', 'id' => 'nav', 'class' => 'en', 'data-js' => 1], function () use($href) {
    return [new LinkTo('Home', ['href' => $href]), new LinkTo('Users'), new LinkTo('Profile')];
}), 'html_code' => '<ul data-js="1" class="en nav nav-pills" id="nav">
    <li class="active"><a href="/">Home</a></li>
    <li><a href="#">Users</a></li>
    <li><a href="#">Profile</a></li>
</ul>']]];
/**
 * Nav samples.
 */
echo new Sample($navs);
コード例 #2
0
ファイル: navbar.php プロジェクト: cobisja/boothelp
                        </ul>
                    </li>
                </ul>
            </div>
            <ul class="nav navbar-nav">
                <li><a href="#">About us</a></li>
            </ul>
        </div>
    </div>
</nav>'], ['name' => 'Complex nabvars', 'description' => 'You can specify a custom <code>id</code> which will be used for the navbar’s collapsable <code>div</code>.
You can also specify custom options in the <code>vertical</code> and <code>horizontal</code> helpers which will be added to their <code>div</code> tags. ', 'php_code' => "echo BootHelp::navbar(['id'=>'navbar'], function(){\n    return [\n        BootHelp::vertical(['id'=>'vertical', 'class'=>'en', 'data-js'=>1], function(){\n            return BootHelp::link_to('Home');\n        }),\n        BootHelp::horizontal(['class'=>'en', 'data-js'=>2], function(){\n            return BootHelp::nav(['class'=>'navbar-left'], function(){\n                return\n                    BootHelp::link_to('Profile') .\n                    BootHelp::link_to('Settings');\n            });\n        })\n    ];\n});", 'result' => BootHelp::navbar(['id' => 'navbar'], function () {
    return [BootHelp::vertical(['id' => 'vertical', 'class' => 'en', 'data-js' => 1], function () {
        return BootHelp::link_to('Home');
    }), BootHelp::horizontal(['class' => 'en', 'data-js' => 2], function () {
        return BootHelp::nav(['class' => 'navbar-left'], function () {
            return BootHelp::link_to('Profile') . BootHelp::link_to('Settings');
        });
    })];
}), 'html_code' => '<nav class="navbar navbar-default" role="navigation">
    <div class="container">
        <div data-js="1" class="en navbar-header" id="vertical">
            <button data-target="#navbar" data-toggle="collapse" class="navbar-toggle" type="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="#" class="navbar-brand">Home</a>
        </div>
        <div id="navbar" data-js="2" class="en collapse navbar-collapse">
            <ul class="navbar-left nav navbar-nav">