typescript/ionic/angular front end project

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  6. <title></title>
  7. <script src="lib/ionic/js/ionic.bundle.js"></script>
  8. <!-- cordova script (this will be a 404 during development) -->
  9. <script src="cordova.js"></script>
  10. <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
  11. <link href="css/ionic.app.css" rel="stylesheet">
  12. -->
  13. <link href="lib/ionic/css/ionic.css" rel="stylesheet">
  14. <style type="text/css">
  15. .platform-ios .manual-ios-statusbar-padding{
  16. padding-top:20px;
  17. }
  18. .manual-remove-top-padding{
  19. padding-top:0px;
  20. }
  21. .manual-remove-top-padding .scroll{
  22. padding-top:0px !important;
  23. }
  24. ion-list.manual-list-fullwidth div.list, .list.card.manual-card-fullwidth {
  25. margin-left:-10px;
  26. margin-right:-10px;
  27. }
  28. ion-list.manual-list-fullwidth div.list > .item, .list.card.manual-card-fullwidth > .item {
  29. border-radius:0px;
  30. border-left:0px;
  31. border-right: 0px;
  32. }
  33. .show-list-numbers-and-dots ul{
  34. list-style-type: disc;
  35. padding-left:40px;
  36. }
  37. .show-list-numbers-and-dots ol{
  38. list-style-type: decimal;
  39. padding-left:40px;
  40. }
  41. </style>
  42. <script src="js/app.js"></script>
  43. <script src="js/controllers.js"></script>
  44. <script src="js/routes.js"></script>
  45. <script src="js/directives.js"></script>
  46. <script src="js/services.js"></script>
  47. <!-- Only required for Tab projects w/ pages in multiple tabs
  48. <script src="lib/ionicuirouter/ionicUIRouter.js"></script>
  49. -->
  50. </head>
  51. <body ng-app="app" animation="slide-left-right-ios7">
  52. <div>
  53. <ion-side-menus enable-menu-with-back-views="false" data-componentid="side-menu21">
  54. <ion-side-menu-content>
  55. <ion-nav-bar class="bar-stable">
  56. <ion-nav-back-button></ion-nav-back-button>
  57. <ion-nav-buttons side="left">
  58. <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
  59. </ion-nav-buttons>
  60. </ion-nav-bar>
  61. <ion-nav-view></ion-nav-view>
  62. </ion-side-menu-content>
  63. <ion-side-menu side="left" id="side-menu21">
  64. <ion-header-bar class="bar-stable">
  65. <div class="title">Menu</div>
  66. </ion-header-bar>
  67. <ion-content ng-controller="menuCtrl" padding="false" class="side-menu-left has-header ">
  68. <ion-list id="menu-list1" data-componentid="list1">
  69. <ion-item id="menu-list-item16" data-componentid="list-item16">My Profile</ion-item>
  70. <ion-item id="menu-list-item11" data-componentid="list-item11">Companies</ion-item>
  71. <ion-item id="menu-list-item10" data-componentid="list-item10">Settings</ion-item>
  72. <ion-item id="menu-list-item15" data-componentid="list-item15">Archived</ion-item>
  73. </ion-list>
  74. </ion-content>
  75. </ion-side-menu>
  76. </ion-side-menus>
  77. </div>
  78. </body>
  79. </html>