nav.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386
  1. <!-- list -->
  2. <ul class="nav">
  3. <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
  4. <span translate="aside.nav.HEADER">Navigation</span>
  5. </li>
  6. <li>
  7. <a href class="auto">
  8. <span class="pull-right text-muted">
  9. <i class="fa fa-fw fa-angle-right text"></i>
  10. <i class="fa fa-fw fa-angle-down text-active"></i>
  11. </span>
  12. <i class="glyphicon glyphicon-stats icon text-primary-dker"></i>
  13. <span class="font-bold" translate="aside.nav.DASHBOARD">Dashboard</span>
  14. </a>
  15. <ul class="nav nav-sub dk">
  16. <li class="nav-sub-header">
  17. <a href>
  18. <span translate="aside.nav.DASHBOARD">Dashboard</span>
  19. </a>
  20. </li>
  21. <li ui-sref-active="active">
  22. <a ui-sref="app.dashboard-v1">
  23. <span>Dashboard v1</span>
  24. </a>
  25. </li>
  26. <li ui-sref-active="active">
  27. <a ui-sref="app.dashboard-v2">
  28. <b class="label bg-info pull-right">N</b>
  29. <span>Dashboard v2</span>
  30. </a>
  31. </li>
  32. </ul>
  33. </li>
  34. <li ui-sref-active="active">
  35. <a ui-sref="app.calendar">
  36. <i class="glyphicon glyphicon-calendar icon text-info-dker"></i>
  37. <span class="font-bold" translate="aside.nav.CALENDAR">Calendar</span>
  38. </a>
  39. </li>
  40. <li ui-sref-active="active">
  41. <a ui-sref="app.mail.list">
  42. <b class="badge bg-info pull-right">9</b>
  43. <i class="glyphicon glyphicon-envelope icon text-info-lter"></i>
  44. <span class="font-bold" translate="aside.nav.EMAIL">Email</span>
  45. </a>
  46. </li>
  47. <li>
  48. <a href class="auto">
  49. <span class="pull-right text-muted">
  50. <i class="fa fa-fw fa-angle-right text"></i>
  51. <i class="fa fa-fw fa-angle-down text-active"></i>
  52. </span>
  53. <i class="glyphicon glyphicon-th-large icon text-success"></i>
  54. <span class="font-bold">Apps</span>
  55. </a>
  56. <ul class="nav nav-sub dk">
  57. <li class="nav-sub-header">
  58. <a href>
  59. <span>Apps</span>
  60. </a>
  61. </li>
  62. <li ui-sref-active="active">
  63. <a ui-sref="apps.note">
  64. <span>Note</span>
  65. </a>
  66. </li>
  67. <li ui-sref-active="active">
  68. <a ui-sref="apps.contact">
  69. <span>Contacts</span>
  70. </a>
  71. </li>
  72. <li ui-sref-active="active">
  73. <a ui-sref="app.weather">
  74. <span>Weather</span>
  75. </a>
  76. </li>
  77. </ul>
  78. </li>
  79. <li class="line dk"></li>
  80. <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
  81. <span translate="aside.nav.components.COMPONENTS">Components</span>
  82. </li>
  83. <li>
  84. <a href class="auto">
  85. <span class="pull-right text-muted">
  86. <i class="fa fa-fw fa-angle-right text"></i>
  87. <i class="fa fa-fw fa-angle-down text-active"></i>
  88. </span>
  89. <b class="badge bg-info pull-right">3</b>
  90. <i class="glyphicon glyphicon-th"></i>
  91. <span>Layout</span>
  92. </a>
  93. <ul class="nav nav-sub dk">
  94. <li class="nav-sub-header">
  95. <a href>
  96. <span>Layout</span>
  97. </a>
  98. </li>
  99. <li ui-sref-active="active">
  100. <a ui-sref="layout.app">
  101. <span>Application</span>
  102. </a>
  103. </li>
  104. <li ui-sref-active="active">
  105. <a ui-sref="layout.fullwidth">
  106. <span>Full width</span>
  107. </a>
  108. </li>
  109. <li ui-sref-active="active">
  110. <a ui-sref="layout.mobile">
  111. <span>Mobile</span>
  112. </a>
  113. </li>
  114. </ul>
  115. </li>
  116. <li ng-class="{active:$state.includes('app.ui')}">
  117. <a href class="auto">
  118. <span class="pull-right text-muted">
  119. <i class="fa fa-fw fa-angle-right text"></i>
  120. <i class="fa fa-fw fa-angle-down text-active"></i>
  121. </span>
  122. <i class="glyphicon glyphicon-briefcase icon"></i>
  123. <span translate="aside.nav.components.ui_kits.UI_KITS">UI Kits</span>
  124. </a>
  125. <ul class="nav nav-sub dk">
  126. <li class="nav-sub-header">
  127. <a href>
  128. <span translate="aside.nav.components.ui_kits.UI_KITS">UI Kits</span>
  129. </a>
  130. </li>
  131. <li ui-sref-active="active">
  132. <a ui-sref="app.ui.buttons">
  133. <span translate="aside.nav.components.ui_kits.BUTTONS">Buttons</span>
  134. </a>
  135. </li>
  136. <li ui-sref-active="active">
  137. <a ui-sref="app.ui.icons">
  138. <b class="badge bg-info pull-right">3</b>
  139. <span translate="aside.nav.components.ui_kits.ICONS">Icons</span>
  140. </a>
  141. </li>
  142. <li ui-sref-active="active">
  143. <a ui-sref="app.ui.grid">
  144. <span translate="aside.nav.components.ui_kits.GRID">Grid</span>
  145. </a>
  146. </li>
  147. <li ui-sref-active="active">
  148. <a ui-sref="app.ui.widgets">
  149. <b class="badge bg-success pull-right">13</b>
  150. <span translate="aside.nav.WIDGETS">Widgets</span>
  151. </a>
  152. </li>
  153. <li ui-sref-active="active">
  154. <a ui-sref="app.ui.bootstrap">
  155. <b class="badge bg-primary pull-right">16</b>
  156. <span translate="aside.nav.components.ui_kits.BOOTSTRAP">Bootstrap</span>
  157. </a>
  158. </li>
  159. <li ui-sref-active="active">
  160. <a ui-sref="app.ui.sortable">
  161. <span translate="aside.nav.components.ui_kits.SORTABLE">Sortable</span>
  162. </a>
  163. </li>
  164. <li ui-sref-active="active">
  165. <a ui-sref="app.ui.portlet">
  166. <span translate="aside.nav.components.ui_kits.PORTLET">Portlet</span>
  167. </a>
  168. </li>
  169. <li ui-sref-active="active">
  170. <a ui-sref="app.ui.timeline">
  171. <span translate="aside.nav.components.ui_kits.TIMELINE">Timeline</span>
  172. </a>
  173. </li>
  174. <li ui-sref-active="active">
  175. <a ui-sref="app.ui.tree">
  176. <span>Tree</span>
  177. </a>
  178. </li>
  179. <li ui-sref-active="active">
  180. <a ui-sref="app.ui.toaster">
  181. <span>Toaster</span>
  182. </a>
  183. </li>
  184. <li ui-sref-active="active">
  185. <a ui-sref="app.ui.jvectormap">
  186. <span translate="aside.nav.components.ui_kits.VECTOR_MAP">Vector Map</span>
  187. </a>
  188. </li>
  189. <li ui-sref-active="active">
  190. <a ui-sref="app.ui.googlemap">
  191. <span>Google Map</span>
  192. </a>
  193. </li>
  194. </ul>
  195. </li>
  196. <li ng-class="{active:$state.includes('app.table')}">
  197. <a href class="auto">
  198. <span class="pull-right text-muted">
  199. <i class="fa fa-fw fa-angle-right text"></i>
  200. <i class="fa fa-fw fa-angle-down text-active"></i>
  201. </span>
  202. <b class="label bg-primary pull-right">2</b>
  203. <i class="glyphicon glyphicon-list"></i>
  204. <span translate="aside.nav.components.table.TABLE">Table</span>
  205. </a>
  206. <ul class="nav nav-sub dk">
  207. <li class="nav-sub-header">
  208. <a href>
  209. <span translate="aside.nav.components.table.TABLE">Table</span>
  210. </a>
  211. </li>
  212. <li ui-sref-active="active">
  213. <a ui-sref="app.table.static">
  214. <span translate="aside.nav.components.table.TABLE_STATIC">Table static</span>
  215. </a>
  216. </li>
  217. <li ui-sref-active="active">
  218. <a ui-sref="app.table.datatable">
  219. <span translate="aside.nav.components.table.DATATABLE">Datatable</span>
  220. </a>
  221. </li>
  222. <li ui-sref-active="active">
  223. <a ui-sref="app.table.footable">
  224. <span translate="aside.nav.components.table.FOOTABLE">Footable</span>
  225. </a>
  226. </li>
  227. <li ui-sref-active="active">
  228. <a ui-sref="app.table.grid">
  229. <span>ngGrid</span>
  230. </a>
  231. </li>
  232. </ul>
  233. </li>
  234. <li ng-class="{active:$state.includes('app.form')}">
  235. <a href class="auto">
  236. <span class="pull-right text-muted">
  237. <i class="fa fa-fw fa-angle-right text"></i>
  238. <i class="fa fa-fw fa-angle-down text-active"></i>
  239. </span>
  240. <i class="glyphicon glyphicon-edit"></i>
  241. <span translate="aside.nav.components.form.FORM">Form</span>
  242. </a>
  243. <ul class="nav nav-sub dk">
  244. <li class="nav-sub-header">
  245. <a href>
  246. <span translate="aside.nav.components.form.FORM">Form</span>
  247. </a>
  248. </li>
  249. <li ui-sref-active="active">
  250. <a ui-sref="app.form.elements">
  251. <span translate="aside.nav.components.form.FORM_ELEMENTS">Form elements</span>
  252. </a>
  253. </li>
  254. <li ui-sref-active="active">
  255. <a ui-sref="app.form.validation">
  256. <span translate="aside.nav.components.form.FORM_VALIDATION">Form validation</span>
  257. </a>
  258. </li>
  259. <li ui-sref-active="active">
  260. <a ui-sref="app.form.wizard">
  261. <span translate="aside.nav.components.form.FORM_WIZARD">Form wizard</span>
  262. </a>
  263. </li>
  264. <li ui-sref-active="active">
  265. <a ui-sref="app.form.fileupload">
  266. <span>File upload</span>
  267. </a>
  268. </li>
  269. <li ui-sref-active="active">
  270. <a ui-sref="app.form.imagecrop">
  271. <span>Image crop</span>
  272. </a>
  273. </li>
  274. <li ui-sref-active="active">
  275. <a ui-sref="app.form.select">
  276. <span>Select</span>
  277. </a>
  278. </li>
  279. <li ui-sref-active="active">
  280. <a ui-sref="app.form.slider">
  281. <span>Slider</span>
  282. </a>
  283. </li>
  284. <li ui-sref-active="active">
  285. <a ui-sref="app.form.editor">
  286. <span>Editor</span>
  287. </a>
  288. </li>
  289. </ul>
  290. </li>
  291. <li ui-sref-active="active">
  292. <a ui-sref="app.chart">
  293. <i class="glyphicon glyphicon-signal"></i>
  294. <span translate="aside.nav.components.CHART">Chart</span>
  295. </a>
  296. </li>
  297. <li ng-class="{active:$state.includes('app.page')}">
  298. <a href class="auto">
  299. <span class="pull-right text-muted">
  300. <i class="fa fa-fw fa-angle-right text"></i>
  301. <i class="fa fa-fw fa-angle-down text-active"></i>
  302. </span>
  303. <i class="glyphicon glyphicon-file icon"></i>
  304. <span translate="aside.nav.components.pages.PAGES">Pages</span>
  305. </a>
  306. <ul class="nav nav-sub dk">
  307. <li class="nav-sub-header">
  308. <a href>
  309. <span translate="aside.nav.components.pages.PAGES">Pages</span>
  310. </a>
  311. </li>
  312. <li ui-sref-active="active">
  313. <a ui-sref="app.page.profile">
  314. <span translate="aside.nav.components.pages.PROFILE">Profile</span>
  315. </a>
  316. </li>
  317. <li ui-sref-active="active">
  318. <a ui-sref="app.page.post">
  319. <span translate="aside.nav.components.pages.POST">Post</span>
  320. </a>
  321. </li>
  322. <li ui-sref-active="active">
  323. <a ui-sref="app.page.search">
  324. <span translate="aside.nav.components.pages.SEARCH">Search</span>
  325. </a>
  326. </li>
  327. <li ui-sref-active="active">
  328. <a ui-sref="app.page.invoice">
  329. <span translate="aside.nav.components.pages.INVOICE">Invoice</span>
  330. </a>
  331. </li>
  332. <li ui-sref-active="active">
  333. <a ui-sref="app.page.price">
  334. <span>Price</span>
  335. </a>
  336. </li>
  337. <li>
  338. <a ui-sref="lockme">
  339. <span translate="aside.nav.components.pages.LOCK_SCREEN">Lock screen</span>
  340. </a>
  341. </li>
  342. <li>
  343. <a ui-sref="access.signin">
  344. <span translate="aside.nav.components.pages.SIGNIN">Signin</span>
  345. </a>
  346. </li>
  347. <li>
  348. <a ui-sref="access.signup">
  349. <span translate="aside.nav.components.pages.SIGNUP">Signup</span>
  350. </a>
  351. </li>
  352. <li>
  353. <a ui-sref="access.forgotpwd">
  354. <span translate="aside.nav.components.pages.FORGOT_PASSWORD">Forgot password</span>
  355. </a>
  356. </li>
  357. <li>
  358. <a ui-sref="access.404">
  359. <span translate="aside.nav.components.pages.404">404</span>
  360. </a>
  361. </li>
  362. </ul>
  363. </li>
  364. <li class="line dk hidden-folded"></li>
  365. <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
  366. <span translate="aside.nav.your_stuff.YOUR_STUFF">Your Stuff</span>
  367. </li>
  368. <li>
  369. <a ui-sref="app.page.profile">
  370. <i class="icon-user icon text-success-lter"></i>
  371. <b class="badge bg-success pull-right">30%</b>
  372. <span translate="aside.nav.your_stuff.PROFILE">Profile</span>
  373. </a>
  374. </li>
  375. <li>
  376. <a ui-sref="app.docs">
  377. <i class="icon-question icon"></i>
  378. <span translate="aside.nav.your_stuff.DOCUMENTS">Documents</span>
  379. </a>
  380. </li>
  381. </ul>
  382. <!-- / list -->