mirror of
				https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
				synced 2025-11-04 04:12:45 +00:00 
			
		
		
		
	Add macros and use them
This commit is contained in:
		@@ -26,57 +26,25 @@
 | 
			
		||||
  <h3>Submit a job</h3>
 | 
			
		||||
  <div class="card">
 | 
			
		||||
    <form class="nopaque-submit-form" data-progress-modal="progress-modal">
 | 
			
		||||
      {{ add_job_form.hidden_tag() }}
 | 
			
		||||
      <div class="card-content">
 | 
			
		||||
        {{ add_job_form.hidden_tag() }}
 | 
			
		||||
        <div class="row">
 | 
			
		||||
          <div class="col s12 l4">
 | 
			
		||||
            <div class="input-field">
 | 
			
		||||
              <i class="material-icons prefix">title</i>
 | 
			
		||||
              {{ add_job_form.title(data_length='32') }}
 | 
			
		||||
              {{ add_job_form.title.label }}
 | 
			
		||||
              {% for error in add_job_form.title.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ materialize.field(add_job_form.title, data_length='32', material_icon='title') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12 l8">
 | 
			
		||||
            <div class="input-field">
 | 
			
		||||
              <i class="material-icons prefix">description</i>
 | 
			
		||||
              {{ add_job_form.description(data_length='255') }}
 | 
			
		||||
              {{ add_job_form.description.label }}
 | 
			
		||||
              {% for error in add_job_form.description.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ materialize.field(add_job_form.description, data_length='255', material_icon='description') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12">
 | 
			
		||||
            <div class="file-field input-field">
 | 
			
		||||
              <div class="btn">
 | 
			
		||||
                <span>{{ add_job_form.files.label.text }}</span>
 | 
			
		||||
                {{ add_job_form.files(accept='image/jpeg, image/png, image/tiff') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="file-path-wrapper">
 | 
			
		||||
                <input class="file-path validate" type="text">
 | 
			
		||||
              </div>
 | 
			
		||||
              {% for error in add_job_form.files.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ materialize.field(add_job_form.files, accept='image/jpeg, image/png, image/tiff') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12 hide">
 | 
			
		||||
            <div class="input-field">
 | 
			
		||||
              <i class="material-icons prefix">apps</i>
 | 
			
		||||
              {{ add_job_form.version() }}
 | 
			
		||||
              {{ add_job_form.version.label }}
 | 
			
		||||
              {% for error in add_job_form.version.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ materialize.field(add_job_form.version, material_icon='apps') }}
 | 
			
		||||
          </div>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="card-action right-align">
 | 
			
		||||
        {{ macros.submit_button(add_job_form.submit) }}
 | 
			
		||||
        {{ materialize.submit_button(add_job_form.submit) }}
 | 
			
		||||
      </div>
 | 
			
		||||
    </form>
 | 
			
		||||
  </div>
 | 
			
		||||
@@ -84,7 +52,7 @@
 | 
			
		||||
 | 
			
		||||
<div id="progress-modal" class="modal">
 | 
			
		||||
  <div class="modal-content">
 | 
			
		||||
    <h4><i class="material-icons prefix">file_upload</i> Uploading files for <span class="title"></span></h4>
 | 
			
		||||
    <h4><i class="material-icons prefix">file_upload</i> Uploading files...</h4>
 | 
			
		||||
    <div class="progress">
 | 
			
		||||
      <div class="determinate" style="width: 0%"></div>
 | 
			
		||||
    </div>
 | 
			
		||||
 
 | 
			
		||||
@@ -44,64 +44,23 @@
 | 
			
		||||
  <h3>Submit a job</h3>
 | 
			
		||||
  <div class="card">
 | 
			
		||||
    <form class="nopaque-submit-form" data-progress-modal="progress-modal">
 | 
			
		||||
      {{ add_job_form.hidden_tag() }}
 | 
			
		||||
      <div class="card-content">
 | 
			
		||||
        {{ add_job_form.hidden_tag() }}
 | 
			
		||||
        <div class="row">
 | 
			
		||||
          <div class="col s12 l4">
 | 
			
		||||
            <div class="input-field">
 | 
			
		||||
              <i class="material-icons prefix">title</i>
 | 
			
		||||
              {{ add_job_form.title(data_length='32') }}
 | 
			
		||||
              {{ add_job_form.title.label }}
 | 
			
		||||
              {% for error in add_job_form.title.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ materialize.field(add_job_form.title, data_length='32', material_icon='title') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12 l8">
 | 
			
		||||
            {{ materialize.field(add_job_form.description, data_length='255', material_icon='description') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12 l5">
 | 
			
		||||
            {{ materialize.field(add_job_form.files, accept='text/plain') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12 l4">
 | 
			
		||||
            <div class="input-field">
 | 
			
		||||
              <i class="material-icons prefix">language</i>
 | 
			
		||||
              {{ add_job_form.language() }}
 | 
			
		||||
              {{ add_job_form.language.label }}
 | 
			
		||||
              {% for error in add_job_form.language.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ materialize.field(add_job_form.language, material_icon='language') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12 l4">
 | 
			
		||||
            <div class="input-field">
 | 
			
		||||
              <i class="material-icons prefix">language</i>
 | 
			
		||||
              {{ add_job_form.version() }}
 | 
			
		||||
              {{ add_job_form.version.label }}
 | 
			
		||||
              {% for error in add_job_form.version.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
          </div>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="row">
 | 
			
		||||
          <div class="col s12 l6">
 | 
			
		||||
            <div class="file-field input-field">
 | 
			
		||||
              <div class="btn">
 | 
			
		||||
                <span>{{ add_job_form.files.label.text }}</span>
 | 
			
		||||
                {{ add_job_form.files(accept='text/plain') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="file-path-wrapper">
 | 
			
		||||
                <input class="file-path validate" type="text">
 | 
			
		||||
              </div>
 | 
			
		||||
              {% for error in add_job_form.files.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12 l6">
 | 
			
		||||
            <div class="input-field">
 | 
			
		||||
              <i class="material-icons prefix">description</i>
 | 
			
		||||
              {{ add_job_form.description(data_length='255') }}
 | 
			
		||||
              {{ add_job_form.description.label }}
 | 
			
		||||
              {% for error in add_job_form.description.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
          <div class="col s12 l3">
 | 
			
		||||
            {{ materialize.field(add_job_form.version, material_icon='apps') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12">
 | 
			
		||||
            <span class="card-title">Preprocessing</span>
 | 
			
		||||
@@ -127,7 +86,7 @@
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="card-action right-align">
 | 
			
		||||
        {{ macros.submit_button(add_job_form.submit) }}
 | 
			
		||||
        {{ materialize.field(add_job_form.submit, material_icon='send') }}
 | 
			
		||||
      </div>
 | 
			
		||||
    </form>
 | 
			
		||||
  </div>
 | 
			
		||||
@@ -135,7 +94,7 @@
 | 
			
		||||
 | 
			
		||||
<div id="progress-modal" class="modal">
 | 
			
		||||
  <div class="modal-content">
 | 
			
		||||
    <h4><i class="material-icons prefix">file_upload</i> Uploading files for <span class="title"></span></h4>
 | 
			
		||||
    <h4><i class="material-icons prefix">file_upload</i> Uploading files...</h4>
 | 
			
		||||
    <div class="progress">
 | 
			
		||||
      <div class="determinate" style="width: 0%"></div>
 | 
			
		||||
    </div>
 | 
			
		||||
 
 | 
			
		||||
@@ -26,62 +26,23 @@
 | 
			
		||||
  <h3>Submit a job</h3>
 | 
			
		||||
  <div class="card">
 | 
			
		||||
    <form class="nopaque-submit-form" data-progress-modal="progress-modal">
 | 
			
		||||
      {{ add_job_form.hidden_tag() }}
 | 
			
		||||
      <div class="card-content">
 | 
			
		||||
        {{ add_job_form.hidden_tag() }}
 | 
			
		||||
        <div class="row">
 | 
			
		||||
          <div class="col s12 l4">
 | 
			
		||||
            <div class="input-field">
 | 
			
		||||
              <i class="material-icons prefix">title</i>
 | 
			
		||||
              {{ add_job_form.title(class="validate", data_length='32') }}
 | 
			
		||||
              {{ add_job_form.title.label }}
 | 
			
		||||
              {% for error in add_job_form.title.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ materialize.field(add_job_form.title, data_length='32', material_icon='title') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12 l8">
 | 
			
		||||
            <div class="input-field">
 | 
			
		||||
              <i class="material-icons prefix">description</i>
 | 
			
		||||
              {{ add_job_form.description(class="validate", data_length='255') }}
 | 
			
		||||
              {{ add_job_form.description.label }}
 | 
			
		||||
              {% for error in add_job_form.description.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ materialize.field(add_job_form.description, data_length='255', material_icon='description') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12 l5">
 | 
			
		||||
            <div class="file-field input-field">
 | 
			
		||||
              <div class="btn">
 | 
			
		||||
                <span>{{ add_job_form.files.label.text }}</span>
 | 
			
		||||
                {{ add_job_form.files(accept='application/pdf') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="file-path-wrapper">
 | 
			
		||||
                <input class="file-path validate" type="text">
 | 
			
		||||
              </div>
 | 
			
		||||
              {% for error in add_job_form.files.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ materialize.field(add_job_form.files, accept='application/pdf') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12 l4">
 | 
			
		||||
            <div class="input-field">
 | 
			
		||||
              <i class="material-icons prefix">language</i>
 | 
			
		||||
              {{ add_job_form.language(class="validate") }}
 | 
			
		||||
              {{ add_job_form.language.label }}
 | 
			
		||||
              {% for error in add_job_form.language.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ materialize.field(add_job_form.language, material_icon='language') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12 l3">
 | 
			
		||||
            <div class="input-field">
 | 
			
		||||
              <i class="material-icons prefix">apps</i>
 | 
			
		||||
              {{ add_job_form.version(class="validate") }}
 | 
			
		||||
              {{ add_job_form.version.label }}
 | 
			
		||||
              {% for error in add_job_form.version.errors %}
 | 
			
		||||
                <span class="helper-text red-text">{{ error }}</span>
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
            {{ materialize.field(add_job_form.version, material_icon='apps') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="col s12">
 | 
			
		||||
            <span class="card-title">Preprocessing</span>
 | 
			
		||||
@@ -152,7 +113,7 @@
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="card-action right-align">
 | 
			
		||||
        {{ macros.submit_button(add_job_form.submit) }}
 | 
			
		||||
        {{ materialize.field(add_job_form.submit, material_icon='send') }}
 | 
			
		||||
      </div>
 | 
			
		||||
    </form>
 | 
			
		||||
  </div>
 | 
			
		||||
@@ -160,7 +121,7 @@
 | 
			
		||||
 | 
			
		||||
<div id="progress-modal" class="modal">
 | 
			
		||||
  <div class="modal-content">
 | 
			
		||||
    <h4><i class="material-icons left">file_upload</i>Uploading files for <span class="title"></span></h4>
 | 
			
		||||
    <h4><i class="material-icons left">file_upload</i>Uploading files...</h4>
 | 
			
		||||
    <div class="progress">
 | 
			
		||||
      <div class="determinate" style="width: 0%"></div>
 | 
			
		||||
    </div>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user