Advertisement
Nass07

main.php

Jul 4th, 2016
344
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 21.15 KB | None | 0 0
  1. <?php
  2.  
  3. /* @var $this \yii\web\View */
  4. /* @var $content string */
  5.  
  6. use backend\assets\DashboardAsset;
  7. use yii\helpers\Html;
  8. use yii\bootstrap\Nav;
  9. use yii\bootstrap\NavBar;
  10. use yii\widgets\Breadcrumbs;
  11. use common\widgets\Alert;
  12.  
  13. DashboardAsset::register($this);
  14. ?>
  15. <?php $this->beginPage() ?>
  16. <!DOCTYPE html>
  17. <html lang="<?= Yii::$app->language ?>">
  18. <head>
  19.     <meta charset="<?= Yii::$app->charset ?>">
  20.     <meta name="viewport" content="width=device-width, initial-scale=1">
  21.     <?= Html::csrfMetaTags() ?>
  22.     <title><?= Html::encode($this->title) ?></title>
  23.     <?php $this->head() ?>
  24. </head>
  25. <body class="hold-transition skin-blue sidebar-mini">
  26. <?php $this->beginBody() ?>
  27.  
  28. <div class="wrapper">
  29.     <header class="main-header">
  30.       <!-- Logo -->
  31.       <a href="index2.html" class="logo">
  32.         <!-- mini logo for sidebar mini 50x50 pixels -->
  33.         <span class="logo-mini"><b>A</b>LT</span>
  34.         <!-- logo for regular state and mobile devices -->
  35.         <span class="logo-lg"><b>Admin</b>LTE</span>
  36.       </a>
  37.       <!-- Header Navbar: style can be found in header.less -->
  38.       <nav class="navbar navbar-static-top" role="navigation">
  39.         <!-- Sidebar toggle button-->
  40.         <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
  41.           <span class="sr-only">Toggle navigation</span>
  42.         </a>
  43.         <div class="navbar-custom-menu">
  44.           <ul class="nav navbar-nav">
  45.             <!-- Messages: style can be found in dropdown.less-->
  46.             <li class="dropdown messages-menu">
  47.               <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  48.                 <i class="fa fa-envelope-o"></i>
  49.                 <span class="label label-success">4</span>
  50.               </a>
  51.               <ul class="dropdown-menu">
  52.                 <li class="header">You have 4 messages</li>
  53.                 <li>
  54.                   <!-- inner menu: contains the actual data -->
  55.                   <ul class="menu">
  56.                     <li><!-- start message -->
  57.                       <a href="#">
  58.                         <div class="pull-left">
  59.                           <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  60.                         </div>
  61.                         <h4>
  62.                           Support Team
  63.                           <small><i class="fa fa-clock-o"></i> 5 mins</small>
  64.                         </h4>
  65.                         <p>Why not buy a new awesome theme?</p>
  66.                       </a>
  67.                     </li><!-- end message -->
  68.                     <li>
  69.                       <a href="#">
  70.                         <div class="pull-left">
  71.                           <img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
  72.                         </div>
  73.                         <h4>
  74.                           AdminLTE Design Team
  75.                           <small><i class="fa fa-clock-o"></i> 2 hours</small>
  76.                         </h4>
  77.                         <p>Why not buy a new awesome theme?</p>
  78.                       </a>
  79.                     </li>
  80.                     <li>
  81.                       <a href="#">
  82.                         <div class="pull-left">
  83.                           <img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
  84.                         </div>
  85.                         <h4>
  86.                           Developers
  87.                           <small><i class="fa fa-clock-o"></i> Today</small>
  88.                         </h4>
  89.                         <p>Why not buy a new awesome theme?</p>
  90.                       </a>
  91.                     </li>
  92.                     <li>
  93.                       <a href="#">
  94.                         <div class="pull-left">
  95.                           <img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
  96.                         </div>
  97.                         <h4>
  98.                           Sales Department
  99.                           <small><i class="fa fa-clock-o"></i> Yesterday</small>
  100.                         </h4>
  101.                         <p>Why not buy a new awesome theme?</p>
  102.                       </a>
  103.                     </li>
  104.                     <li>
  105.                       <a href="#">
  106.                         <div class="pull-left">
  107.                           <img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
  108.                         </div>
  109.                         <h4>
  110.                           Reviewers
  111.                           <small><i class="fa fa-clock-o"></i> 2 days</small>
  112.                         </h4>
  113.                         <p>Why not buy a new awesome theme?</p>
  114.                       </a>
  115.                     </li>
  116.                   </ul>
  117.                 </li>
  118.                 <li class="footer"><a href="#">See All Messages</a></li>
  119.               </ul>
  120.             </li>
  121.             <!-- Notifications: style can be found in dropdown.less -->
  122.             <li class="dropdown notifications-menu">
  123.               <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  124.                 <i class="fa fa-bell-o"></i>
  125.                 <span class="label label-warning">10</span>
  126.               </a>
  127.               <ul class="dropdown-menu">
  128.                 <li class="header">You have 10 notifications</li>
  129.                 <li>
  130.                   <!-- inner menu: contains the actual data -->
  131.                   <ul class="menu">
  132.                     <li>
  133.                       <a href="#">
  134.                         <i class="fa fa-users text-aqua"></i> 5 new members joined today
  135.                       </a>
  136.                     </li>
  137.                     <li>
  138.                       <a href="#">
  139.                         <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems
  140.                       </a>
  141.                     </li>
  142.                     <li>
  143.                       <a href="#">
  144.                         <i class="fa fa-users text-red"></i> 5 new members joined
  145.                       </a>
  146.                     </li>
  147.                     <li>
  148.                       <a href="#">
  149.                         <i class="fa fa-shopping-cart text-green"></i> 25 sales made
  150.                       </a>
  151.                     </li>
  152.                     <li>
  153.                       <a href="#">
  154.                         <i class="fa fa-user text-red"></i> You changed your username
  155.                       </a>
  156.                     </li>
  157.                   </ul>
  158.                 </li>
  159.                 <li class="footer"><a href="#">View all</a></li>
  160.               </ul>
  161.             </li>
  162.             <!-- Tasks: style can be found in dropdown.less -->
  163.             <li class="dropdown tasks-menu">
  164.               <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  165.                 <i class="fa fa-flag-o"></i>
  166.                 <span class="label label-danger">9</span>
  167.               </a>
  168.               <ul class="dropdown-menu">
  169.                 <li class="header">You have 9 tasks</li>
  170.                 <li>
  171.                   <!-- inner menu: contains the actual data -->
  172.                   <ul class="menu">
  173.                     <li><!-- Task item -->
  174.                       <a href="#">
  175.                         <h3>
  176.                           Design some buttons
  177.                           <small class="pull-right">20%</small>
  178.                         </h3>
  179.                         <div class="progress xs">
  180.                           <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  181.                             <span class="sr-only">20% Complete</span>
  182.                           </div>
  183.                         </div>
  184.                       </a>
  185.                     </li><!-- end task item -->
  186.                     <li><!-- Task item -->
  187.                       <a href="#">
  188.                         <h3>
  189.                           Create a nice theme
  190.                           <small class="pull-right">40%</small>
  191.                         </h3>
  192.                         <div class="progress xs">
  193.                           <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  194.                             <span class="sr-only">40% Complete</span>
  195.                           </div>
  196.                         </div>
  197.                       </a>
  198.                     </li><!-- end task item -->
  199.                     <li><!-- Task item -->
  200.                       <a href="#">
  201.                         <h3>
  202.                           Some task I need to do
  203.                           <small class="pull-right">60%</small>
  204.                         </h3>
  205.                         <div class="progress xs">
  206.                           <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  207.                             <span class="sr-only">60% Complete</span>
  208.                           </div>
  209.                         </div>
  210.                       </a>
  211.                     </li><!-- end task item -->
  212.                     <li><!-- Task item -->
  213.                       <a href="#">
  214.                         <h3>
  215.                           Make beautiful transitions
  216.                           <small class="pull-right">80%</small>
  217.                         </h3>
  218.                         <div class="progress xs">
  219.                           <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  220.                             <span class="sr-only">80% Complete</span>
  221.                           </div>
  222.                         </div>
  223.                       </a>
  224.                     </li><!-- end task item -->
  225.                   </ul>
  226.                 </li>
  227.                 <li class="footer">
  228.                   <a href="#">View all tasks</a>
  229.                 </li>
  230.               </ul>
  231.             </li>
  232.             <!-- User Account: style can be found in dropdown.less -->
  233.             <li class="dropdown user user-menu">
  234.               <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  235.                 <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
  236.                 <span class="hidden-xs">Alexander Pierce</span>
  237.               </a>
  238.               <ul class="dropdown-menu">
  239.                 <!-- User image -->
  240.                 <li class="user-header">
  241.                   <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  242.                   <p>
  243.                     Alexander Pierce - Web Developer
  244.                     <small>Member since Nov. 2012</small>
  245.                   </p>
  246.                 </li>
  247.                 <!-- Menu Body -->
  248.                 <li class="user-body">
  249.                   <div class="col-xs-4 text-center">
  250.                     <a href="#">Followers</a>
  251.                   </div>
  252.                   <div class="col-xs-4 text-center">
  253.                     <a href="#">Sales</a>
  254.                   </div>
  255.                   <div class="col-xs-4 text-center">
  256.                     <a href="#">Friends</a>
  257.                   </div>
  258.                 </li>
  259.                 <!-- Menu Footer-->
  260.                 <li class="user-footer">
  261.                   <div class="pull-left">
  262.                     <a href="#" class="btn btn-default btn-flat">Profile</a>
  263.                   </div>
  264.                   <div class="pull-right">
  265.                     <a href="#" class="btn btn-default btn-flat">Sign out</a>
  266.                   </div>
  267.                 </li>
  268.               </ul>
  269.             </li>
  270.             <!-- Control Sidebar Toggle Button -->
  271.             <li>
  272.               <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
  273.             </li>
  274.           </ul>
  275.         </div>
  276.       </nav>
  277.     </header>
  278.     <aside class="main-sidebar">
  279.       <!-- sidebar: style can be found in sidebar.less -->
  280.       <section class="sidebar">
  281.         <!-- Sidebar user panel -->
  282.         <div class="user-panel">
  283.           <div class="pull-left image">
  284.             <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  285.           </div>
  286.           <div class="pull-left info">
  287.             <p>Alexander Pierce</p>
  288.             <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
  289.           </div>
  290.         </div>
  291.         <!-- search form -->
  292.         <form action="#" method="get" class="sidebar-form">
  293.           <div class="input-group">
  294.             <input type="text" name="q" class="form-control" placeholder="Search...">
  295.             <span class="input-group-btn">
  296.               <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
  297.             </span>
  298.           </div>
  299.         </form>
  300.         <!-- /.search form -->
  301.         <!-- sidebar menu: : style can be found in sidebar.less -->
  302.         <ul class="sidebar-menu">
  303.           <li class="header">MAIN NAVIGATION</li>
  304.           <li class="active treeview">
  305.             <a href="#">
  306.               <i class="fa fa-dashboard"></i> <span>Dashboard</span> <i class="fa fa-angle-left pull-right"></i>
  307.             </a>
  308.             <ul class="treeview-menu">
  309.               <li class="active"><a href="index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
  310.               <li><a href="index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
  311.             </ul>
  312.           </li>
  313.           <li class="treeview">
  314.             <a href="#">
  315.               <i class="fa fa-files-o"></i>
  316.               <span>Layout Options</span>
  317.               <span class="label label-primary pull-right">4</span>
  318.             </a>
  319.             <ul class="treeview-menu">
  320.               <li><a href="pages/layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
  321.               <li><a href="pages/layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
  322.               <li><a href="pages/layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
  323.               <li><a href="pages/layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
  324.             </ul>
  325.           </li>
  326.           <li>
  327.             <a href="pages/widgets.html">
  328.               <i class="fa fa-th"></i> <span>Widgets</span> <small class="label pull-right bg-green">new</small>
  329.             </a>
  330.           </li>
  331.           <li class="treeview">
  332.             <a href="#">
  333.               <i class="fa fa-pie-chart"></i>
  334.               <span>Charts</span>
  335.               <i class="fa fa-angle-left pull-right"></i>
  336.             </a>
  337.             <ul class="treeview-menu">
  338.               <li><a href="pages/charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
  339.               <li><a href="pages/charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
  340.               <li><a href="pages/charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
  341.               <li><a href="pages/charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
  342.             </ul>
  343.           </li>
  344.           <li class="treeview">
  345.             <a href="#">
  346.               <i class="fa fa-laptop"></i>
  347.               <span>UI Elements</span>
  348.               <i class="fa fa-angle-left pull-right"></i>
  349.             </a>
  350.             <ul class="treeview-menu">
  351.               <li><a href="pages/UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
  352.               <li><a href="pages/UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
  353.               <li><a href="pages/UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
  354.               <li><a href="pages/UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
  355.               <li><a href="pages/UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
  356.               <li><a href="pages/UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
  357.             </ul>
  358.           </li>
  359.           <li class="treeview">
  360.             <a href="#">
  361.               <i class="fa fa-edit"></i> <span>Forms</span>
  362.               <i class="fa fa-angle-left pull-right"></i>
  363.             </a>
  364.             <ul class="treeview-menu">
  365.               <li><a href="pages/forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
  366.               <li><a href="pages/forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
  367.               <li><a href="pages/forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
  368.             </ul>
  369.           </li>
  370.           <li class="treeview">
  371.             <a href="#">
  372.               <i class="fa fa-table"></i> <span>Tables</span>
  373.               <i class="fa fa-angle-left pull-right"></i>
  374.             </a>
  375.             <ul class="treeview-menu">
  376.               <li><a href="pages/tables/simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
  377.               <li><a href="pages/tables/data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
  378.             </ul>
  379.           </li>
  380.           <li>
  381.             <a href="pages/calendar.html">
  382.               <i class="fa fa-calendar"></i> <span>Calendar</span>
  383.               <small class="label pull-right bg-red">3</small>
  384.             </a>
  385.           </li>
  386.           <li>
  387.             <a href="pages/mailbox/mailbox.html">
  388.               <i class="fa fa-envelope"></i> <span>Mailbox</span>
  389.               <small class="label pull-right bg-yellow">12</small>
  390.             </a>
  391.           </li>
  392.           <li class="treeview">
  393.             <a href="#">
  394.               <i class="fa fa-folder"></i> <span>Examples</span>
  395.               <i class="fa fa-angle-left pull-right"></i>
  396.             </a>
  397.             <ul class="treeview-menu">
  398.               <li><a href="pages/examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
  399.               <li><a href="pages/examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
  400.               <li><a href="pages/examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
  401.               <li><a href="pages/examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
  402.               <li><a href="pages/examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
  403.               <li><a href="pages/examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
  404.               <li><a href="pages/examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
  405.               <li><a href="pages/examples/blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
  406.             </ul>
  407.           </li>
  408.           <li class="treeview">
  409.             <a href="#">
  410.               <i class="fa fa-share"></i> <span>Multilevel</span>
  411.               <i class="fa fa-angle-left pull-right"></i>
  412.             </a>
  413.             <ul class="treeview-menu">
  414.               <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
  415.               <li>
  416.                 <a href="#"><i class="fa fa-circle-o"></i> Level One <i class="fa fa-angle-left pull-right"></i></a>
  417.                 <ul class="treeview-menu">
  418.                   <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
  419.                   <li>
  420.                     <a href="#"><i class="fa fa-circle-o"></i> Level Two <i class="fa fa-angle-left pull-right"></i></a>
  421.                     <ul class="treeview-menu">
  422.                       <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
  423.                       <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
  424.                     </ul>
  425.                   </li>
  426.                 </ul>
  427.               </li>
  428.               <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
  429.             </ul>
  430.           </li>
  431.           <li><a href="documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
  432.           <li class="header">LABELS</li>
  433.           <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
  434.           <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
  435.           <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
  436.         </ul>
  437.       </section>
  438.       <!-- /.sidebar -->
  439.     </aside>
  440.     <div class="content-wrapper">
  441.             <!-- Content Header (Page header) -->
  442.             <section class="content-header">
  443.               <h1>
  444.                 Dashboard
  445.                 <small>Control panel</small>
  446.               </h1>
  447.               <ol class="breadcrumb">
  448.                 <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
  449.                 <li class="active">Dashboard</li>
  450.               </ol>
  451.             </section>
  452.  
  453.             <!-- Main content -->
  454.         <section class="content">
  455.             <?= $content ?>
  456.         </section>
  457.         <footer class="footer">
  458.             <div class="container">
  459.                 <p class="pull-left">&copy; My Company <?= date('Y') ?></p>
  460.  
  461.                 <p class="pull-right"><?= Yii::powered() ?></p>
  462.             </div>
  463.         </footer>
  464.     </div>
  465. </div>
  466.  
  467.  
  468.  
  469. <?php $this->endBody() ?>
  470. </body>
  471. </html>
  472. <?php $this->endPage() ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement