Update battery form layout to remove tabs

This commit is contained in:
Ramon Gutierrez 2018-02-04 18:46:19 +08:00
parent 0a741b0c54
commit ed6e0b0fe8

View file

@ -32,18 +32,8 @@
</div> </div>
</div> </div>
</div> </div>
<form id="row-form" class="m-form m-form--label-align-right" method="post" action="{{ mode == 'update' ? url('battery_update_submit', {'id': obj.getId()}) : url('battery_create_submit') }}"> <form id="row-form" class="m-form m-form--fit m-form--label-align-right" method="post" action="{{ mode == 'update' ? url('battery_update_submit', {'id': obj.getId()}) : url('battery_create_submit') }}">
<div class="m-portlet__body"> <div class="m-portlet__body">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#product-info">Product Information</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#vehicle-compatibility">Vehicle Compatibility</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="product-info" role="tabpanel">
<div class="m-form__section m-form__section--first"> <div class="m-form__section m-form__section--first">
<div class="m-form__heading"> <div class="m-form__heading">
<h3 class="m-form__heading-title"> <h3 class="m-form__heading-title">
@ -131,6 +121,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="m-form__seperator m-form__seperator--dashed"></div>
<div class="m-form__section"> <div class="m-form__section">
<div class="m-form__heading"> <div class="m-form__heading">
<h3 class="m-form__heading-title"> <h3 class="m-form__heading-title">
@ -182,14 +173,19 @@
</div> </div>
</div> </div>
</div> </div>
<div class="m-form__seperator m-form__seperator--dashed"></div>
<div class="m-form__section m-form__section--last">
<div class="m-form__heading">
<h3 class="m-form__heading-title">
Vehicle Compatibility
</h3>
</div> </div>
<div class="tab-pane" id="vehicle-compatibility" role="tabpanel"> <div class="form-group m-form__group row">
<div class="form-group m-form__group row form-group-inner">
<div class="col-lg-12"> <div class="col-lg-12">
<div id="data-vehicles"></div> <div id="data-vehicles"></div>
</div> </div>
</div> </div>
<div class="form-group m-form__group row form-group-inner"> <div class="form-group m-form__group row">
<label class="col-lg-1 col-form-label" data-field="vehicle_list"> <label class="col-lg-1 col-form-label" data-field="vehicle_list">
Add Vehicle: Add Vehicle:
</label> </label>
@ -212,7 +208,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="m-portlet__foot m-portlet__foot--fit"> <div class="m-portlet__foot m-portlet__foot--fit">
<div class="m-form__actions m-form__actions--solid m-form__actions--right"> <div class="m-form__actions m-form__actions--solid m-form__actions--right">
<div class="row"> <div class="row">