app.html 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!-- navbar -->
  2. <div data-ng-include=" 'tpl/blocks/header.html' " class="app-header navbar">
  3. </div>
  4. <!-- / navbar -->
  5. <!-- menu -->
  6. <div data-ng-include=" 'tpl/blocks/aside.html' " class="app-aside hidden-xs {{app.settings.asideColor}}">
  7. </div>
  8. <!-- / menu -->
  9. <!-- content -->
  10. <div class="app-content">
  11. <div ui-butterbar></div>
  12. <a href class="off-screen-toggle hide" ui-toggle-class="off-screen" data-target=".app-aside" ></a>
  13. <div class="app-content-body fade-in-up" ui-view></div>
  14. </div>
  15. <!-- /content -->
  16. <!-- aside right -->
  17. <div class="app-aside-right pos-fix no-padder w-md w-auto-xs bg-white b-l animated fadeInRight hide">
  18. <div class="vbox">
  19. <div class="wrapper b-b b-t b-light m-b">
  20. <a href class="pull-right text-muted text-md" ui-toggle-class="show" target=".app-aside-right"><i class="icon-close"></i></a>
  21. Chat
  22. </div>
  23. <div class="row-row">
  24. <div class="cell">
  25. <div class="cell-inner padder">
  26. <!-- chat list -->
  27. <div class="m-b">
  28. <a href class="pull-left thumb-xs avatar"><img src="img/a2.jpg" alt="..."></a>
  29. <div class="clear">
  30. <div class="pos-rlt wrapper-sm b b-light r m-l-sm">
  31. <span class="arrow left pull-up"></span>
  32. <p class="m-b-none">Hi John, What's up...</p>
  33. </div>
  34. <small class="text-muted m-l-sm"><i class="fa fa-ok text-success"></i> 2 minutes ago</small>
  35. </div>
  36. </div>
  37. <div class="m-b">
  38. <a href class="pull-right thumb-xs avatar"><img src="img/a3.jpg" class="img-circle" alt="..."></a>
  39. <div class="clear">
  40. <div class="pos-rlt wrapper-sm bg-light r m-r-sm">
  41. <span class="arrow right pull-up arrow-light"></span>
  42. <p class="m-b-none">Lorem ipsum dolor :)</p>
  43. </div>
  44. <small class="text-muted">1 minutes ago</small>
  45. </div>
  46. </div>
  47. <div class="m-b">
  48. <a href class="pull-left thumb-xs avatar"><img src="img/a2.jpg" alt="..."></a>
  49. <div class="clear">
  50. <div class="pos-rlt wrapper-sm b b-light r m-l-sm">
  51. <span class="arrow left pull-up"></span>
  52. <p class="m-b-none">Great!</p>
  53. </div>
  54. <small class="text-muted m-l-sm"><i class="fa fa-ok text-success"></i>Just Now</small>
  55. </div>
  56. </div>
  57. <!-- / chat list -->
  58. </div>
  59. </div>
  60. </div>
  61. <div class="wrapper m-t b-t b-light">
  62. <form class="m-b-none">
  63. <div class="input-group">
  64. <input type="text" class="form-control" placeholder="Say something">
  65. <span class="input-group-btn">
  66. <button class="btn btn-default" type="button">SEND</button>
  67. </span>
  68. </div>
  69. </form>
  70. </div>
  71. </div>
  72. </div>
  73. <!-- / aside right -->
  74. <!-- footer -->
  75. <div class="app-footer wrapper b-t bg-light">
  76. <span class="pull-right">{{app.version}} <a href ui-scroll="app" class="m-l-sm text-muted"><i class="fa fa-long-arrow-up"></i></a></span>
  77. &copy; 2014 Copyright.
  78. </div>
  79. <!-- / footer -->
  80. <div data-ng-include=" 'tpl/blocks/settings.html' " class="settings panel panel-default">
  81. </div>