diff --git a/app/templates/main/dashboard.html.j2 b/app/templates/main/dashboard.html.j2 index 2f1ea330262a0f25e93852453243b5101735bc7b..9e1035f43379802736f4784c0c54948629e3d23b 100644 --- a/app/templates/main/dashboard.html.j2 +++ b/app/templates/main/dashboard.html.j2 @@ -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> - </div> + </li> + </ul> </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 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 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 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 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 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 class="card-action right-align"> - {{ create_corpus_form.submit(class='btn') }} - </div> - </form> - </div> + </div> + <div class="modal-footer"> + {{ create_corpus_form.submit(class='btn') }} + </div> + </form> </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 %}