PyRIGS/assets/templates/asset_update.html

{% extends 'base_assets.html' %}
{% load widget_tweaks %}
{% load asset_templatetags %}
{% block title %}Asset {{ object.asset_id }}{% endblock %}


{% block content %}

<div class="page-header">
  <h1>
      {% if edit and object %}
          Edit Asset: {{ object.asset_id }} - {{ object.description }}
      {% elif duplicate %}
          Duplication of Asset: {{ previous_asset_id }}
      {% elif not object %}
          Create Asset
      {% else %}
          Asset: {{ object.asset_id }} - {{ object.description }}
      {% endif %}
  </h1>
</div>

<div class="row" style="padding-bottom: 1em">
  <div class="col-sm-12">
    <div class="pull-right">
      {% include 'partials/asset_buttons.html' %}
    </div>
  </div>
</div>
<form method="post" id="asset_update_form">
  {% csrf_token %}
  <input type="hidden" name="id" value="{{ object.id|default:0 }}" hidden=true>
  <div class="row">
    <div class="col-sm-12">
      <div class="panel panel-default">
        <div class="panel-heading">
          Asset Details
        </div>
        <div class="panel-body">
          {% if edit or duplicate %}
          <div class="form-group">
            <label for="{{ form.asset_id.id_for_label }}">Asset ID</label>
            {% if duplicate %}
            {% render_field form.asset_id|add_class:'form-control' value=object.asset_id %}
            {% elif object.asset_id %}
            {% render_field form.asset_id|attr:'readonly disabled'|add_class:'disabled_input form-control' value=object.asset_id %}
            {% else %}
            {% render_field form.asset_id|add_class:'form-control' %}
            {% endif %}
          </div>
          <div class="form-group">
            <label for="{{ form.description.id_for_label }}"
                                       >Description</label>
            {% render_field form.description|add_class:'form-control' value=object.description %}
          </div>
          <div class="form-group">
            <label for="{{ form.category.id_for_label }}" >Category</label>
            <select name="{{ form.category.name }}" id="{{ form.category.id_for_label }}"
                                        required class="form-control">
            {% for id, choice in form.category.field.choices %}
                <option value="{{ id }}"
                        {% if object.category.id == id %}selected{% endif %}>{{ choice }}</option>
            {% endfor %}
        </select>
          </div>
          <div class="form-group">
            <label for="{{ form.status.id_for_label }}" >Status</label>
            <select class="form-control" name="{{ form.status.name }}" id="{{ form.status.id_for_label }}" required>
            {% for id, choice in form.status.field.choices %}
                <option value="{{ id }}"
                        {% if not object.status.id and choice == "Active" or object.status.id == id %}selected{% endif %}>{{ choice }}</option>
            {% endfor %}
        </select>
          </div>
          <div class="form-group">
            <label for="{{ form.serial_number.id_for_label }}">Serial Number</label>
            {% render_field form.serial_number|add_class:'form-control' value=object.serial_number %}
          </div>
          <!---TODO: Lower default number of lines in comments box--->
          <div class="form-group">
            <label for="{{ form.comments.id_for_label }}">Comments</label>
            {% render_field form.comments|add_class:'form-control' %}
          </div>
          {% else %}
          <dt>Asset ID</dt>
          <dd>{{ object.asset_id }}</dd>

          <dt>Description</dt>
          <dd>{{ object.description }}</dd>

          <dt>Category</dt>
          <dd>{{ object.category }}</dd>

          <dt>Status</dt>
          <dd>{{ object.status }}</dd>

          <dt>Serial Number</dt>
          <dd>{{ object.serial_number|default:'-' }}</dd>

          <dt>Comments</dt>
          <dd>{{ object.comments|default:'-'|linebreaksbr }}</dd>
          {% endif %}
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6">
      <div class="panel panel-default">
        <div class="panel-heading">
          Purchase Details
        </div>
        <div class="panel-body">
          {% if edit or duplicate %}
          <div class="form-group">
            <label for="{{ form.purchased_from.id_for_label }}">Purchased From</label>
            <select class="form-control" name="{{ form.purchased_from.name }}"
                                            id="{{ form.purchased_from.id_for_label }}">
                                        {% for id, choice in form.purchased_from.field.choices %}
                                            <option value="{{ id }}"
                                                    {% if object.purchased_from.id == id %}selected{% endif %}>{{ choice }}</option>
                                        {% endfor %}
                                    </select>
          </div>

          <div class="form-group">
            <label for="{{ form.purchase_price.id_for_label }}">Purchase Price</label>
            <div class="input-group">
              <span class="input-group-addon">£</span>
              {% render_field form.purchase_price|add_class:'form-control' value=object.purchase_price %}
            </div>
          </div>

          <div class="form-group">
            <label for="{{ form.salvage_value.id_for_label }}">Salvage Value</label>
            <div class="input-group">
              <span class="input-group-addon">£</span>
              {% render_field form.salvage_value|add_class:'form-control' value=object.salvage_value %}
            </div>
          </div>

          <div class="form-group">
            <label for="{{ form.date_acquired.id_for_label }}" >Date
                                        Acquired</label>
            {% if object.date_acquired %}
            {% render_field form.date_acquired|add_class:'form-control'|attr:'type="date"' value=object.date_acquired|date %}
            {% else %}
            <input type="date" name="date_acquired" value="{% now "DATE_FORMAT" %}"
                                               class="form-control" id="id_date_acquired">
                                    {% endif %}
            </div>

            <div class="form-group">
              <label for="{{ form.date_sold.id_for_label }}">Date Sold</label>
              {% render_field form.date_sold|add_class:'form-control'|attr:'type="date"' value=object.date_sold|date %}
            </div>
            {% else %}
            <dl>
              <dt>Purchased From</dt>
              <dd>{{ object.purchased_from|default_if_none:'-' }}</dd>

              <dt>Purchase Price</dt>
              <dd>£{{ object.purchase_price|default_if_none:'-' }}</dd>

              <dt>Salvage Value</dt>
              <dd>£{{ object.salvage_value|default_if_none:'-' }}</dd>

              <dt>Date Acquired</dt>
              <dd>{{ object.date_acquired|default_if_none:'-' }}</dd>
              {% if object.date_sold %}
              <dt>Date Sold</dt>
              <dd>{{ object.date_sold|default_if_none:'-' }}</dd>
              {% endif %}
            </dl>
            {% endif %}
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="panel panel-default">
          <div class="panel-heading">
            Collection Details
          </div>
          <div class="panel-body">
            {% if edit or duplicate %}
            <div class="form-group">
              <label for="parent_id">Parent</label>
              <input type="hidden" name="{{ form.parent.html_name }}" id="hidden_parent_id"
                                         value="{{ object.parent.id }}">
              <div class="input-group">
                <input type="text" id="parent_id" value="{{ object.parent|default:'' }}"
                                           disabled="" class="form-control">
                <span class="input-group-btn"><button type="button" class="btn btn-default" onclick="clearParent()">Clear
         </button></span>
              </div>
            </div>

            <div class="form-group">
              <label for="parent_search">Search for asset</label>
              <div class="input-group">
                <input type="text" id="parent_search" class="form-control">
                <span class="input-group-btn"><button type="button" class="btn btn-default" onclick="formAssetSearch()">
                                        <i class="glyphicon glyphicon-search"></i> Search
                                    </button></span>
              </div>
            </div>
            <div class="col s2">

              <br>
                                </div>
              <div class="col s12" id="formAssetSearchResult">
                <!--Placeholder for search results-->
              </div>
              {% else %}
              <dl>
                <dt>Parent</dt>
                <dd>
                  {% if object.parent %}
                  <a href="{% url 'asset_detail' object.parent.pk %}">
                  {{ object.parent.asset_id }} - {{ object.parent.description }}
                  </a>
                  {% else %}
                  <span>-</span>
                  {% endif %}
                </dd>

                <dt>Children</dt>
                {% if object.asset_parent.all %}
                {% for child in object.asset_parent.all %}
                <dd>
                  <a href="{% url 'asset_detail' child.pk %}">
                  {{ child.asset_id }} - {{ child.description }}
                  </a>
                </dd>
                {% endfor %}
                {% else %}
                <dd><span>-</span></dd>
                {% endif %}
              </dl>
              {% endif %}
            </div>
          </div>
        </div>
      </div>
