Pascal Gloor 5 anni fa
parent
commit
647373627d
2 ha cambiato i file con 78 aggiunte e 122 eliminazioni
  1. 73
    122
      www/index.html
  2. 5
    0
      www/js/autodoc.js

+ 73
- 122
www/index.html Vedi File

@@ -109,21 +109,21 @@
<div class="modal-dialog modal-xl modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header row">
<div class="col-2 align-self-begin">
<h5 class="modal-title">Document</h5>
</div>
<div class="col-4 align-self-center">
<div class="btn-group" role="group" aria-label="Basic example">
<button type="Button" class="btn btn-sm btn-light" disabled>
<i class="fas fa-file-image"></i>
</button>
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">S</button>
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">M</button>
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">L</button>
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size active">XL</button>
</div>
<div class="col-2 align-self-begin">
<h5 class="modal-title">Document</h5>
</div>
<div class="col-4 align-self-center">
<div class="btn-group" role="group" aria-label="Basic example">
<button type="Button" class="btn btn-sm btn-light" disabled>
<i class="fas fa-file-image"></i>
</button>
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">S</button>
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">M</button>
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">L</button>
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size active">XL</button>
</div>
</div>
</div>
<div class="modal-body autodoc_home_modal_body">
<div class="row">
<div id="autodoc_home_modal_left" class="col-1 autodoc_valign text-light bg-secondary autodoc_noselect"
@@ -172,129 +172,80 @@
<tr>
<th scope="row">Tags</th>
<td class="autodoc_home_modal_tags">
<
</td>
</tr>
</table>
< </td> </tr> </table> </div> </div> </div> </div> <div id="autodoc_home_body">
</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">

<!-- 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="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 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>
<div class="col">
<div class="lead">Upload Status</div>
<div class="autodoc_upload_status"></div>
</div>
</div>

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

</div>
</div>

<!-- Tags -->
<div class="container d-none" id="autodoc_tab_tags">
<h3>Manage Tags</h3>
<div class="row">
<div class="col">
Add Tags
</div>
<div class="col">
<div class="form-check">
<input class="form-check-input" id="form-tag-primary" type="radio">
<label class="form-check-label" for="form-tag-primary">
<span class="badge badge-pill badge-primary">primary</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input" id="form-tag-secondary" type="radio">
<label class="form-check-label" for="form-tag-secondary">
<span class="badge badge-pill badge-secondary">secondary</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input" id="form-tag-success" type="radio">
<label class="form-check-label" for="form-tag-success">
<span class="badge badge-pill badge-success">success</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input" id="form-tag-danger" type="radio">
<label class="form-check-label" for="form-tag-danger">
<span class="badge badge-pill badge-danger">danger</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input" id="form-tag-warning" type="radio">
<label class="form-check-label" for="form-tag-warning">
<span class="badge badge-pill badge-warning">warning</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input" id="form-tag-info" type="radio">
<label class="form-check-label" for="form-tag-info">
<span class="badge badge-pill badge-info">info</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input" id="form-tag-light" type="radio">
<label class="form-check-label" for="form-tag-light">
<span class="badge badge-pill badge-light">light</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input" id="form-tag-dark" type="radio">
<label class="form-check-label" for="form-tag-dark">
<span class="badge badge-pill badge-dark">dark</span>
</label>
<!-- Tags -->
<div class="container d-none" id="autodoc_tab_tags">
<h3>Manage Tags</h3>
<div class="row">
<div class="col">
Add Tags
</div>
<div class="col">
<a href="#" class="autodoc_tag_color badge badge-primary">Primary</a>
<a href="#" class="autodoc_tag_color badge badge-secondary">Secondary</a>
<a href="#" class="autodoc_tag_color badge badge-success">Success</a>
<a href="#" class="autodoc_tag_color badge badge-danger">Danger</a>
<a href="#" class="autodoc_tag_color badge badge-warning">Warning</a>
<a href="#" class="autodoc_tag_color badge badge-info">Info</a>
<a href="#" class="autodoc_tag_color badge badge-light">Light</a>
<a href="#" class="autodoc_tag_color badge badge-dark">Dark</a>
</div>
</div>
</div>
</div>
</div>

<!-- Search -->
<div class="container d-none" id="autodoc_tab_search">
<h3>search</h3>
</div>
</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>
<!-- Search -->
<div class="container d-none" id="autodoc_tab_search">
<h3>search</h3>
</div>
</div>

<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>
<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>

+ 5
- 0
www/js/autodoc.js Vedi File

@@ -67,6 +67,11 @@ $(document).ready(function () {
var docid = $('#autodoc_home_modal').data('documentid');
document_update_name(docid, $(e.target).val(), docid);
});

$('.autodoc_tag_color').click(function(e) {
$(e.target).parent().children().removeClass('lead');
$(e.target).addClass('lead');
})
});

$(window).bind("hashchange", function () {

Loading…
Annulla
Salva