Skip to content
Snippets Groups Projects
Commit 1b166e83 authored by Patrick Jentsch's avatar Patrick Jentsch
Browse files

Add buttons to create new corpora and jobs.

parent a49e8624
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
app/templates/main/dashboard.html.j2
+ 92
− 58
View file @ 1b166e83
...@@ -7,23 +7,40 @@ ...@@ -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 @@ ...@@ -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>
</div> </ul>
</div> </div>
<div class="col s12"> <div id="new-corpus-modal" class="modal">
<div class="card small"> <div class="modal-content">
<div class="card-content"> <h4>New corpus</h4>
<span class="card-title">Create new corpus</span> <form method="POST" enctype="multipart/form-data">
<form method="POST" enctype="multipart/form-data"> {{ create_corpus_form.hidden_tag() }}
{{ create_corpus_form.hidden_tag() }} <div class="row">
<div class="row"> <div class="col s12 m4">
<div class="col s12 m4"> <div class="input-field">
<div class="input-field"> <i class="material-icons prefix">title</i>
<i class="material-icons prefix">title</i> {{ create_corpus_form.title() }}
{{ create_corpus_form.title() }} {{ create_corpus_form.title.label }}
{{ create_corpus_form.title.label }} {% for error in create_corpus_form.title.errors %}
{% for error in create_corpus_form.title.errors %} <span class="helper-text red-text">{{ error }}</span>
<span class="helper-text red-text">{{ error }}</span> {% endfor %}
{% endfor %}
</div>
</div> </div>
<div class="col s12 m8"> </div>
<div class="input-field"> <div class="col s12 m8">
<i class="material-icons prefix">description</i> <div class="input-field">
{{ create_corpus_form.description() }} <i class="material-icons prefix">description</i>
{{ create_corpus_form.description.label }} {{ create_corpus_form.description() }}
{% for error in create_corpus_form.description.errors %} {{ create_corpus_form.description.label }}
<span class="helper-text red-text">{{ error }}</span> {% for error in create_corpus_form.description.errors %}
{% endfor %} <span class="helper-text red-text">{{ error }}</span>
</div> {% endfor %}
</div> </div>
<div class="col s12"> </div>
<div class="file-field input-field"> <div class="col s12">
<div class="btn"> <div class="file-field input-field">
<span>{{ create_corpus_form.files.label.text }}</span> <div class="btn">
{{ create_corpus_form.files(accept='.vrt') }} <span>{{ create_corpus_form.files.label.text }}</span>
</div> {{ create_corpus_form.files(accept='.vrt') }}
<div class="file-path-wrapper"> </div>
<input class="file-path validate" type="text"> <div class="file-path-wrapper">
</div> <input class="file-path validate" type="text">
{% for error in create_corpus_form.files.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div> </div>
{% for error in create_corpus_form.files.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div> </div>
</div> </div>
<div class="card-action right-align"> </div>
{{ create_corpus_form.submit(class='btn') }} <div class="modal-footer">
</div> {{ create_corpus_form.submit(class='btn') }}
</form> </div>
</div> </form>
</div> </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 %} {% endblock %}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment