sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2024-12-26 03:14:19 +00:00
Code Issues Projects Releases Wiki Activity

Fix forms

Browse Source
This commit is contained in:
Patrick Jentsch 2024-11-20 15:56:48 +01:00
parent 18d5ab160e
commit a95b8d979d
8 changed files with 89 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/templates/auth/login.html.j2
View File

@ -5,7 +5,7 @@
{% block page_content %} {% block page_content %}
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col s12 m8 offset-m2"> <div class="col s12 l8 offset-l2">
<h1 id="title">{{ title }}</h1> <h1 id="title">{{ title }}</h1>
<p>Want to boost your research and get going? Nopaque is free and no download is needed. <a href="{{ url_for('.register') }}">Register now</a>!</p> <p>Want to boost your research and get going? Nopaque is free and no download is needed. <a href="{{ url_for('.register') }}">Register now</a>!</p>
@ -15,14 +15,14 @@
{{ wtf.render_field(form.user, material_icon='person') }} {{ wtf.render_field(form.user, material_icon='person') }}
{{ wtf.render_field(form.password, material_icon='vpn_key') }} {{ wtf.render_field(form.password, material_icon='vpn_key') }}
<div class="row"> <div class="row">
<div class="col s6 left-align"> <div class="col s12 l6">
<a href="{{ url_for('.reset_password_request') }}">Forgot your password?</a>
</div>
<div class="col s6 right-align">
{{ wtf.render_field(form.remember_me) }} {{ wtf.render_field(form.remember_me) }}
</div> </div>
<div class="col s12 l6 right-align">
<a class="mr-3" href="{{ url_for('.reset_password_request') }}">Forgot your password?</a>
{{ wtf.render_field(form.submit, material_icon='send') }}
</div>
</div> </div>
{{ wtf.render_field(form.submit, material_icon='send', class_='width-100') }}
</div> </div>
</form> </form>
</div> </div>

17
app/templates/auth/register.html.j2
View File

@ -5,7 +5,7 @@
{% block page_content %} {% block page_content %}
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col s12 m8 offset-m2"> <div class="col s12 l8 offset-l2">
<h1 id="title">{{ title }}</h1> <h1 id="title">{{ title }}</h1>
<p> <p>
Simply enter a username and password to receive your registration email. Simply enter a username and password to receive your registration email.
@ -22,12 +22,15 @@
{{ wtf.render_field(form.username, material_icon='person') }} {{ wtf.render_field(form.username, material_icon='person') }}
{{ wtf.render_field(form.password, material_icon='vpn_key') }} {{ wtf.render_field(form.password, material_icon='vpn_key') }}
{{ wtf.render_field(form.password_2, material_icon='vpn_key') }} {{ wtf.render_field(form.password_2, material_icon='vpn_key') }}
{{ wtf.render_field(form.email, class_='validate', material_icon='email', type='email') }} {{ wtf.render_field(form.email, material_icon='email', type='email') }}
<br> <div class="row">
{{ wtf.render_field(form.terms_of_use_accepted, type='checkbox')}} <div class="col s12 l6">
<p></p> {{ wtf.render_field(form.terms_of_use_accepted)}}
<br> </div>
{{ wtf.render_field(form.submit, class_='width-100', material_icon='send') }} <div class="col s12 l6 right-align">
{{ wtf.render_field(form.submit, material_icon='send') }}
</div>
</div>
</div> </div>
</form> </form>
</div> </div>

4
app/templates/auth/reset_password.html.j2
View File

@ -13,7 +13,9 @@
{{ form.hidden_tag() }} {{ form.hidden_tag() }}
{{ wtf.render_field(form.password) }} {{ wtf.render_field(form.password) }}
{{ wtf.render_field(form.password_2) }} {{ wtf.render_field(form.password_2) }}
{{ wtf.render_field(form.submit, class_='width-100', material_icon='send') }} <div class="right-align">
{{ wtf.render_field(form.submit, material_icon='send') }}
</div>
</div> </div>
</form> </form>
</div> </div>

8
app/templates/auth/reset_password_request.html.j2
View File

@ -4,15 +4,17 @@
{% block page_content %} {% block page_content %}
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col s12 m8 offset-m2"> <div class="col s12 l8 offset-l2">
<h1 id="title">{{ title }}</h1> <h1 id="title">{{ title }}</h1>
<p>After entering your email address you will receive instructions on how to reset your password.</p> <p>After entering your email address you will receive instructions on how to reset your password.</p>
<form method="POST"> <form method="POST">
<div class="card-panel"> <div class="card-panel">
{{ form.hidden_tag() }} {{ form.hidden_tag() }}
{{ wtf.render_field(form.email, class_='validate', material_icon='email', type='email') }} {{ wtf.render_field(form.email, material_icon='email', type='email') }}
{{ wtf.render_field(form.submit, class_='width-100', material_icon='send') }} <div class="right-align">
{{ wtf.render_field(form.submit, material_icon='send') }}
</div>
</div> </div>
</form> </form>
</div> </div>

