layout.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <title>Misago UI: Kitchen Sink Navbar Template</title>
  10. <!-- Custom styles for this template -->
  11. <link href="../misago/admin/css/style.css" rel="stylesheet">
  12. <!-- Just for debugging purposes. Don't actually copy this line! -->
  13. <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  14. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  15. <!--[if lt IE 9]>
  16. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  17. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  18. <![endif]-->
  19. </head>
  20. <body>
  21. <div class="navbars-container">
  22. <div class="navbar navbar-default navbar-static-top" role="navigation">
  23. <div class="container">
  24. <a class="navbar-brand" href="#"></a>
  25. <ul class="nav navbar-nav">
  26. <li>
  27. <a href="#">
  28. <span class="fa fa-home"></span>
  29. Lorem
  30. </a>
  31. </li>
  32. <li>
  33. <a href="#">
  34. <span class="fa fa-cogs"></span>
  35. Ipsum
  36. </a>
  37. </li>
  38. <li class="active">
  39. <a href="#">
  40. <span class="fa fa-users"></span>
  41. Dolor
  42. </a>
  43. </li>
  44. <li>
  45. <a href="#">
  46. <span class="fa fa-envelope"></span>
  47. Met
  48. </a>
  49. </li>
  50. </ul>
  51. <div class="user-nav pull-right">
  52. <p class="navbar-text">
  53. <img src="../misago/admin/img/mred.png" alt="Avatar">
  54. Username
  55. <a href="#" class="logout" data-toggle="modal" data-target="#logout-modal">
  56. <span class="fa fa-power-off"></span>
  57. </a>
  58. </p>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="navbar navbar-inverse navbar-static-top" role="navigation">
  63. <div class="container">
  64. <ul class="nav navbar-nav">
  65. <li>
  66. <a href="#">
  67. <span class="fa fa-plane"></span>
  68. Lorem
  69. </a>
  70. </li>
  71. <li class="active">
  72. <a href="#">
  73. <span class="fa fa-road"></span>
  74. Ipsum
  75. </a>
  76. </li>
  77. <li>
  78. <a href="#">
  79. <span class="fa fa-edit"></span>
  80. Dolor
  81. </a>
  82. </li>
  83. <li>
  84. <a href="#">
  85. <span class="fa fa-pencil"></span>
  86. Met
  87. </a>
  88. </li>
  89. </ul>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="page-header">
  94. <div class="container">
  95. <h1>
  96. <div class="main"><span class="fa fa-road"></span> <a href="#">Lorem ipsum dolor</a></div>
  97. <div class="sub"><span class="fa fa-chevron-right"></span> Sit amet elit</div>
  98. </h1>
  99. <div class="page-actions">
  100. <a href="#" class="btn btn-primary">Primary</a>
  101. <a href="#" class="btn btn-success">Success</a>
  102. <a href="#" class="btn btn-warning">Warning</a>
  103. <a href="#" class="btn btn-danger">Danger</a>
  104. <div class="btn-group">
  105. <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  106. Action <span class="glyphicon glyphicon-chevron-down"></span>
  107. </button>
  108. <ul class="dropdown-menu" role="menu">
  109. <li><a href="#">Action</a></li>
  110. <li><a href="#">Another action</a></li>
  111. <li><a href="#">Something else here</a></li>
  112. <li class="divider"></li>
  113. <li><a href="#">Separated link</a></li>
  114. </ul>
  115. </div>
  116. </div>
  117. </div>
  118. </div><!-- /.page-header -->
  119. <div class="container">
  120. <div class="row">
  121. <div class="col-md-2">
  122. <ul class="nav nav-side">
  123. <li>
  124. <a href="">
  125. <span class="fa fa-home"></span>
  126. Lorem
  127. </a>
  128. </li>
  129. <li>
  130. <a href="">
  131. <span class="fa fa-cog"></span>
  132. Ipsum
  133. </a>
  134. </li>
  135. <li class="active">
  136. <a href="">
  137. <span class="fa fa-users"></span>
  138. Dolor
  139. </a>
  140. </li>
  141. <li>
  142. <a href="">
  143. <span class="fa fa-plane"></span>
  144. Pacem
  145. </a>
  146. </li>
  147. <li>
  148. <a href="">
  149. <span class="fa fa-check"></span>
  150. Bellum
  151. </a>
  152. </li>
  153. <li>
  154. <a href="">
  155. <span class="fa fa-anchor"></span>
  156. Elit
  157. </a>
  158. </li>
  159. </ul>
  160. </div>
  161. <div class="col-md-10">
  162. <div class="table-actions">
  163. <ul class="pager pull-left">
  164. <li class="page">
  165. Page 7 of 46
  166. </li>
  167. <li>
  168. <a href="#">First</a>
  169. </li>
  170. <li>
  171. <a href="#">
  172. <span class="glyphicon glyphicon-chevron-left"></span>
  173. </a>
  174. </li>
  175. <li>
  176. <a href="#">
  177. <span class="glyphicon glyphicon-chevron-right"></span>
  178. </a>
  179. </li>
  180. <li>
  181. <a href="#">Last</a>
  182. </li>
  183. </ul>
  184. <div class="btn-group pull-left">
  185. <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  186. Sorting: <span class="fa fa-sort-numeric-asc"></span> <strong>Oldest</strong>
  187. </button>
  188. <ul class="dropdown-menu" role="menu">
  189. <li>
  190. <a href="#">
  191. <span class="fa fa-sort-numeric-desc"></span>
  192. Newest
  193. </a>
  194. <a href="#">
  195. <span class="fa fa-sort-numeric-asc"></span>
  196. Oldest
  197. </a>
  198. <a href="#">
  199. <span class="fa fa-sort-numeric-desc"></span>
  200. Most posts
  201. </a>
  202. <a href="#">
  203. <span class="fa fa-sort-numeric-asc"></span>
  204. Least posts
  205. </a>
  206. </li>
  207. </ul>
  208. </div>
  209. <a href="#" class="btn btn-success pull-left">
  210. <span class="glyphicon glyphicon-ok"></span> Filters
  211. </a>
  212. <div class="btn-group pull-right">
  213. <button type="button" class="btn btn-default dropdown-toggle mass-controller" data-toggle="dropdown">
  214. <span class="fa fa-gears"></span>
  215. With selected
  216. </button>
  217. <ul class="dropdown-menu" role="menu">
  218. <li>
  219. <a href="#">
  220. <span class="fa fa-sort-numeric-desc"></span>
  221. Newest
  222. </a>
  223. <a href="#">
  224. <span class="fa fa-sort-numeric-asc"></span>
  225. Oldest
  226. </a>
  227. <a href="#">
  228. <span class="fa fa-sort-numeric-desc"></span>
  229. Most posts
  230. </a>
  231. <a href="#">
  232. <span class="fa fa-sort-numeric-asc"></span>
  233. Least posts
  234. </a>
  235. </li>
  236. </ul>
  237. </div>
  238. </div><!-- /.table-actions -->
  239. <div class="table-panel">
  240. <table class="table">
  241. <tr>
  242. <th>Lorem</th>
  243. <th>Ipsum</th>
  244. <th style="width: 136px;">Dolor</th>
  245. <th colspan="4">&nbsp;</th>
  246. </tr>
  247. <tr>
  248. <td class="lead">Lorem</td>
  249. <td>Ipsum</td>
  250. <td>
  251. <select class="form-control">
  252. <option>Pacem</option>
  253. <option>Para</option>
  254. <option>Bellum</option>
  255. </select>
  256. </td>
  257. <td class="row-action">
  258. <button type="button" class="btn btn-success tooltip-top" title="Activate">
  259. <span class="fa fa-check"></span>
  260. </button>
  261. </td>
  262. <td class="row-action">
  263. <div class="btn-group pull-right">
  264. <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
  265. <span class="fa fa-gear"></span>
  266. </button>
  267. <ul class="dropdown-menu" role="menu">
  268. <li>
  269. <a href="#">
  270. <span class="fa fa-sort-numeric-desc"></span>
  271. Newest
  272. </a>
  273. <a href="#">
  274. <span class="fa fa-sort-numeric-asc"></span>
  275. Oldest
  276. </a>
  277. <a href="#">
  278. <span class="fa fa-sort-numeric-desc"></span>
  279. Most posts
  280. </a>
  281. <a href="#">
  282. <span class="fa fa-sort-numeric-asc"></span>
  283. Least posts
  284. </a>
  285. </li>
  286. </ul>
  287. </div>
  288. </td>
  289. <td class="row-action">
  290. <button type="button" class="btn btn-danger tooltip-top" title="Activate">
  291. <span class="fa fa-times"></span>
  292. </button>
  293. </td>
  294. <td class="row-select">
  295. <label>
  296. <input type="checkbox">
  297. </label>
  298. </td>
  299. </tr>
  300. <tr>
  301. <td class="lead">Lorem</td>
  302. <td>Ipsum</td>
  303. <td>
  304. <select class="form-control">
  305. <option>Pacem</option>
  306. <option>Para</option>
  307. <option>Bellum</option>
  308. </select>
  309. </td>
  310. <td class="row-action">
  311. <button type="button" class="btn btn-success tooltip-top" title="Activate">
  312. <span class="fa fa-check"></span>
  313. </button>
  314. </td>
  315. <td class="row-action">
  316. <div class="btn-group pull-right">
  317. <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
  318. <span class="fa fa-gear"></span>
  319. </button>
  320. <ul class="dropdown-menu" role="menu">
  321. <li>
  322. <a href="#">
  323. <span class="fa fa-sort-numeric-desc"></span>
  324. Newest
  325. </a>
  326. <a href="#">
  327. <span class="fa fa-sort-numeric-asc"></span>
  328. Oldest
  329. </a>
  330. <a href="#">
  331. <span class="fa fa-sort-numeric-desc"></span>
  332. Most posts
  333. </a>
  334. <a href="#">
  335. <span class="fa fa-sort-numeric-asc"></span>
  336. Least posts
  337. </a>
  338. </li>
  339. </ul>
  340. </div>
  341. </td>
  342. <td class="row-action">
  343. <button type="button" class="btn btn-danger tooltip-top" title="Activate">
  344. <span class="fa fa-times"></span>
  345. </button>
  346. </td>
  347. <td class="row-select">
  348. <label>
  349. <input type="checkbox">
  350. </label>
  351. </td>
  352. </tr>
  353. <tr>
  354. <td class="lead">Lorem</td>
  355. <td>Ipsum</td>
  356. <td>
  357. <select class="form-control">
  358. <option>Pacem</option>
  359. <option>Para</option>
  360. <option>Bellum</option>
  361. </select>
  362. </td>
  363. <td class="row-action">
  364. <button type="button" class="btn btn-success tooltip-top" title="Activate">
  365. <span class="fa fa-check"></span>
  366. </button>
  367. </td>
  368. <td class="row-action">
  369. <div class="btn-group pull-right">
  370. <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
  371. <span class="fa fa-gear"></span>
  372. </button>
  373. <ul class="dropdown-menu" role="menu">
  374. <li>
  375. <a href="#">
  376. <span class="fa fa-sort-numeric-desc"></span>
  377. Newest
  378. </a>
  379. <a href="#">
  380. <span class="fa fa-sort-numeric-asc"></span>
  381. Oldest
  382. </a>
  383. <a href="#">
  384. <span class="fa fa-sort-numeric-desc"></span>
  385. Most posts
  386. </a>
  387. <a href="#">
  388. <span class="fa fa-sort-numeric-asc"></span>
  389. Least posts
  390. </a>
  391. </li>
  392. </ul>
  393. </div>
  394. </td>
  395. <td class="row-action">
  396. <button type="button" class="btn btn-danger tooltip-top" title="Activate">
  397. <span class="fa fa-times"></span>
  398. </button>
  399. </td>
  400. <td class="row-select">
  401. <label>
  402. <input type="checkbox">
  403. </label>
  404. </td>
  405. </tr>
  406. <tr>
  407. <td class="lead">Lorem</td>
  408. <td>Ipsum</td>
  409. <td>
  410. <select class="form-control">
  411. <option>Pacem</option>
  412. <option>Para</option>
  413. <option>Bellum</option>
  414. </select>
  415. </td>
  416. <td class="row-action">
  417. <button type="button" class="btn btn-success tooltip-top" title="Activate">
  418. <span class="fa fa-check"></span>
  419. </button>
  420. </td>
  421. <td class="row-action">
  422. <div class="btn-group pull-right">
  423. <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
  424. <span class="fa fa-gear"></span>
  425. </button>
  426. <ul class="dropdown-menu" role="menu">
  427. <li>
  428. <a href="#">
  429. <span class="fa fa-sort-numeric-desc"></span>
  430. Newest
  431. </a>
  432. <a href="#">
  433. <span class="fa fa-sort-numeric-asc"></span>
  434. Oldest
  435. </a>
  436. <a href="#">
  437. <span class="fa fa-sort-numeric-desc"></span>
  438. Most posts
  439. </a>
  440. <a href="#">
  441. <span class="fa fa-sort-numeric-asc"></span>
  442. Least posts
  443. </a>
  444. </li>
  445. </ul>
  446. </div>
  447. </td>
  448. <td class="row-action">
  449. <button type="button" class="btn btn-danger tooltip-top" title="Activate">
  450. <span class="fa fa-times"></span>
  451. </button>
  452. </td>
  453. <td class="row-select">
  454. <label>
  455. <input type="checkbox">
  456. </label>
  457. </td>
  458. </tr>
  459. <tr>
  460. <td class="lead">Lorem</td>
  461. <td>Ipsum</td>
  462. <td>
  463. <select class="form-control">
  464. <option>Pacem</option>
  465. <option>Para</option>
  466. <option>Bellum</option>
  467. </select>
  468. </td>
  469. <td class="row-action">
  470. <button type="button" class="btn btn-success tooltip-top" title="Activate">
  471. <span class="fa fa-check"></span>
  472. </button>
  473. </td>
  474. <td class="row-action">
  475. <div class="btn-group pull-right">
  476. <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
  477. <span class="fa fa-gear"></span>
  478. </button>
  479. <ul class="dropdown-menu" role="menu">
  480. <li>
  481. <a href="#">
  482. <span class="fa fa-sort-numeric-desc"></span>
  483. Newest
  484. </a>
  485. <a href="#">
  486. <span class="fa fa-sort-numeric-asc"></span>
  487. Oldest
  488. </a>
  489. <a href="#">
  490. <span class="fa fa-sort-numeric-desc"></span>
  491. Most posts
  492. </a>
  493. <a href="#">
  494. <span class="fa fa-sort-numeric-asc"></span>
  495. Least posts
  496. </a>
  497. </li>
  498. </ul>
  499. </div>
  500. </td>
  501. <td class="row-action">
  502. <button type="button" class="btn btn-danger tooltip-top" title="Activate">
  503. <span class="fa fa-times"></span>
  504. </button>
  505. </td>
  506. <td class="row-select">
  507. <label>
  508. <input type="checkbox">
  509. </label>
  510. </td>
  511. </tr>
  512. <tr>
  513. <td class="lead">Lorem</td>
  514. <td>Ipsum</td>
  515. <td>
  516. <select class="form-control">
  517. <option>Pacem</option>
  518. <option>Para</option>
  519. <option>Bellum</option>
  520. </select>
  521. </td>
  522. <td class="row-action">
  523. <button type="button" class="btn btn-success tooltip-top" title="Activate">
  524. <span class="fa fa-check"></span>
  525. </button>
  526. </td>
  527. <td class="row-action">
  528. <div class="btn-group pull-right">
  529. <button type="button" class="btn btn-default dropdown-toggle tooltip-top" data-toggle="dropdown" title="Item options">
  530. <span class="fa fa-gear"></span>
  531. </button>
  532. <ul class="dropdown-menu" role="menu">
  533. <li>
  534. <a href="#">
  535. <span class="fa fa-sort-numeric-desc"></span>
  536. Newest
  537. </a>
  538. <a href="#">
  539. <span class="fa fa-sort-numeric-asc"></span>
  540. Oldest
  541. </a>
  542. <a href="#">
  543. <span class="fa fa-sort-numeric-desc"></span>
  544. Most posts
  545. </a>
  546. <a href="#">
  547. <span class="fa fa-sort-numeric-asc"></span>
  548. Least posts
  549. </a>
  550. </li>
  551. </ul>
  552. </div>
  553. </td>
  554. <td class="row-action">
  555. <button type="button" class="btn btn-danger tooltip-top" title="Activate">
  556. <span class="fa fa-times"></span>
  557. </button>
  558. </td>
  559. <td class="row-select">
  560. <label>
  561. <input type="checkbox">
  562. </label>
  563. </td>
  564. </tr>
  565. </table>
  566. </div><!-- /.table-panel -->
  567. <div class="table-actions">
  568. <ul class="pager pull-left">
  569. <li class="page">
  570. Page 7 of 46
  571. </li>
  572. <li>
  573. <a href="#">First</a>
  574. </li>
  575. <li>
  576. <a href="#">
  577. <span class="glyphicon glyphicon-chevron-left"></span>
  578. </a>
  579. </li>
  580. <li>
  581. <a href="#">
  582. <span class="glyphicon glyphicon-chevron-right"></span>
  583. </a>
  584. </li>
  585. <li>
  586. <a href="#">Last</a>
  587. </li>
  588. </ul>
  589. </div><!-- /.table-actions -->
  590. </div><!-- /.col-md-10 -->
  591. </div><!-- /.row -->
  592. </div><!-- /.container -->
  593. <footer class="admin-footer">
  594. <div class="misago-branding text-center">
  595. <a href="http://misago-project.org">
  596. <span class="subscript">powered by</span>
  597. <span class="brand-border"><span>m</span></span>isago
  598. </a>
  599. </div>
  600. </footer>
  601. <!-- Log out modal -->
  602. <div class="modal fade" id="logout-modal" tabindex="-1" role="dialog" aria-labelledby="logoutModalLabel" aria-hidden="true">
  603. <div class="modal-dialog">
  604. <div class="modal-content">
  605. <div class="modal-header">
  606. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  607. <h4 class="modal-title" id="logoutModalLabel">Log out?</h4>
  608. </div>
  609. <div class="modal-body">
  610. <div class="row">
  611. <div class="col-md-6">
  612. <form>
  613. <button type="submit" class="btn btn-primary btn-block">
  614. <span class="fa fa-lock"></span>
  615. Log out from admin
  616. </button>
  617. </form>
  618. </div>
  619. <div class="col-md-6">
  620. <form>
  621. <button type="submit" class="btn btn-danger btn-block">
  622. <span class="fa fa-power-off"></span>
  623. Log out completely
  624. </button>
  625. </form>
  626. </div>
  627. </div>
  628. </div>
  629. <div class="modal-footer">
  630. <button type="button" class="btn btn-default btn-lg btn-block" data-dismiss="modal">Cancel</button>
  631. </div>
  632. </div>
  633. </div>
  634. </div>
  635. <!-- Bootstrap core JavaScript
  636. ================================================== -->
  637. <!-- Placed at the end of the document so the pages load faster -->
  638. <script src="../misago/admin/js/jquery.js"></script>
  639. <script src="../misago/admin/js/bootstrap.js"></script>
  640. <script src="../misago/admin/js/misago.js"></script>
  641. <script>
  642. $(function (){
  643. tableMassActions("Select items", "Selected: 0");
  644. });
  645. </script>
  646. </body>
  647. </html>