public
/
autodoc

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/autodoc.css" />
  <script defer src="js/fontawesome-all.min.js"></script>
  <title>AutoDoc</title>
</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
    <a class="navbar-brand" href="#">AutoDoc</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
      aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto" id="autodoc_navbar">
        <li class="nav-item active">
          <a class="nav-link" href="#home">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#upload">Upload</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#tags">Tags</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#search">Search</a>
        </li>
        <!--
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
-->
      </ul>
      <form class="form-inline my-2 my-lg-0">
        <input class="form-control mr-sm-2" type="search" placeholder="Quick Search" aria-label="Search" />
      </form>
    </div>
  </nav>

  <div class="container" id="autodoc_tab">
    <!-- Home -->
    <div class="container d-none" id="autodoc_tab_home">
      <h3>Current Documents</h3>
      <!-- template -->
      <div class="d-none" id="autodoc_template_home">
        <div class="row autodoc_template_home_row"></div>
        <div class="row">
          <div class="col autodoc_template_home_col text-center">
            <table class="table table-borderless table-sm small">
              <tr>
                <td colspan="2" class="text-center autodoc_img">
                  <img class="autodoc_template_home_img img-thumbnail rounded" src="" />
                </td>
              </tr>
              <tr>
                <td class="text-left">Pages:</td>
                <td class="text-right">
                  <span class="autodoc_template_home_pages">undefined</span>

                </td>
              </tr>
              <tr>
                <td class="text-left">Owner:</td>
                <td class="text-right">
                  <span class="autodoc_template_home_owner">undefined</span>
                </td>
              </tr>
              <tr>
                <td class="text-left">
                  Created:
                </td>
                <td class="text-right">
                  <span class="autodoc_template_home_created">undefined</span>
                </td>
              </tr>
              <tr>
                <td class="text-left">
                  Name:
                </td>
                <td class="text-right">
                  <span class="autodoc_template_home_name">n/a</span>
                </td>
              </tr>
              <tr>
                <td colspan="2">
                  <span class="badge badge-pill badge-secondary autodoc_template_home_tag"></span>
                </td>
              </tr>
            </table>
          </div>
        </div>
      </div>
      <div class="modal fade" id="autodoc_home_modal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title">Document</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body autodoc_home_modal_body">
              <div class="row">
                <div id="autodoc_home_modal_left" class="col-1 autodoc_valign text-secondary">
                  <i class="fas fa-3x fa-chevron-circle-left"></i>
                </div>
                <div class="col">
                  <img class="img-fluid" id="autodoc_home_modal_img" />
                </div>
                <div id="autodoc_home_modal_right" class="col-1 autodoc_valign text-secondary">
                  <i class="fas fa-3x fa-chevron-circle-right"></i>
                </div>
              </div>
            </div>
            <div class="modal-footer autodoc_home_modal_footer">
            </div>
          </div>
        </div>
      </div>

      <div id="autodoc_home_body"></div>
    </div>

    <!-- Upload -->
    <div class="container d-none" id="autodoc_tab_upload">
      <div class="d-none autodoc_template_progress">
        <div class="progress">
          <div class="progress-bar progress-bar-striped progress-bar-animated text-dark"></div>
        </div>
      </div>
      <h3>upload</h3>
      <div class="row">
        <div class="col">

          <div class="lead">Upload Zone</div>

          <div class="text-center autodoc_upload_zone">
            Drag & Drop files (png, jpeg, pdf) into this zone to attach them to a single new document<br />
            Files can be uploaded at once or separately. A long as the page is not refreshed or the new document
            button
            is pushed, they will all be attached to the same document
          </div>


        </div>

        <div class="col">
          <div class="lead">Upload Status</div>
          <div class="autodoc_upload_status"></div>
        </div>
      </div>

    </div>
  </div>

  <!-- Tags -->
  <div class="container d-none" id="autodoc_tab_tags">
    <h3>tags</h3>
  </div>

  <!-- Search -->
  <div class="container d-none" id="autodoc_tab_search">
    <h3>search</h3>
  </div>
  </div>

  <footer class="fixed-bottom page-footer font-small bg-dark">
    <div class="container footer-copyright text-center text-muted py-3">
      AutoDoc v1.0 &copy; Pascal Gloor 2019
    </div>
  </footer>

  <script src="js/jquery.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/tooltip.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/bs-custom-file-input.min.js"></script>
  <script src="js/autodoc.js"></script>
</body>

</html>