aside.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <div class="aside-wrap">
  2. <!-- if you want to use a custom scroll when aside fixed, use the slimScroll
  3. <div class="navi-wrap" ui-jq="slimScroll" ui-options="{height:'100%', size:'8px'}">
  4. -->
  5. <div class="navi-wrap">
  6. <!-- user -->
  7. <div class="clearfix hidden-xs text-center hide" id="aside-user">
  8. <div class="dropdown wrapper" dropdown>
  9. <a ui-sref="app.page.profile">
  10. <span class="thumb-lg w-auto-folded avatar m-t-sm">
  11. <img src="img/a0.jpg" class="img-full" alt="...">
  12. </span>
  13. </a>
  14. <a href class="dropdown-toggle hidden-folded" dropdown-toggle>
  15. <span class="clear">
  16. <span class="block m-t-sm">
  17. <strong class="font-bold text-lt">John.Smith</strong>
  18. <b class="caret"></b>
  19. </span>
  20. <span class="text-muted text-xs block">Art Director</span>
  21. </span>
  22. </a>
  23. <!-- dropdown -->
  24. <ul class="dropdown-menu animated fadeInRight w hidden-folded">
  25. <li class="wrapper b-b m-b-sm bg-info m-t-n-xs">
  26. <span class="arrow top hidden-folded arrow-info"></span>
  27. <div>
  28. <p>300mb of 500mb used</p>
  29. </div>
  30. <progressbar value="60" type="white" class="progress-xs m-b-none dker"></progressbar>
  31. </li>
  32. <li>
  33. <a href>Settings</a>
  34. </li>
  35. <li>
  36. <a ui-sref="app.page.profile">Profile</a>
  37. </li>
  38. <li>
  39. <a href>
  40. <span class="badge bg-danger pull-right">3</span>
  41. Notifications
  42. </a>
  43. </li>
  44. <li class="divider"></li>
  45. <li>
  46. <a ui-sref="access.signin">Logout</a>
  47. </li>
  48. </ul>
  49. <!-- / dropdown -->
  50. </div>
  51. <div class="line dk hidden-folded"></div>
  52. </div>
  53. <!-- / user -->
  54. <!-- nav -->
  55. <nav ui-nav class="navi" ng-include="'tpl/blocks/nav.html'"></nav>
  56. <!-- nav -->
  57. <!-- aside footer -->
  58. <div class="wrapper m-t">
  59. <div class="text-center-folded">
  60. <span class="pull-right pull-none-folded">60%</span>
  61. <span class="hidden-folded" translate="aside.MILESTONE">Milestone</span>
  62. </div>
  63. <progressbar value="60" class="progress-xxs m-t-sm dk" type="info"></progressbar>
  64. <div class="text-center-folded">
  65. <span class="pull-right pull-none-folded">35%</span>
  66. <span class="hidden-folded" translate="aside.RELEASE">Release</span>
  67. </div>
  68. <progressbar value="35" class="progress-xxs m-t-sm dk" type="primary"></progressbar>
  69. </div>
  70. <!-- / aside footer -->
  71. </div>
  72. </div>