mirror of
				https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
				synced 2025-11-04 04:12:45 +00:00 
			
		
		
		
	normalize forms
This commit is contained in:
		@@ -45,9 +45,14 @@
 | 
			
		||||
    optionElementWithoutValue.disabled = true;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  // Set the data-length attribute on inputs with the maxlength attribute
 | 
			
		||||
  for (let inputElement of document.querySelectorAll('input[maxlength]')) {
 | 
			
		||||
    inputElement.dataset.length = inputElement.getAttribute('maxlength');
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  // Initialize components
 | 
			
		||||
  M.AutoInit();
 | 
			
		||||
  M.CharacterCounter.init(document.querySelectorAll('input[data-length][type="email"], input[data-length][type="password"], input[data-length][type="text"], textarea[data-length]'));
 | 
			
		||||
  M.CharacterCounter.init(document.querySelectorAll('input[data-length][type="text"], input[data-length][type="email"], input[data-length][type="search"], input[data-length][type="password"], input[data-length][type="tel"], input[data-length][type="url"]'));
 | 
			
		||||
  M.Dropdown.init(
 | 
			
		||||
    document.querySelectorAll('#nav-more-dropdown-trigger'),
 | 
			
		||||
    {alignment: 'right', constrainWidth: false, coverTrigger: false}
 | 
			
		||||
 
 | 
			
		||||
@@ -32,9 +32,9 @@
 | 
			
		||||
        <form method="POST">
 | 
			
		||||
          <div class="card-content">
 | 
			
		||||
            {{ form.hidden_tag() }}
 | 
			
		||||
            {{ wtf.render_field(form.username, data_length='64', material_icon='person') }}
 | 
			
		||||
            {{ wtf.render_field(form.password, data_length='128', material_icon='vpn_key') }}
 | 
			
		||||
            {{ wtf.render_field(form.password_confirmation, data_length='128', material_icon='vpn_key') }}
 | 
			
		||||
            {{ wtf.render_field(form.username, material_icon='person') }}
 | 
			
		||||
            {{ wtf.render_field(form.password, material_icon='vpn_key') }}
 | 
			
		||||
            {{ wtf.render_field(form.password_confirmation, material_icon='vpn_key') }}
 | 
			
		||||
            {{ wtf.render_field(form.email, class_='validate', material_icon='email', type='email') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="card-action right-align">
 | 
			
		||||
 
 | 
			
		||||
@@ -18,8 +18,8 @@
 | 
			
		||||
        <form method="POST">
 | 
			
		||||
          <div class="card-content">
 | 
			
		||||
            {{ form.hidden_tag() }}
 | 
			
		||||
            {{ wtf.render_field(form.password, data_length='128') }}
 | 
			
		||||
            {{ wtf.render_field(form.password_confirmation, data_length='128') }}
 | 
			
		||||
            {{ wtf.render_field(form.password) }}
 | 
			
		||||
            {{ wtf.render_field(form.password_confirmation) }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="card-action right-align">
 | 
			
		||||
            {{ wtf.render_field(form.submit, material_icon='send') }}
 | 
			
		||||
 
 | 
			
		||||
@@ -23,10 +23,10 @@
 | 
			
		||||
            {{ form.hidden_tag() }}
 | 
			
		||||
            <div class="row">
 | 
			
		||||
              <div class="col s12 m4">
 | 
			
		||||
                {{ wtf.render_field(form.title, data_length='32', material_icon='title') }}
 | 
			
		||||
                {{ wtf.render_field(form.title, material_icon='title') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 m8">
 | 
			
		||||
                {{ wtf.render_field(form.description, data_length='255', material_icon='description') }}
 | 
			
		||||
                {{ wtf.render_field(form.description, material_icon='description') }}
 | 
			
		||||
              </div>
 | 
			
		||||
            </div>
 | 
			
		||||
          </div>
 | 
			
		||||
 
 | 
			
		||||
@@ -23,16 +23,16 @@
 | 
			
		||||
            {{ form.hidden_tag() }}
 | 
			
		||||
            <div class="row">
 | 
			
		||||
              <div class="col s12 m4">
 | 
			
		||||
                {{ wtf.render_field(form.author, data_length='255', material_icon='person') }}
 | 
			
		||||
                {{ wtf.render_field(form.author, material_icon='person') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 m4">
 | 
			
		||||
                {{ wtf.render_field(form.title, data_length='255', material_icon='title') }}
 | 
			
		||||
                {{ wtf.render_field(form.title, material_icon='title') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 m4">
 | 
			
		||||
                {{ wtf.render_field(form.publishing_year, material_icon='access_time') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12">
 | 
			
		||||
                {{ wtf.render_field(form.file, accept='.vrt', placeholder='Choose your .vrt file') }}
 | 
			
		||||
                {{ wtf.render_field(form.vrt, accept='.vrt', placeholder='Choose your .vrt file') }}
 | 
			
		||||
              </div>
 | 
			
		||||
            </div>
 | 
			
		||||
          </div>
 | 
			
		||||
@@ -47,7 +47,7 @@
 | 
			
		||||
            <div class="collapsible-body">
 | 
			
		||||
              {% for field in form
 | 
			
		||||
                 if field.short_name not in ['author', 'csrf_token', 'file', 'publishing_year', 'submit', 'title'] %}
 | 
			
		||||
              {{ wtf.render_field(field, data_length='255', material_icon=field.label.text[0:1]) }}
 | 
			
		||||
              {{ wtf.render_field(field, material_icon=field.label.text[0:1]) }}
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
          </li>
 | 
			
		||||
@@ -78,7 +78,7 @@
 | 
			
		||||
{{ super() }}
 | 
			
		||||
<div id="progress-modal" class="modal">
 | 
			
		||||
  <div class="modal-content">
 | 
			
		||||
    <h4><i class="material-icons prefix">file_upload</i> Uploading file...</h4>
 | 
			
		||||
    <h4><i class="material-icons left">file_upload</i>Uploading files...</h4>
 | 
			
		||||
    <div class="progress">
 | 
			
		||||
      <div class="determinate" style="width: 0%"></div>
 | 
			
		||||
    </div>
 | 
			
		||||
 
 | 
			
		||||
@@ -18,10 +18,10 @@
 | 
			
		||||
          <div class="card-content">
 | 
			
		||||
            <div class="row">
 | 
			
		||||
              <div class="col s12 m4">
 | 
			
		||||
                {{ wtf.render_field(form.author, data_length='255', material_icon='person') }}
 | 
			
		||||
                {{ wtf.render_field(form.author, material_icon='person') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 m4">
 | 
			
		||||
                {{ wtf.render_field(form.title, data_length='255', material_icon='title') }}
 | 
			
		||||
                {{ wtf.render_field(form.title, material_icon='title') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 m4">
 | 
			
		||||
                {{ wtf.render_field(form.publishing_year, material_icon='access_time') }}
 | 
			
		||||
@@ -39,7 +39,7 @@
 | 
			
		||||
            <div class="collapsible-body">
 | 
			
		||||
              {% for field in form
 | 
			
		||||
                 if field.short_name not in ['author', 'csrf_token', 'publishing_year', 'submit', 'title'] %}
 | 
			
		||||
              {{ wtf.render_field(field, data_length='255', material_icon=field.label.text[0:1]) }}
 | 
			
		||||
              {{ wtf.render_field(field, material_icon=field.label.text[0:1]) }}
 | 
			
		||||
              {% endfor %}
 | 
			
		||||
            </div>
 | 
			
		||||
          </li>
 | 
			
		||||
 
 | 
			
		||||
@@ -23,10 +23,10 @@
 | 
			
		||||
            {{ form.hidden_tag() }}
 | 
			
		||||
            <div class="row">
 | 
			
		||||
              <div class="col s12 m4">
 | 
			
		||||
                {{ wtf.render_field(form.title, data_length='32', material_icon='title') }}
 | 
			
		||||
                {{ wtf.render_field(form.title, material_icon='title') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 m8">
 | 
			
		||||
                {{ wtf.render_field(form.description, data_length='255', material_icon='description') }}
 | 
			
		||||
                {{ wtf.render_field(form.description, material_icon='description') }}
 | 
			
		||||
              </div>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="row">
 | 
			
		||||
 
 | 
			
		||||
@@ -44,10 +44,10 @@
 | 
			
		||||
            {{ form.hidden_tag() }}
 | 
			
		||||
            <div class="row">
 | 
			
		||||
              <div class="col s12 l4">
 | 
			
		||||
                {{ wtf.render_field(form.title, data_length='32', material_icon='title') }}
 | 
			
		||||
                {{ wtf.render_field(form.title, material_icon='title') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 l8">
 | 
			
		||||
                {{ wtf.render_field(form.description, data_length='255', material_icon='description') }}
 | 
			
		||||
                {{ wtf.render_field(form.description, material_icon='description') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 l9">
 | 
			
		||||
                {{ wtf.render_field(form.images, accept='image/jpeg, image/png, image/tiff', placeholder='Choose JPEG, PNG or TIFF files') }}
 | 
			
		||||
 
 | 
			
		||||
@@ -62,10 +62,10 @@
 | 
			
		||||
            {{ form.hidden_tag() }}
 | 
			
		||||
            <div class="row">
 | 
			
		||||
              <div class="col s12 l4">
 | 
			
		||||
                {{ wtf.render_field(form.title, data_length='32', material_icon='title') }}
 | 
			
		||||
                {{ wtf.render_field(form.title, material_icon='title') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 l8">
 | 
			
		||||
                {{ wtf.render_field(form.description, data_length='255', material_icon='description') }}
 | 
			
		||||
                {{ wtf.render_field(form.description, material_icon='description') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 l5">
 | 
			
		||||
                {{ wtf.render_field(form.txt, accept='text/plain', placeholder='Choose a plain text file') }}
 | 
			
		||||
 
 | 
			
		||||
@@ -44,10 +44,10 @@
 | 
			
		||||
            {{ form.hidden_tag() }}
 | 
			
		||||
            <div class="row">
 | 
			
		||||
              <div class="col s12 l4">
 | 
			
		||||
                {{ wtf.render_field(form.title, data_length='32', material_icon='title') }}
 | 
			
		||||
                {{ wtf.render_field(form.title, material_icon='title') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 l8">
 | 
			
		||||
                {{ wtf.render_field(form.description, data_length='255', material_icon='description') }}
 | 
			
		||||
                {{ wtf.render_field(form.description, material_icon='description') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 l5">
 | 
			
		||||
                {{ wtf.render_field(form.pdf, accept='application/pdf', placeholder='Choose a PDF file') }}
 | 
			
		||||
 
 | 
			
		||||
@@ -49,10 +49,10 @@
 | 
			
		||||
            {{ form.hidden_tag() }}
 | 
			
		||||
            <div class="row">
 | 
			
		||||
              <div class="col s12 l4">
 | 
			
		||||
                {{ wtf.render_field(form.title, data_length='32', material_icon='title') }}
 | 
			
		||||
                {{ wtf.render_field(form.title, material_icon='title') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 l8">
 | 
			
		||||
                {{ wtf.render_field(form.description, data_length='255', material_icon='description') }}
 | 
			
		||||
                {{ wtf.render_field(form.description, material_icon='description') }}
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="col s12 l5">
 | 
			
		||||
                {{ wtf.render_field(form.pdf, accept='application/pdf', placeholder='Choose a PDF file') }}
 | 
			
		||||
 
 | 
			
		||||
@@ -15,8 +15,8 @@
 | 
			
		||||
        <div class="card">
 | 
			
		||||
          <div class="card-content">
 | 
			
		||||
            <span class="card-title">General settings</span>
 | 
			
		||||
            {{ wtf.render_field(edit_general_settings_form.username, data_length='64', material_icon='person') }}
 | 
			
		||||
            {{ wtf.render_field(edit_general_settings_form.email, data_length='254', material_icon='email') }}
 | 
			
		||||
            {{ wtf.render_field(edit_general_settings_form.username, material_icon='person') }}
 | 
			
		||||
            {{ wtf.render_field(edit_general_settings_form.email, material_icon='email') }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="card-action">
 | 
			
		||||
            <div class="right-align">
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user