You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

319 satır
16KB

  1. <?php
  2. /**
  3. Copyright La boîte à pain (2018)
  4. contact@laboiteapain.net
  5. Ce logiciel est un programme informatique servant à aider les producteurs
  6. à distribuer leur production en circuits courts.
  7. Ce logiciel est régi par la licence CeCILL soumise au droit français et
  8. respectant les principes de diffusion des logiciels libres. Vous pouvez
  9. utiliser, modifier et/ou redistribuer ce programme sous les conditions
  10. de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
  11. sur le site "http://www.cecill.info".
  12. En contrepartie de l'accessibilité au code source et des droits de copie,
  13. de modification et de redistribution accordés par cette licence, il n'est
  14. offert aux utilisateurs qu'une garantie limitée. Pour les mêmes raisons,
  15. seule une responsabilité restreinte pèse sur l'auteur du programme, le
  16. titulaire des droits patrimoniaux et les concédants successifs.
  17. A cet égard l'attention de l'utilisateur est attirée sur les risques
  18. associés au chargement, à l'utilisation, à la modification et/ou au
  19. développement et à la reproduction du logiciel par l'utilisateur étant
  20. donné sa spécificité de logiciel libre, qui peut le rendre complexe à
  21. manipuler et qui le réserve donc à des développeurs et des professionnels
  22. avertis possédant des connaissances informatiques approfondies. Les
  23. utilisateurs sont donc invités à charger et tester l'adéquation du
  24. logiciel à leurs besoins dans des conditions permettant d'assurer la
  25. sécurité de leurs systèmes et ou de leurs données et, plus généralement,
  26. à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
  27. Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
  28. pris connaissance de la licence CeCILL, et que vous en avez accepté les
  29. termes.
  30. */
  31. use yii\helpers\Html;
  32. /* @var $this \yii\web\View */
  33. /* @var $content string */
  34. ?>
  35. <header class="main-header">
  36. <?= Html::a('<span class="logo-mini">APP</span><span class="logo-lg">' . Yii::$app->name . '</span>', Yii::$app->homeUrl, ['class' => 'logo']) ?>
  37. <nav class="navbar navbar-static-top" role="navigation">
  38. <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
  39. <span class="sr-only">Toggle navigation</span>
  40. </a>
  41. <div class="navbar-custom-menu">
  42. <ul class="nav navbar-nav">
  43. <!-- Messages: style can be found in dropdown.less-->
  44. <li class="dropdown messages-menu">
  45. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  46. <i class="fa fa-envelope-o"></i>
  47. <span class="label label-success">4</span>
  48. </a>
  49. <ul class="dropdown-menu">
  50. <li class="header">You have 4 messages</li>
  51. <li>
  52. <!-- inner menu: contains the actual data -->
  53. <ul class="menu">
  54. <li><!-- start message -->
  55. <a href="#">
  56. <div class="pull-left">
  57. <img src="<?= $directoryAsset ?>/img/user2-160x160.jpg" class="img-circle"
  58. alt="User Image"/>
  59. </div>
  60. <h4>
  61. Support Team
  62. <small><i class="fa fa-clock-o"></i> 5 mins</small>
  63. </h4>
  64. <p>Why not buy a new awesome theme?</p>
  65. </a>
  66. </li>
  67. <!-- end message -->
  68. <li>
  69. <a href="#">
  70. <div class="pull-left">
  71. <img src="<?= $directoryAsset ?>/img/user3-128x128.jpg" class="img-circle"
  72. alt="user image"/>
  73. </div>
  74. <h4>
  75. AdminLTE Design Team
  76. <small><i class="fa fa-clock-o"></i> 2 hours</small>
  77. </h4>
  78. <p>Why not buy a new awesome theme?</p>
  79. </a>
  80. </li>
  81. <li>
  82. <a href="#">
  83. <div class="pull-left">
  84. <img src="<?= $directoryAsset ?>/img/user4-128x128.jpg" class="img-circle"
  85. alt="user image"/>
  86. </div>
  87. <h4>
  88. Developers
  89. <small><i class="fa fa-clock-o"></i> Today</small>
  90. </h4>
  91. <p>Why not buy a new awesome theme?</p>
  92. </a>
  93. </li>
  94. <li>
  95. <a href="#">
  96. <div class="pull-left">
  97. <img src="<?= $directoryAsset ?>/img/user3-128x128.jpg" class="img-circle"
  98. alt="user image"/>
  99. </div>
  100. <h4>
  101. Sales Department
  102. <small><i class="fa fa-clock-o"></i> Yesterday</small>
  103. </h4>
  104. <p>Why not buy a new awesome theme?</p>
  105. </a>
  106. </li>
  107. <li>
  108. <a href="#">
  109. <div class="pull-left">
  110. <img src="<?= $directoryAsset ?>/img/user4-128x128.jpg" class="img-circle"
  111. alt="user image"/>
  112. </div>
  113. <h4>
  114. Reviewers
  115. <small><i class="fa fa-clock-o"></i> 2 days</small>
  116. </h4>
  117. <p>Why not buy a new awesome theme?</p>
  118. </a>
  119. </li>
  120. </ul>
  121. </li>
  122. <li class="footer"><a href="#">See All Messages</a></li>
  123. </ul>
  124. </li>
  125. <li class="dropdown notifications-menu">
  126. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  127. <i class="fa fa-bell-o"></i>
  128. <span class="label label-warning">10</span>
  129. </a>
  130. <ul class="dropdown-menu">
  131. <li class="header">You have 10 notifications</li>
  132. <li>
  133. <!-- inner menu: contains the actual data -->
  134. <ul class="menu">
  135. <li>
  136. <a href="#">
  137. <i class="fa fa-users text-aqua"></i> 5 new members joined today
  138. </a>
  139. </li>
  140. <li>
  141. <a href="#">
  142. <i class="fa fa-warning text-yellow"></i> Very long description here that may
  143. not fit into the page and may cause design problems
  144. </a>
  145. </li>
  146. <li>
  147. <a href="#">
  148. <i class="fa fa-users text-red"></i> 5 new members joined
  149. </a>
  150. </li>
  151. <li>
  152. <a href="#">
  153. <i class="fa fa-shopping-cart text-green"></i> 25 sales made
  154. </a>
  155. </li>
  156. <li>
  157. <a href="#">
  158. <i class="fa fa-user text-red"></i> You changed your username
  159. </a>
  160. </li>
  161. </ul>
  162. </li>
  163. <li class="footer"><a href="#">View all</a></li>
  164. </ul>
  165. </li>
  166. <!-- Tasks: style can be found in dropdown.less -->
  167. <li class="dropdown tasks-menu">
  168. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  169. <i class="fa fa-flag-o"></i>
  170. <span class="label label-danger">9</span>
  171. </a>
  172. <ul class="dropdown-menu">
  173. <li class="header">You have 9 tasks</li>
  174. <li>
  175. <!-- inner menu: contains the actual data -->
  176. <ul class="menu">
  177. <li><!-- Task item -->
  178. <a href="#">
  179. <h3>
  180. Design some buttons
  181. <small class="pull-right">20%</small>
  182. </h3>
  183. <div class="progress xs">
  184. <div class="progress-bar progress-bar-aqua" style="width: 20%"
  185. role="progressbar" aria-valuenow="20" aria-valuemin="0"
  186. aria-valuemax="100">
  187. <span class="sr-only">20% Complete</span>
  188. </div>
  189. </div>
  190. </a>
  191. </li>
  192. <!-- end task item -->
  193. <li><!-- Task item -->
  194. <a href="#">
  195. <h3>
  196. Create a nice theme
  197. <small class="pull-right">40%</small>
  198. </h3>
  199. <div class="progress xs">
  200. <div class="progress-bar progress-bar-green" style="width: 40%"
  201. role="progressbar" aria-valuenow="20" aria-valuemin="0"
  202. aria-valuemax="100">
  203. <span class="sr-only">40% Complete</span>
  204. </div>
  205. </div>
  206. </a>
  207. </li>
  208. <!-- end task item -->
  209. <li><!-- Task item -->
  210. <a href="#">
  211. <h3>
  212. Some task I need to do
  213. <small class="pull-right">60%</small>
  214. </h3>
  215. <div class="progress xs">
  216. <div class="progress-bar progress-bar-red" style="width: 60%"
  217. role="progressbar" aria-valuenow="20" aria-valuemin="0"
  218. aria-valuemax="100">
  219. <span class="sr-only">60% Complete</span>
  220. </div>
  221. </div>
  222. </a>
  223. </li>
  224. <!-- end task item -->
  225. <li><!-- Task item -->
  226. <a href="#">
  227. <h3>
  228. Make beautiful transitions
  229. <small class="pull-right">80%</small>
  230. </h3>
  231. <div class="progress xs">
  232. <div class="progress-bar progress-bar-yellow" style="width: 80%"
  233. role="progressbar" aria-valuenow="20" aria-valuemin="0"
  234. aria-valuemax="100">
  235. <span class="sr-only">80% Complete</span>
  236. </div>
  237. </div>
  238. </a>
  239. </li>
  240. <!-- end task item -->
  241. </ul>
  242. </li>
  243. <li class="footer">
  244. <a href="#">View all tasks</a>
  245. </li>
  246. </ul>
  247. </li>
  248. <!-- User Account: style can be found in dropdown.less -->
  249. <li class="dropdown user user-menu">
  250. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  251. <img src="<?= $directoryAsset ?>/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
  252. <span class="hidden-xs">Alexander Pierce</span>
  253. </a>
  254. <ul class="dropdown-menu">
  255. <!-- User image -->
  256. <li class="user-header">
  257. <img src="<?= $directoryAsset ?>/img/user2-160x160.jpg" class="img-circle"
  258. alt="User Image"/>
  259. <p>
  260. Alexander Pierce - Web Developer
  261. <small>Member since Nov. 2012</small>
  262. </p>
  263. </li>
  264. <!-- Menu Body -->
  265. <li class="user-body">
  266. <div class="col-xs-4 text-center">
  267. <a href="#">Followers</a>
  268. </div>
  269. <div class="col-xs-4 text-center">
  270. <a href="#">Sales</a>
  271. </div>
  272. <div class="col-xs-4 text-center">
  273. <a href="#">Friends</a>
  274. </div>
  275. </li>
  276. <!-- Menu Footer-->
  277. <li class="user-footer">
  278. <div class="pull-left">
  279. <a href="#" class="btn btn-default btn-flat">Profile</a>
  280. </div>
  281. <div class="pull-right">
  282. <?= Html::a(
  283. 'Sign out',
  284. ['/site/logout'],
  285. ['data-method' => 'post', 'class' => 'btn btn-default btn-flat']
  286. ) ?>
  287. </div>
  288. </li>
  289. </ul>
  290. </li>
  291. <!-- User Account: style can be found in dropdown.less -->
  292. <li>
  293. <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
  294. </li>
  295. </ul>
  296. </div>
  297. </nav>
  298. </header>