Add buttons to create new corpora and jobs.

This commit is contained in:
Patrick Jentsch 2019-08-02 14:48:27 +02:00
parent a49e862432
commit 1b166e83e6

View File

@ -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,32 +52,45 @@
</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">
@ -99,12 +129,16 @@
</div> </div>
</div> </div>
</div> </div>
<div class="card-action right-align"> <div class="modal-footer">
{{ create_corpus_form.submit(class='btn') }} {{ create_corpus_form.submit(class='btn') }}
</div> </div>
</form> </form>
</div> </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 %}