mirror of
https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
synced 2025-11-04 12:22:47 +00:00
Add buttons to create new corpora and jobs.
This commit is contained in:
Patrick Jentsch
@@ -7,23 +7,40 @@
|
||||
</div>
|
||||
|
||||
<div class="col s12 m8">
|
||||
<div class="collection">
|
||||
<a href="#!" class="collection-item avatar">
|
||||
<ul class="collection">
|
||||
<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>
|
||||
<span class="title">Utopias</span>
|
||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
||||
</a>
|
||||
<a href="#!" class="collection-item avatar">
|
||||
<a href="#!" class="secondary-content"><i class="material-icons">send</i></a>
|
||||
</li>
|
||||
<li href="#!" class="collection-item avatar">
|
||||
<i class="material-icons circle">book</i>
|
||||
<span class="title">Dystopias</span>
|
||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
||||
</a>
|
||||
<a href="#!" class="collection-item avatar">
|
||||
<a href="#!" class="secondary-content"><i class="material-icons">send</i></a>
|
||||
</li>
|
||||
<li href="#!" class="collection-item avatar">
|
||||
<i class="material-icons circle">book</i>
|
||||
<span class="title">Mungo Park - Travel books</span>
|
||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
||||
</a>
|
||||
</div>
|
||||
<a href="#!" class="secondary-content"><i class="material-icons">send</i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col s12">
|
||||
@@ -35,76 +52,93 @@
|
||||
</div>
|
||||
|
||||
<div class="col s12 m8">
|
||||
<div class="collection">
|
||||
<a class="collection-item avatar">
|
||||
<ul class="collection">
|
||||
<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>
|
||||
<span class="new badge teal" data-badge-caption="">finished</span>
|
||||
<span class="title">Harry Potter</span>
|
||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
||||
</a>
|
||||
<a class="collection-item avatar">
|
||||
</li>
|
||||
<li class="collection-item avatar">
|
||||
<i class="material-icons circle">find_in_page</i>
|
||||
<span class="new badge amber" data-badge-caption="">queued</span>
|
||||
<span class="title">Sprawl trilogy</span>
|
||||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
|
||||
</a>
|
||||
<a class="collection-item avatar">
|
||||
</li>
|
||||
<li class="collection-item avatar">
|
||||
<i class="material-icons circle">format_textdirection_l_to_r</i>
|
||||
<span class="new badge indigo" data-badge-caption="">running</span>
|
||||
<span class="title">Bob the Builder</span>
|
||||
<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 class="col s12">
|
||||
<div class="card small">
|
||||
<div class="card-content">
|
||||
<span class="card-title">Create new corpus</span>
|
||||
<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>
|
||||
<ul id='new-job-dropdown' class='dropdown-content'>
|
||||
<li><a href="#!"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
|
||||
<li><a href="{{ url_for('services.ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
|
||||
</ul>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user