mirror of
https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
synced 2025-10-31 18:42:45 +00:00
Add buttons to create new corpora and jobs.
This commit is contained in:
Patrick Jentsch
@@ -7,23 +7,40 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col s12 m8">
|
<div class="col s12 m8">
|
||||||
<div class="collection">
|
<ul class="collection">
|
||||||
<a href="#!" class="collection-item avatar">
|
<li class="collection-item">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m8">
|
||||||
|
<div class="input-field">
|
||||||
|
<i class="material-icons prefix">search</i>
|
||||||
|
<input id="search-corpus" type="search"></input>
|
||||||
|
<label for="search-corpus">Search corpus</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col s12 m4">
|
||||||
|
<p><a data-target="new-corpus-modal" class="waves-effect waves-light btn modal-trigger right"><i class="material-icons left">add</i>New corpus</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li href="#!" class="collection-item avatar">
|
||||||
<i class="material-icons circle">book</i>
|
<i class="material-icons circle">book</i>
|
||||||
<span class="title">Utopias</span>
|
<span class="title">Utopias</span>
|
||||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
||||||
</a>
|
<a href="#!" class="secondary-content"><i class="material-icons">send</i></a>
|
||||||
<a href="#!" class="collection-item avatar">
|
</li>
|
||||||
|
<li href="#!" class="collection-item avatar">
|
||||||
<i class="material-icons circle">book</i>
|
<i class="material-icons circle">book</i>
|
||||||
<span class="title">Dystopias</span>
|
<span class="title">Dystopias</span>
|
||||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
||||||
</a>
|
<a href="#!" class="secondary-content"><i class="material-icons">send</i></a>
|
||||||
<a href="#!" class="collection-item avatar">
|
</li>
|
||||||
|
<li href="#!" class="collection-item avatar">
|
||||||
<i class="material-icons circle">book</i>
|
<i class="material-icons circle">book</i>
|
||||||
<span class="title">Mungo Park - Travel books</span>
|
<span class="title">Mungo Park - Travel books</span>
|
||||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
||||||
</a>
|
<a href="#!" class="secondary-content"><i class="material-icons">send</i></a>
|
||||||
</div>
|
</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col s12">
|
<div class="col s12">
|
||||||
@@ -35,76 +52,93 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col s12 m8">
|
<div class="col s12 m8">
|
||||||
<div class="collection">
|
<ul class="collection">
|
||||||
<a class="collection-item avatar">
|
<li class="collection-item">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m8">
|
||||||
|
<div class="input-field">
|
||||||
|
<i class="material-icons prefix">search</i>
|
||||||
|
<input id="search-job" type="search"></input>
|
||||||
|
<label for="search-job">Search job</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col s12 m4">
|
||||||
|
<p><a class="dropdown-trigger waves-effect waves-light btn right" href="#" data-target="new-job-dropdown"><i class="material-icons left">add</i>New job</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="collection-item avatar">
|
||||||
<i class="material-icons circle">find_in_page</i>
|
<i class="material-icons circle">find_in_page</i>
|
||||||
<span class="new badge teal" data-badge-caption="">finished</span>
|
<span class="new badge teal" data-badge-caption="">finished</span>
|
||||||
<span class="title">Harry Potter</span>
|
<span class="title">Harry Potter</span>
|
||||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
||||||
</a>
|
</li>
|
||||||
<a class="collection-item avatar">
|
<li class="collection-item avatar">
|
||||||
<i class="material-icons circle">find_in_page</i>
|
<i class="material-icons circle">find_in_page</i>
|
||||||
<span class="new badge amber" data-badge-caption="">queued</span>
|
<span class="new badge amber" data-badge-caption="">queued</span>
|
||||||
<span class="title">Sprawl trilogy</span>
|
<span class="title">Sprawl trilogy</span>
|
||||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
||||||
</a>
|
</li>
|
||||||
<a class="collection-item avatar">
|
<li class="collection-item avatar">
|
||||||
<i class="material-icons circle">format_textdirection_l_to_r</i>
|
<i class="material-icons circle">format_textdirection_l_to_r</i>
|
||||||
<span class="new badge indigo" data-badge-caption="">running</span>
|
<span class="new badge indigo" data-badge-caption="">running</span>
|
||||||
<span class="title">Bob the Builder</span>
|
<span class="title">Bob the Builder</span>
|
||||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
||||||
</a>
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="new-corpus-modal" class="modal">
|
||||||
|
<div class="modal-content">
|
||||||
|
<h4>New corpus</h4>
|
||||||
|
<form method="POST" enctype="multipart/form-data">
|
||||||
|
{{ create_corpus_form.hidden_tag() }}
|
||||||
|
<div class="row">
|
||||||
|
<div class="col s12 m4">
|
||||||
|
<div class="input-field">
|
||||||
|
<i class="material-icons prefix">title</i>
|
||||||
|
{{ create_corpus_form.title() }}
|
||||||
|
{{ create_corpus_form.title.label }}
|
||||||
|
{% for error in create_corpus_form.title.errors %}
|
||||||
|
<span class="helper-text red-text">{{ error }}</span>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col s12 m8">
|
||||||
|
<div class="input-field">
|
||||||
|
<i class="material-icons prefix">description</i>
|
||||||
|
{{ create_corpus_form.description() }}
|
||||||
|
{{ create_corpus_form.description.label }}
|
||||||
|
{% for error in create_corpus_form.description.errors %}
|
||||||
|
<span class="helper-text red-text">{{ error }}</span>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col s12">
|
||||||
|
<div class="file-field input-field">
|
||||||
|
<div class="btn">
|
||||||
|
<span>{{ create_corpus_form.files.label.text }}</span>
|
||||||
|
{{ create_corpus_form.files(accept='.vrt') }}
|
||||||
|
</div>
|
||||||
|
<div class="file-path-wrapper">
|
||||||
|
<input class="file-path validate" type="text">
|
||||||
|
</div>
|
||||||
|
{% for error in create_corpus_form.files.errors %}
|
||||||
|
<span class="helper-text red-text">{{ error }}</span>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
{{ create_corpus_form.submit(class='btn') }}
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col s12">
|
<ul id='new-job-dropdown' class='dropdown-content'>
|
||||||
<div class="card small">
|
<li><a href="#!"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
|
||||||
<div class="card-content">
|
<li><a href="{{ url_for('services.ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
|
||||||
<span class="card-title">Create new corpus</span>
|
</ul>
|
||||||
<form method="POST" enctype="multipart/form-data">
|
|
||||||
{{ create_corpus_form.hidden_tag() }}
|
|
||||||
<div class="row">
|
|
||||||
<div class="col s12 m4">
|
|
||||||
<div class="input-field">
|
|
||||||
<i class="material-icons prefix">title</i>
|
|
||||||
{{ create_corpus_form.title() }}
|
|
||||||
{{ create_corpus_form.title.label }}
|
|
||||||
{% for error in create_corpus_form.title.errors %}
|
|
||||||
<span class="helper-text red-text">{{ error }}</span>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col s12 m8">
|
|
||||||
<div class="input-field">
|
|
||||||
<i class="material-icons prefix">description</i>
|
|
||||||
{{ create_corpus_form.description() }}
|
|
||||||
{{ create_corpus_form.description.label }}
|
|
||||||
{% for error in create_corpus_form.description.errors %}
|
|
||||||
<span class="helper-text red-text">{{ error }}</span>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col s12">
|
|
||||||
<div class="file-field input-field">
|
|
||||||
<div class="btn">
|
|
||||||
<span>{{ create_corpus_form.files.label.text }}</span>
|
|
||||||
{{ create_corpus_form.files(accept='.vrt') }}
|
|
||||||
</div>
|
|
||||||
<div class="file-path-wrapper">
|
|
||||||
<input class="file-path validate" type="text">
|
|
||||||
</div>
|
|
||||||
{% for error in create_corpus_form.files.errors %}
|
|
||||||
<span class="helper-text red-text">{{ error }}</span>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-action right-align">
|
|
||||||
{{ create_corpus_form.submit(class='btn') }}
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Reference in New Issue
Block a user