<?php
/**
* navigation-left.php
*
* @copyright Copyright © Pedro Plowman, https://github.com/p2made, 2016
* @author Pedro Plowman
* @package p2made/yii2-sb-admin-theme
* @license MIT
*/
use yii\bootstrap\Html;
use yii\helpers\Url;
use yii\bootstrap\Nav;
use yii\bootstrap\ActiveForm;
use p2made\helpers\FA;
$arrowIcon = FA::i('arrow')->tag('span');
?>
<section class="navbar-default sidebar" role="navigation">
<div class="sidebar-nav navbar-collapse">
<ul class="nav" id="side-menu">
<li class="sidebar-search">
<div class="input-group custom-search-form">
<input type="text" class="form-control" placeholder="Search...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">
<i class="fa fa-search"></i>
</button>
</span>
</div>
</li>
<li><?php
14 mins ago</small>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales.
</p>
</div>
</li>
<li class="right clearfix">
<span class="chat-img pull-right">
<img src="http://placehold.it/50/FA6F57/fff" alt="User Avatar" class="img-circle" />
</span>
<div class="chat-body clearfix">
<div class="header">
<small class=" text-muted">
<?php
echo FA::i('clock-o fa-fw');
?>
15 mins ago</small>
<strong class="pull-right primary-font">Bhaumik Patel</strong>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales.
</p>
</div>
</li>
</ul>
</div>
<!-- /.panel-body -->
<div class="panel-footer">
<div class="input-group">
<input id="btn-input" type="text" class="form-control input-sm" placeholder="Type your message here..." />
$sizes = [FI::SIZE_LARGE, FI::SIZE_SMALL, FI::SIZE_XSMALL];
$inlineItems = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'p class="lead"'];
$intro = 'au';
$wrappers = array('col-lg-3 col-md-4 col-sm-4 col-xs-6', 'col-lg-3 col-md-4 col-sm-4 col-xs-6', 'col-lg-3 col-md-4 col-sm-4 col-xs-3', 'col-lg-3 col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3 hidden-xs', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3', 'col-sm-2 col-xs-3 visible-lg');
/**
* End of demo data
*/
?>
<div class="site-index">
<?php
echo Breadcrumbs::widget(['links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : []]);
?>
<div class="jumbotron">
<h1><?php
echo FA::i('flag') . ' ' . Html::encode($this->title);
?>
</h1>
<p>SVG flags & CSS from <a href="https://lipis.github.io/flag-icon-css/" target="_blank">flag-icon-css<?php
echo FA::icon(FA::_EXTERNAL_LINK);
?>
</a> as Yii 2 assets & helpers.</p>
</div>
<div class="body-content">
<p>
Here is <a href="https://lipis.github.io/flag-icon-css/" target="_blank">flag-icon-css <?php
echo FA::icon(FA::_EXTERNAL_LINK);
?>
?>
">
<div class="panel panel-info">
<div class="panel-heading"><?php
echo $group['title'];
?>
</div>
<div class="panel-body">
<div class="row">
<?php
foreach ($icons as $icon) {
?>
<div class="fa-hover col-md-3">
<p>
<?php
echo FA::i($icon)->fixedWidth();
?>
<?php
echo Html::encode('FA::i(\'' . $icon . '\')');
?>
<br>
</p>
</div>
<?php
}
?>
</div>
</div>
</div>
</section>
<span class="input-group-addon"><?php
echo FA::fw(FA::_KEY);
?>
</span>
<input class="form-control" type="password" placeholder="Password">
</div>
</div><br>
<div class="margin-bottom">
<div class="btn-group">
<a class="btn btn-primary" href="#"><?php
echo FA::fw(FA::_USER);
?>
User</a>
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
<?php
echo FA::i(FA::_CARET_DOWN)->tag('span');
?>
</a>
<ul class="dropdown-menu">
<li><a href="#"><?php
echo FA::fw(FA::_PENCIL);
?>
Edit</a></li>
<li><a href="#"><?php
echo FA::fw(FA::_TRASH_O);
?>
Delete</a></li>
<li><a href="#"><?php
echo FA::fw(FA::_BAN);
?>
Ban</a></li>
</p>
<p>
<?php
echo FA::i('p2m-cad');
?>
<code>FA::i('p2m-cad')</code>
</p>
<p>
<?php
echo FA::i('p2m-nzd');
?>
<code>FA::i('p2m-nzd')</code>
</p>
<p>
<?php
echo FA::i('p2m-usd');
?>
<code>FA::i('p2m-usd')</code>
</p>
</div>
<div class="col-md-8 col-sm-7">
<div class="alert alert-success">
<ul class="fa-ul">
<li>
<?php
echo FA::fw(FA::_INFO_CIRCLE)->li()->size(FA::SIZE_LARGE);
?>
<em>p2made extra</em><br>
If you load my <code>FontAwesomeAsset</code> by using <code>P2CoreAsset</code>, then a some extra classes give country specific dollar icons. It's a bit of an experiment, the font isn't ideal, & the resulting icons are wider than <code>fa-fw</code>, so <code>fw()</code> doesn't work well (& is probably best avoided).
</li>
