mirror of
				https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
				synced 2025-10-31 10:42:43 +00:00 
			
		
		
		
	Add buttons to create new corpora and jobs.
This commit is contained in:
		| @@ -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 %} | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user