templates/editar_vaga.html

{% extends 'base.html' %} {% block head %}
<link rel="stylesheet" href="../static/nova_vaga.css" />
{% endblock %} {% block conteudo %}

<div class="container">
  <div class="header-page-vagas">
    <span id="header-field">Editar vaga</span>
  </div>

  <form method="post" id="formNovaVaga" action="/editar_vaga/{{ vaga.id }}">
    <div class="form-group">
      <div class="form-row">
        <div class="form-group col-md-6">
          <label class="labelClass" for="inputCargo">Cargo</label>
          <input
            type="text"
            class="form-control"
            name="cargo"
            id="inputCargo"
            value="{{ vaga.cargo }}"
            autocomplete="off"
            required
          />
        </div>
      </div>

      <div class="form-row">
        <div class="form-group col-md-6">
          <label class="labelClass" for="inputDept">Departamento</label>
          <input
            type="text"
            class="form-control"
            name="departamento"
            id="inputDept"
            value="{{ vaga.departamento }}"
            autocomplete="off"
            required
          />
        </div>
      </div>

      <div class="form-row">
        <div class="form-group col-md-6">
          <label class="labelClass" for="inputLocal">Localização</label>
          <input
            type="text"
            class="form-control"
            name="localizacao"
            id="inputLocal"
            value="{{ vaga.local }}"
            autocomplete="off"
            required
          />
        </div>
      </div>

      <div class="form-row">
        <div class="form-group col-md-6">
          <label class="labelClass" for="inputNivel">Nível</label>
          <select class="form-select" name="nivel" id="nivel" required>
            <option value="" disabled selected hidden>
              Selecione uma opção
            </option>
            <option value="Junior" {% if vaga.nivel == 'Junior' %} selected {% endif %}>Junior</option>
            <option value="Pleno" {% if vaga.nivel == 'Pleno' %} selected {% endif %}>Pleno</option>
            <option value="Senior" {% if vaga.nivel == 'Senior' %} selected {% endif %}>Senior</option>
          </select>
        </div>
      </div>
      <div class="form-row">
        <div class="form-group">
          <label class="labelClass" for="inputDescricaoVaga"
            >Escopo da vaga</label
          >
          <script src="https://rawgit.com/jackmoore/autosize/master/dist/autosize.min.js"></script>
          <textarea
            id="descricao"
            class="form-text-area"
            name="escopo"
            required
          >{{ vaga.escopo_vaga }}</textarea>
        </div>
      </div>

      <div class="form-row">
        <div class="form-group">
          <label class="labelClass" for="inputDescricaoVaga">Requisitos</label>
          <script src="https://rawgit.com/jackmoore/autosize/master/dist/autosize.min.js"></script>
          <textarea
            id="descricao"
            class="form-text-area"
            name="requisitos"
            required
          >{{ vaga.requisitos }}</textarea>
        </div>
      </div>

      <div class="form-row">
        <div class="form-group">
          <label class="labelClass" for="inputDescricaoVaga"
            >Qualificações e certificados</label
          >
          <script src="https://rawgit.com/jackmoore/autosize/master/dist/autosize.min.js"></script>
          <textarea
            id="descricao"
            class="form-text-area"
            name="qualificacoes"
            required
          >{{ vaga.qualificacoes }}</textarea>
        </div>
      </div>

      <div class="form-row">
        <div class="form-group">
          <label class="labelClass" for="inputDescricaoVaga"
            >Informações adicionais</label
          >
          <script src="https://rawgit.com/jackmoore/autosize/master/dist/autosize.min.js"></script>
          <textarea
            id="descricao"
            class="form-text-area"
            name="info-adicionais"
          >{{ vaga.info_adicionais }}</textarea>
        </div>
      </div>

      <div class="form-button">
        <button type="submit" class="btn btn-primary btn-lg">Atualizar</button>
        <button type="" class="btn btn-primary btn-lg">Cancelar</button>
      </div>
    </div>
  </form>
</div>
{% endblock %} {% block finalscript %}
<script>
  autosize(document.getElementsByClassName("form-text-area"));
</script>
{% endblock %}