Integrate job list javascript in nopaque.js

This commit is contained in:
Patrick Jentsch
2020-01-24 10:27:11 +01:00
parent 4dce792b51
commit 6a4ad05c35
5 changed files with 60 additions and 94 deletions

View File

@ -37,7 +37,7 @@
<div class="col s12">
<div class="card">
<form method="POST" enctype="multipart/form-data" id="add-job-form">
<form class="nopaque-job-form" data-progress-modal="progress-modal">
<div class="card-content">
{{ add_job_form.hidden_tag() }}
<div class="row">
@ -100,15 +100,9 @@
<div class="progress">
<div class="determinate" style="width: 0%"></div>
</div>
<p><span class="progress-in-percent"></span> uploaded</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn red cancel">Cancel</a>
<a href="#!" class="modal-close waves-effect waves-green btn red abort-request">Cancel</a>
</div>
</div>
<script>
initAddJobForm(document.getElementById("add-job-form"),
document.getElementById("progress-modal"));
</script>
{% endblock %}

View File

@ -53,7 +53,7 @@
<div class="col s12">
<div class="card">
<form method="POST" enctype="multipart/form-data" id="add-job-form">
<form class="nopaque-job-form" data-progress-modal="progress-modal">
<div class="card-content">
{{ add_job_form.hidden_tag() }}
<div class="row">
@ -128,15 +128,9 @@
<div class="progress">
<div class="determinate" style="width: 0%"></div>
</div>
<p><span class="progress-in-percent"></span> uploaded</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn red cancel">Cancel</a>
<a href="#!" class="modal-close waves-effect waves-green btn red abort-request">Cancel</a>
</div>
</div>
<script>
initAddJobForm(document.getElementById("add-job-form"),
document.getElementById("progress-modal"));
</script>
{% endblock %}

View File

@ -54,7 +54,7 @@
<div class="col s12">
<div class="card">
<form method="POST" enctype="multipart/form-data" id="add-job-form">
<form class="nopaque-job-form" data-progress-modal="progress-modal">
<div class="card-content">
{{ add_job_form.hidden_tag() }}
<div class="row">
@ -212,19 +212,13 @@
<div id="progress-modal" class="modal">
<div class="modal-content">
<h4><i class="material-icons prefix">file_upload</i> Uploading files for <span class="title"></span></h4>
<h4><i class="material-icons left">file_upload</i>Uploading files for <span class="title"></span></h4>
<div class="progress">
<div class="determinate" style="width: 0%"></div>
</div>
<p><span class="progress-in-percent"></span> uploaded</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn red cancel">Cancel</a>
<a href="#!" class="modal-close waves-effect waves-green btn red abort-request">Cancel</a>
</div>
</div>
<script>
initAddJobForm(document.getElementById("add-job-form"),
document.getElementById("progress-modal"));
</script>
{% endblock %}