Show purchase and collection details side by side

Not sure if I like this or not. Maybe collection should start collapsed, too.
This commit is contained in:
2019-10-02 19:38:05 +01:00
parent 3d7fc18fb7
commit e591ebe05a
2 changed files with 192 additions and 178 deletions

View File

@@ -8,234 +8,247 @@
<div class="page-header"> <div class="page-header">
<h1> <h1>
{% if edit and object %} {% if edit and object %}
Edit Asset: {{ object.asset_id }} {{ object.description }} Edit Asset: {{ object.asset_id }} {{ object.description }}
{% elif duplicate %} {% elif duplicate %}
Duplication of Asset: {{ previous_asset_id }} Duplication of Asset: {{ previous_asset_id }}
{% elif not object %} {% elif not object %}
Create Asset Create Asset
{% else %} {% else %}
Asset: {{ object.asset_id }} {{ object.description }} Asset: {{ object.asset_id }} {{ object.description }}
{% endif %} {% endif %}
</h1>
</h1>
</div> </div>
<div class="pull-right" style="margin-bottom: 100px"> <div class="row" style="padding-bottom: 1em">
{% include 'partials/asset_buttons.html' %} <div class="col-sm-12">
<div class="pull-right">
{% include 'partials/asset_buttons.html' %}
</div>
</div>
</div> </div>
<form method="post" id="asset_update_form"> <form method="post" id="asset_update_form">
{% csrf_token %} {% csrf_token %}
<input type="hidden" name="id" value="{{ object.id|default:0 }}" hidden=true> <input type="hidden" name="id" value="{{ object.id|default:0 }}" hidden=true>
<div class="row">
<div class="panel panel-default"> <div class="col-sm-12">
<div class="panel-heading"> <div class="panel panel-default">
Asset Details <div class="panel-heading">
</div> Asset Details
<div class="panel-body"> </div>
{% if edit or duplicate %} <div class="panel-body">
<div class="form-group"> {% if edit or duplicate %}
<label for="{{ form.asset_id.id_for_label }}">Asset ID</label> <div class="form-group">
{% if duplicate %} <label for="{{ form.asset_id.id_for_label }}">Asset ID</label>
{% render_field form.asset_id|add_class:'form-control' value=object.asset_id %} {% if duplicate %}
{% elif object.asset_id %} {% render_field form.asset_id|add_class:'form-control' value=object.asset_id %}
{% render_field form.asset_id|attr:'readonly'|add_class:'disabled_input form-control' value=object.asset_id %} {% elif object.asset_id %}
{% else %} {% render_field form.asset_id|attr:'readonly disabled'|add_class:'disabled_input form-control' value=object.asset_id %}
{% render_field form.asset_id|add_class:'form-control' %} {% else %}
{% endif %} {% render_field form.asset_id|add_class:'form-control' %}
</div> {% endif %}
<div class="form-group"> </div>
<label for="{{ form.description.id_for_label }}" <div class="form-group">
<label for="{{ form.description.id_for_label }}"
>Description</label> >Description</label>
{% render_field form.description|add_class:'form-control' value=object.description %} {% render_field form.description|add_class:'form-control' value=object.description %}
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="{{ form.category.id_for_label }}" >Category</label> <label for="{{ form.category.id_for_label }}" >Category</label>
<select name="{{ form.category.name }}" id="{{ form.category.id_for_label }}" <select name="{{ form.category.name }}" id="{{ form.category.id_for_label }}"
required class="form-control"> required class="form-control">
{% for id, choice in form.category.field.choices %} {% for id, choice in form.category.field.choices %}
<option value="{{ id }}" <option value="{{ id }}"
{% if object.category.id == id %}selected{% endif %}>{{ choice }}</option> {% if object.category.id == id %}selected{% endif %}>{{ choice }}</option>
{% endfor %} {% endfor %}
</select> </select>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="{{ form.status.id_for_label }}" >Status</label> <label for="{{ form.status.id_for_label }}" >Status</label>
<select class="form-control" name="{{ form.status.name }}" id="{{ form.status.id_for_label }}" required> <select class="form-control" name="{{ form.status.name }}" id="{{ form.status.id_for_label }}" required>
{% for id, choice in form.status.field.choices %} {% for id, choice in form.status.field.choices %}
<option value="{{ id }}" <option value="{{ id }}"
{% if not object.status.id and choice == "Active" or object.status.id == id %}selected{% endif %}>{{ choice }}</option> {% if not object.status.id and choice == "Active" or object.status.id == id %}selected{% endif %}>{{ choice }}</option>
{% endfor %} {% endfor %}
</select> </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 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="panel panel-default"> <div class="col-md-6">
<div class="panel-heading"> <div class="panel panel-default">
Purchase Details <div class="panel-heading">
</div> Purchase Details
<div class="panel-body"> </div>
{% if edit or duplicate %} <div class="panel-body">
<div class="form-group"> {% if edit or duplicate %}
<label for="{{ form.purchased_from.id_for_label }}">Purchased From</label> <div class="form-group">
<select class="form-control" name="{{ form.purchased_from.name }}" <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 }}"> id="{{ form.purchased_from.id_for_label }}">
{% for id, choice in form.purchased_from.field.choices %} {% for id, choice in form.purchased_from.field.choices %}
<option value="{{ id }}" <option value="{{ id }}"
{% if object.purchased_from.id == id %}selected{% endif %}>{{ choice }}</option> {% if object.purchased_from.id == id %}selected{% endif %}>{{ choice }}</option>
{% endfor %} {% endfor %}
</select> </select>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="{{ form.purchase_price.id_for_label }}">Purchase Price</label> <label for="{{ form.purchase_price.id_for_label }}">Purchase Price</label>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon">£</span> <span class="input-group-addon">£</span>
{% render_field form.purchase_price|add_class:'form-control' value=object.purchase_price %} {% render_field form.purchase_price|add_class:'form-control' value=object.purchase_price %}
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="{{ form.salvage_value.id_for_label }}">Salvage Value</label> <label for="{{ form.salvage_value.id_for_label }}">Salvage Value</label>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon">£</span> <span class="input-group-addon">£</span>
{% render_field form.salvage_value|add_class:'form-control' value=object.salvage_value %} {% render_field form.salvage_value|add_class:'form-control' value=object.salvage_value %}
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="{{ form.date_acquired.id_for_label }}" >Date <label for="{{ form.date_acquired.id_for_label }}" >Date
Acquired</label> Acquired</label>
{% if object.date_acquired %} {% if object.date_acquired %}
{% render_field form.date_acquired|add_class:'datepicker form-control' value=object.date_acquired|date %} {% render_field form.date_acquired|add_class:'form-control'|attr:'type="date"' value=object.date_acquired|date %}
{% else %} {% else %}
<input type="text" name="date_acquired" value="{% now "DATE_FORMAT" %}" <input type="date" name="date_acquired" value="{% now "DATE_FORMAT" %}"
class="datepicker form-control" id="id_date_acquired"> class="form-control" id="id_date_acquired">
{% endif %} {% endif %}
</div> </div>
<!---TODO: Presumably, this should only appear if the asset is in the sold category?---> <div class="form-group">
<div class="form-group"> <label for="{{ form.date_sold.id_for_label }}">Date Sold</label>
<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 %}
{% render_field form.date_sold|add_class:'datepicker form-control' value=object.date_sold|date %} </div>
</div> {% else %}
{% else %} <dl>
<dl> <dt>Purchased From</dt>
<dt>Purchased From</dt> <dd>{{ object.purchased_from|default_if_none:'-' }}</dd>
<dd>{{ object.purchased_from|default_if_none:'-' }}</dd>
<dt>Purchase Price</dt> <dt>Purchase Price</dt>
<dd>£{{ object.purchase_price|default_if_none:'-' }}</dd> <dd>£{{ object.purchase_price|default_if_none:'-' }}</dd>
<dt>Salvage Value</dt> <dt>Salvage Value</dt>
<dd>£{{ object.salvage_value|default_if_none:'-' }}</dd> <dd>£{{ object.salvage_value|default_if_none:'-' }}</dd>
<dt>Date Acquired</dt> <dt>Date Acquired</dt>
<dd>{{ object.date_acquired|default_if_none:'-' }}</dd> <dd>{{ object.date_acquired|default_if_none:'-' }}</dd>
{% if object.date_sold %}
<dt>Date Sold</dt> <dt>Date Sold</dt>
<dd>{{ object.date_sold|default_if_none:'-' }}</dd> <dd>{{ object.date_sold|default_if_none:'-' }}</dd>
</dl> {% endif %}
{% endif %} </dl>
</div> {% endif %}
</div>
<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> </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"> <div class="form-group">
<label for="parent_search">Search for asset</label> <label for="parent_search">Search for asset</label>
<div class="input-group"> <div class="input-group">
<input type="text" id="parent_search" class="form-control"> <input type="text" id="parent_search" class="form-control">
<span class="input-group-btn"><button type="button" class="btn btn-default" onclick="formAssetSearch()"> <span class="input-group-btn"><button type="button" class="btn btn-default" onclick="formAssetSearch()">
<i class="glyphicon glyphicon-search"></i> Search <i class="glyphicon glyphicon-search"></i> Search
</button></span> </button></span>
</div> </div>
</div> </div>
<div class="col s2"> <div class="col s2">
<br> <br>
</div> </div>
<div class="col s12" id="formAssetSearchResult"> <div class="col s12" id="formAssetSearchResult">
<!--Placeholder for search results--> <!--Placeholder for search results-->
</div> </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 %} {% else %}
<span>-</span> <dl>
{% endif %} <dt>Parent</dt>
</dd> <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> <dt>Children</dt>
{% if object.asset_parent.all %} {% if object.asset_parent.all %}
{% for child in object.asset_parent.all %} {% for child in object.asset_parent.all %}
<dd> <dd>
<a href="{% url 'asset_detail' child.pk %}"> <a href="{% url 'asset_detail' child.pk %}">
{{ child.asset_id }} - {{ child.description }} {{ child.asset_id }} - {{ child.description }}
</a> </a>
</dd> </dd>
{% endfor %} {% endfor %}
{% else %} {% else %}
<dd><span>-</span></dd> <dd><span>-</span></dd>
{% endif %} {% endif %}
</dl> </dl>
{% endif %} {% endif %}
</div>
</div>
</div> </div>
</div> </div>
</form> </form>
{% include 'partials/asset_buttons.html' %} <div class="row">
<div class="col-md-12">
{% include 'partials/asset_buttons.html' %}
</div>
</div>
{% include 'partials/confirm_delete.html' with object=object %} {% include 'partials/confirm_delete.html' with object=object %}

View File

@@ -1,5 +1,6 @@
{% load widget_tweaks %} {% load widget_tweaks %}
<!---TODO: Assign form-control class in here--->
<div class="form-group"> <div class="form-group">
<label for="{{ field.id_for_label }}">{{ label|default:field.label }}</label> <label for="{{ field.id_for_label }}">{{ label|default:field.label }}</label>
{% if css %} {% if css %}