17
app/templates/services/file_setup_pipeline.html.j2
View File

@ -47,7 +47,7 @@
{{ wtf.render_field(form.description, material_icon='description') }} {{ wtf.render_field(form.description, material_icon='description') }}
</div> </div>
<div class="col s12 l9"> <div class="col s12 l9">
{{ wtf.render_field(form.images, accept='image/jpeg, image/png, image/tiff', class_='file-setup-pipeline-color darken', placeholder='Choose JPEG, PNG or TIFF files') }} {{ wtf.render_field(form.images, accept='image/jpeg, image/png, image/tiff', placeholder='Choose JPEG, PNG or TIFF files') }}
</div> </div>
<div class="col s12 l3"> <div class="col s12 l3">
{{ wtf.render_field(form.version, material_icon='apps') }} {{ wtf.render_field(form.version, material_icon='apps') }}
@ -63,3 +63,18 @@
</div> </div>
</div> </div>
{% endblock page_content %} {% endblock page_content %}
{% block scripts %}
{{ super() }}
<script>
function initPage() {
let createJobFormImagesElement = document.querySelector('#{{ form.images.id }}');
createJobFormImagesElement.parentElement.classList.add('service-color', 'darken');
let createJobFormSubmitElement = document.querySelector('#{{ form.submit.id }}');
createJobFormSubmitElement.classList.add('service-color', 'darken');
};
initPage();
</script>
{% endblock scripts %}

20
app/templates/services/spacy_nlp_pipeline.html.j2
View File

@ -165,10 +165,20 @@
{% block scripts %} {% block scripts %}
{{ super() }} {{ super() }}
<script> <script>
// Disable user model selection if no models are available function initPage() {
{% if user_spacy_nlp_pipeline_models_count == 0 %} let createJobFormTxtElement = document.querySelector('#{{ form.txt.id }}');
optionGroupOptions = document.querySelectorAll(".optgroup-option"); createJobFormTxtElement.parentElement.classList.add('service-color', 'darken');
optionGroupOptions[0].classList.add("disabled");
{% endif %} {% if user_spacy_nlp_pipeline_models_count == 0 %}
// Disable user model selection if no models are available
optionGroupOptions = document.querySelectorAll(".optgroup-option");
optionGroupOptions[0].classList.add("disabled");
{% endif %}
let createJobFormSubmitElement = document.querySelector('#{{ form.submit.id }}');
createJobFormSubmitElement.classList.add('service-color', 'darken');
};
initPage();
</script> </script>
{% endblock scripts %} {% endblock scripts %}

27
app/templates/services/tesseract_ocr_pipeline.html.j2
View File

@ -145,15 +145,26 @@
{% block scripts %} {% block scripts %}
{{ super() }} {{ super() }}
<script> <script>
function initPage() {
let createJobFormPdfElement = document.querySelector('#{{ form.pdf.id }}');
createJobFormPdfElement.parentElement.classList.add('service-color', 'darken');
// Disable user model selection if no models are available {% if user_tesseract_ocr_pipeline_models_count == 0 %}
{% if user_tesseract_ocr_pipeline_models_count == 0 %} // Disable user model selection if no models are available
optionGroupOptions = document.querySelectorAll(".optgroup-option"); optionGroupOptions = document.querySelectorAll(".optgroup-option");
optionGroupOptions[0].classList.add("disabled"); optionGroupOptions[0].classList.add("disabled");
{% endif %} {% endif %}
document.querySelector('#create-job-form-binarization').addEventListener('change', (event) => { let createJobFormBinarizationElement = document.querySelector('#{{ form.binarization.id }}');
document.querySelector('#create-job-form-ocropus_nlbin_threshold-container').classList.toggle('hide'); let createJobFormOcropusNlbinThresholdContainerElement = document.querySelector('#create-job-form-ocropus_nlbin_threshold-container');
}); createJobFormBinarizationElement.addEventListener('change', (event) => {
createJobFormOcropusNlbinThresholdContainerElement.classList.toggle('hide');
});
let createJobFormSubmitElement = document.querySelector('#{{ form.submit.id }}');
createJobFormSubmitElement.classList.add('service-color', 'darken');
};
initPage();
</script> </script>
{% endblock scripts %} {% endblock scripts %}

15
app/templates/services/transkribus_htr_pipeline.html.j2
View File

@ -138,3 +138,18 @@
</div> </div>
</div> </div>
{% endblock modals %} {% endblock modals %}
{% block scripts %}
{{ super() }}
<script>
function initPage() {
let createJobFormPdfElement = document.querySelector('#{{ form.pdf.id }}');
createJobFormPdfElement.parentElement.classList.add('service-color', 'darken');
let createJobFormSubmitElement = document.querySelector('#{{ form.submit.id }}');
createJobFormSubmitElement.classList.add('service-color', 'darken');
};
initPage();
</script>
{% endblock scripts %}