An unfinished system to manage all your paper documentation in an easy way.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 4.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta
  6. name="viewport"
  7. content="width=device-width, initial-scale=1, shrink-to-fit=no"
  8. />
  9. <link rel="stylesheet" href="css/bootstrap.min.css" />
  10. <link rel="stylesheet" href="css/autodoc.css" />
  11. <title>AutoDoc</title>
  12. </head>
  13. <body>
  14. <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
  15. <a class="navbar-brand" href="#">AutoDoc</a>
  16. <button
  17. class="navbar-toggler"
  18. type="button"
  19. data-toggle="collapse"
  20. data-target="#navbarSupportedContent"
  21. aria-controls="navbarSupportedContent"
  22. aria-expanded="false"
  23. aria-label="Toggle navigation"
  24. >
  25. <span class="navbar-toggler-icon"></span>
  26. </button>
  27. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  28. <ul class="navbar-nav mr-auto" id="autodoc_navbar">
  29. <li class="nav-item active">
  30. <a class="nav-link" href="#home">Home</a>
  31. </li>
  32. <li class="nav-item">
  33. <a class="nav-link" href="#upload">Upload</a>
  34. </li>
  35. <li class="nav-item">
  36. <a class="nav-link" href="#tags">Tags</a>
  37. </li>
  38. <li class="nav-item">
  39. <a class="nav-link" href="#search">Search</a>
  40. </li>
  41. <!--
  42. <li class="nav-item dropdown">
  43. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  44. Dropdown
  45. </a>
  46. <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  47. <a class="dropdown-item" href="#">Action</a>
  48. <a class="dropdown-item" href="#">Another action</a>
  49. <div class="dropdown-divider"></div>
  50. <a class="dropdown-item" href="#">Something else here</a>
  51. </div>
  52. </li>
  53. -->
  54. </ul>
  55. <form class="form-inline my-2 my-lg-0">
  56. <input
  57. class="form-control mr-sm-2"
  58. type="search"
  59. placeholder="Quick Search"
  60. aria-label="Search"
  61. />
  62. </form>
  63. </div>
  64. </nav>
  65. <div class="container" id="autodoc_tab">
  66. <!-- Home -->
  67. <div class="container d-none" id="autodoc_tab_home">
  68. <h1>Current Documents</h1>
  69. <!-- template -->
  70. <div class="d-none" id="autodoc_template_home">
  71. <div class="row autodoc_template_home_row"></div>
  72. <div class="row">
  73. <div class="col autodoc_template_home_col">
  74. <table class="table table-borderless">
  75. <tr>
  76. <td><img class="autodoc_template_home_img" src="" /></td>
  77. </tr>
  78. <tr>
  79. <td>
  80. Owner:<span class="autodoc_template_home_owner">xxx</span>
  81. </td>
  82. </tr>
  83. <tr>
  84. <td>
  85. Created:
  86. <span class="autodoc_template_home_created"
  87. >2019-10-09 12:22:22</span
  88. >
  89. </td>
  90. </tr>
  91. <tr>
  92. <td>
  93. <span
  94. class="badge badge-pill badge-secondary autodoc_template_home_tag"
  95. >template</span
  96. >
  97. </td>
  98. </tr>
  99. </table>
  100. </div>
  101. </div>
  102. </div>
  103. <div id="autodoc_home_body"></div>
  104. </div>
  105. <!-- Upload -->
  106. <div class="container d-none" id="autodoc_tab_upload">
  107. <h1>upload</h1>
  108. </div>
  109. <!-- Tags -->
  110. <div class="container d-none" id="autodoc_tab_tags">
  111. <h1>tags</h1>
  112. </div>
  113. <!-- Search -->
  114. <div class="container d-none" id="autodoc_tab_search">
  115. <h1>search</h1>
  116. </div>
  117. </div>
  118. <footer class="fixed-bottom page-footer font-small bg-dark">
  119. <div class="container footer-copyright text-center text-muted py-3">
  120. AutoDoc v1.0 &copy; Pascal Gloor 2019
  121. </div>
  122. </footer>
  123. <script src="js/jquery.min.js"></script>
  124. <script src="js/popper.min.js"></script>
  125. <script src="js/tooltip.min.js"></script>
  126. <script src="js/bootstrap.min.js"></script>
  127. <script src="js/autodoc.js"></script>
  128. </body>
  129. </html>