</form>

<div class="row">
  <div class="col-md-12">
    {% include 'partials/asset_buttons.html' %}
  </div>
</div>

{% include 'partials/confirm_delete.html' with object=object %}

{% endblock %}

{% block js %}
<script>
  function updateAsset() {
    $.ajax({
      url: "{% url 'ajax_asset_update' %}", // the endpoint
      type: "POST", // http method
      data: {
        form: $('#asset_update_form').serialize()
      },
      traditional: true,
      headers: {
        'X-CSRFToken': document.getElementById("asset_update_form").csrfmiddlewaretoken.value
      },

      success: function(data) {
        // console.log(data);
        window.location.href = data['url'];
      },

      error: function(xhr) {
        console.log(xhr.status + ": " + xhr.responseText)
      }
    });
  }
</script>

{#    <script>#}
{#        $('#asset_update_form').on('submit', function(event){#}
{#console.log($('#asset_update_form').serialize());#}
{#            event.preventDefault();#}
{#            updateAsset();#}
{#            return false;#}
{#        });#}
{#    </script>#}

<script>
  function clearParent() {
    $('#hidden_parent_id').val('');
    $('#parent_id').val('');
  }
</script>

<script>
  $(document).ready(function() {
    {
      %
      if edit or duplicate %
    }
    var comments_id = '#{{ form.comments.id_for_label }}';
    $(comments_id).val('{{ object.comments|linebreaksn }}'); {
      %
      endif %
    }
  })
</script>
{% endblock %}