|
@@ -6,33 +6,30 @@
|
|
#mcp-patients-filters .mw-100px {
|
|
#mcp-patients-filters .mw-100px {
|
|
min-width: 100px;
|
|
min-width: 100px;
|
|
}
|
|
}
|
|
- .filter-container, .filter-child-container {
|
|
|
|
|
|
+ .filter-container{
|
|
display: flex;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
.filter-container >div {
|
|
.filter-container >div {
|
|
- width: 180px;
|
|
|
|
|
|
+ width: 165px;
|
|
}
|
|
}
|
|
.filter-container >div:not(:last-child) {
|
|
.filter-container >div:not(:last-child) {
|
|
- margin-right: 20px;
|
|
|
|
|
|
+ margin-right: 15px;
|
|
}
|
|
}
|
|
- .filter-child-container >div {
|
|
|
|
- width: 85px;
|
|
|
|
- }
|
|
|
|
- .filter-child-container >div:not(:last-child) {
|
|
|
|
- margin-right: 10px;
|
|
|
|
|
|
+ .sm-section {
|
|
|
|
+ width: 125px !important;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|
|
<form id="mcp-patients-filters" method="GET" action="{{ route('mcp.patients') }}" class="filter-container" v-cloak>
|
|
<form id="mcp-patients-filters" method="GET" action="{{ route('mcp.patients') }}" class="filter-container" v-cloak>
|
|
- <div>
|
|
|
|
|
|
+ <div class="sm-section">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<label>Name:</label>
|
|
<label>Name:</label>
|
|
<input name="name" class="form-control input-sm" v-model="filters.name">
|
|
<input name="name" class="form-control input-sm" v-model="filters.name">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- AGE -->
|
|
<!-- AGE -->
|
|
- <div>
|
|
|
|
|
|
+ <div class="sm-section">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<label>Age:</label>
|
|
<label>Age:</label>
|
|
<select name="age_category" class="form-control input-sm" v-model="filters.age_category">
|
|
<select name="age_category" class="form-control input-sm" v-model="filters.age_category">
|
|
@@ -43,18 +40,18 @@
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
</select>
|
|
</select>
|
|
- <div v-show="filters.age_category" class="filter-child-container mt-2">
|
|
|
|
|
|
+ <div v-show="filters.age_category" class="mt-2">
|
|
<div>
|
|
<div>
|
|
<input name="age_value_1" v-model="filters.age_value_1" type="number" class="form-control input-sm" :placeholder="(filters.age_category === 'BETWEEN' || filters.age_category === 'NOT_BETWEEN') ? 'From' : 'Age'" />
|
|
<input name="age_value_1" v-model="filters.age_value_1" type="number" class="form-control input-sm" :placeholder="(filters.age_category === 'BETWEEN' || filters.age_category === 'NOT_BETWEEN') ? 'From' : 'Age'" />
|
|
</div>
|
|
</div>
|
|
- <div v-show="filters.age_category === 'BETWEEN' || filters.age_category === 'NOT_BETWEEN'">
|
|
|
|
|
|
+ <div v-show="filters.age_category === 'BETWEEN' || filters.age_category === 'NOT_BETWEEN'" class="mt-2">
|
|
<input name="age_value_2" v-model="filters.age_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
<input name="age_value_2" v-model="filters.age_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- SEX -->
|
|
<!-- SEX -->
|
|
- <div>
|
|
|
|
|
|
+ <div class="sm-section">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<label>Sex:</label>
|
|
<label>Sex:</label>
|
|
<select name="sex" class="form-control input-sm" v-model="filters.sex">
|
|
<select name="sex" class="form-control input-sm" v-model="filters.sex">
|
|
@@ -65,7 +62,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- BMI -->
|
|
<!-- BMI -->
|
|
- <div>
|
|
|
|
|
|
+ <div class="sm-section">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<label>BMI:</label>
|
|
<label>BMI:</label>
|
|
<select name="bmi_category" class="form-control input-sm" v-model="filters.bmi_category">
|
|
<select name="bmi_category" class="form-control input-sm" v-model="filters.bmi_category">
|
|
@@ -76,11 +73,11 @@
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
</select>
|
|
</select>
|
|
- <div v-show="filters.bmi_category" class="filter-child-container mt-2">
|
|
|
|
|
|
+ <div v-show="filters.bmi_category" class="mt-2">
|
|
<div>
|
|
<div>
|
|
<input name="bmi_value_1" v-model="filters.bmi_value_1" type="number" class="form-control input-sm" :placeholder="(filters.bmi_category === 'BETWEEN' || filters.bmi_category === 'NOT_BETWEEN') ? 'From' : 'BMI'" />
|
|
<input name="bmi_value_1" v-model="filters.bmi_value_1" type="number" class="form-control input-sm" :placeholder="(filters.bmi_category === 'BETWEEN' || filters.bmi_category === 'NOT_BETWEEN') ? 'From' : 'BMI'" />
|
|
</div>
|
|
</div>
|
|
- <div v-show="filters.bmi_category === 'BETWEEN' || filters.bmi_category === 'NOT_BETWEEN'">
|
|
|
|
|
|
+ <div v-show="filters.bmi_category === 'BETWEEN' || filters.bmi_category === 'NOT_BETWEEN'" class="mt-2">
|
|
<input name="bmi_value_2" v-model="filters.bmi_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
<input name="bmi_value_2" v-model="filters.bmi_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -88,9 +85,9 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- LAST VISIT -->
|
|
<!-- LAST VISIT -->
|
|
- <div>
|
|
|
|
|
|
+ <div class="sm-section">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
- <label>Last Visit **:</label>
|
|
|
|
|
|
+ <label>Last Visit:</label>
|
|
<select name="last_visit_category" class="form-control input-sm" v-model="filters.last_visit_category">
|
|
<select name="last_visit_category" class="form-control input-sm" v-model="filters.last_visit_category">
|
|
<option value="">All</option>
|
|
<option value="">All</option>
|
|
<option value="EXACTLY">Exactly</option>
|
|
<option value="EXACTLY">Exactly</option>
|
|
@@ -99,11 +96,11 @@
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
</select>
|
|
</select>
|
|
- <div v-show="filters.last_visit_category" class="filter-child-container mt-2">
|
|
|
|
|
|
+ <div v-show="filters.last_visit_category" class="mt-2">
|
|
<div>
|
|
<div>
|
|
- <input name="last_visit_value_1" v-model="filters.last_visit_value_1" type="number" class="form-control input-sm" :placeholder="(filters.last_visit_category === 'BETWEEN' || filters.last_visit_category === 'NOT_BETWEEN') ? 'From' : 'BMI'" />
|
|
|
|
|
|
+ <input name="last_visit_value_1" v-model="filters.last_visit_value_1" type="number" class="form-control input-sm" :placeholder="(filters.last_visit_category === 'BETWEEN' || filters.last_visit_category === 'NOT_BETWEEN') ? 'From' : 'Last Visit'" />
|
|
</div>
|
|
</div>
|
|
- <div v-show="filters.last_visit_category === 'BETWEEN' || filters.last_visit_category === 'NOT_BETWEEN'">
|
|
|
|
|
|
+ <div v-show="filters.last_visit_category === 'BETWEEN' || filters.last_visit_category === 'NOT_BETWEEN'" class="mt-2">
|
|
<input name="last_visit_value_2" v-model="filters.last_visit_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
<input name="last_visit_value_2" v-model="filters.last_visit_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -113,7 +110,7 @@
|
|
<!-- NEXT APPOINTMENT -->
|
|
<!-- NEXT APPOINTMENT -->
|
|
<div>
|
|
<div>
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
- <label>Next Appointment **:</label>
|
|
|
|
|
|
+ <label>Next Appointment:</label>
|
|
<select name="next_appointment_category" class="form-control input-sm" v-model="filters.next_appointment_category">
|
|
<select name="next_appointment_category" class="form-control input-sm" v-model="filters.next_appointment_category">
|
|
<option value="">All</option>
|
|
<option value="">All</option>
|
|
<option value="EXACTLY">Exactly</option>
|
|
<option value="EXACTLY">Exactly</option>
|
|
@@ -122,11 +119,11 @@
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
</select>
|
|
</select>
|
|
- <div v-show="filters.next_appointment_category" class="filter-child-container mt-2">
|
|
|
|
|
|
+ <div v-show="filters.next_appointment_category" class="mt-2">
|
|
<div>
|
|
<div>
|
|
- <input name="next_appointment_value_1" v-model="filters.next_appointment_value_1" type="number" class="form-control input-sm" :placeholder="(filters.next_appointment_category === 'BETWEEN' || filters.next_appointment_category === 'NOT_BETWEEN') ? 'From' : 'BMI'" />
|
|
|
|
|
|
+ <input name="next_appointment_value_1" v-model="filters.next_appointment_value_1" type="number" class="form-control input-sm" :placeholder="(filters.next_appointment_category === 'BETWEEN' || filters.next_appointment_category === 'NOT_BETWEEN') ? 'From' : 'Next Appt.'" />
|
|
</div>
|
|
</div>
|
|
- <div v-show="filters.next_appointment_category === 'BETWEEN' || filters.next_appointment_category === 'NOT_BETWEEN'">
|
|
|
|
|
|
+ <div v-show="filters.next_appointment_category === 'BETWEEN' || filters.next_appointment_category === 'NOT_BETWEEN'" class="mt-2">
|
|
<input name="next_appointment_value_2" v-model="filters.next_appointment_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
<input name="next_appointment_value_2" v-model="filters.next_appointment_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -134,7 +131,7 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- STATUS -->
|
|
<!-- STATUS -->
|
|
- <div>
|
|
|
|
|
|
+ <div class="sm-section">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<label>Status:</label>
|
|
<label>Status:</label>
|
|
<select name="status" class="form-control input-sm" v-model="filters.status">
|
|
<select name="status" class="form-control input-sm" v-model="filters.status">
|
|
@@ -147,7 +144,7 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- LAST WEIGHED-IN -->
|
|
<!-- LAST WEIGHED-IN -->
|
|
- <div class="col-md-2 d-none">
|
|
|
|
|
|
+ <!-- <div class="col-md-2 d-none">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<label>Last Weighed-In:</label>
|
|
<label>Last Weighed-In:</label>
|
|
<select name="last_weighed_in_category" class="form-control input-sm" v-model="filters.last_weighed_in_category">
|
|
<select name="last_weighed_in_category" class="form-control input-sm" v-model="filters.last_weighed_in_category">
|
|
@@ -158,19 +155,19 @@
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
</select>
|
|
</select>
|
|
- <div v-show="filters.last_weighed_in_category" class="filter-child-container mt-2">
|
|
|
|
|
|
+ <div v-show="filters.last_weighed_in_category" class="mt-2">
|
|
<div>
|
|
<div>
|
|
- <input name="last_weighed_in_value_1" v-model="filters.last_weighed_in_value_1" type="number" class="form-control input-sm" :placeholder="(filters.last_weighed_in_category === 'BETWEEN' || filters.last_weighed_in_category === 'NOT_BETWEEN') ? 'From' : 'BMI'" />
|
|
|
|
|
|
+ <input name="last_weighed_in_value_1" v-model="filters.last_weighed_in_value_1" type="number" class="form-control input-sm" :placeholder="(filters.last_weighed_in_category === 'BETWEEN' || filters.last_weighed_in_category === 'NOT_BETWEEN') ? 'From' : 'Last Weighed'" />
|
|
</div>
|
|
</div>
|
|
- <div v-show="filters.last_weighed_in_category === 'BETWEEN' || filters.last_weighed_in_category === 'NOT_BETWEEN'">
|
|
|
|
|
|
+ <div v-show="filters.last_weighed_in_category === 'BETWEEN' || filters.last_weighed_in_category === 'NOT_BETWEEN'" class="mt-2">
|
|
<input name="last_weighed_in_value_2" v-model="filters.last_weighed_in_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
<input name="last_weighed_in_value_2" v-model="filters.last_weighed_in_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
|
|
+ </div> -->
|
|
|
|
|
|
<!-- LAST BP -->
|
|
<!-- LAST BP -->
|
|
- <div class="col-md-2 d-none">
|
|
|
|
|
|
+ <!-- <div class="col-md-2 d-none">
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<label>Last BP:</label>
|
|
<label>Last BP:</label>
|
|
<select name="last_bp_category" class="form-control input-sm" v-model="filters.last_bp_category">
|
|
<select name="last_bp_category" class="form-control input-sm" v-model="filters.last_bp_category">
|
|
@@ -181,23 +178,23 @@
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="BETWEEN">Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
<option value="NOT_BETWEEN">Not Between</option>
|
|
</select>
|
|
</select>
|
|
- <div v-show="filters.last_bp_category" class="filter-child-container mt-2">
|
|
|
|
|
|
+ <div v-show="filters.last_bp_category" class="mt-2">
|
|
<div>
|
|
<div>
|
|
- <input name="last_bp_value_1" v-model="filters.last_bp_value_1" type="number" class="form-control input-sm" :placeholder="(filters.last_bp_category === 'BETWEEN' || filters.last_bp_category === 'NOT_BETWEEN') ? 'From' : 'BMI'" />
|
|
|
|
|
|
+ <input name="last_bp_value_1" v-model="filters.last_bp_value_1" type="number" class="form-control input-sm" :placeholder="(filters.last_bp_category === 'BETWEEN' || filters.last_bp_category === 'NOT_BETWEEN') ? 'From' : 'Last BP'" />
|
|
</div>
|
|
</div>
|
|
- <div v-show="filters.last_bp_category === 'BETWEEN' || filters.last_bp_category === 'NOT_BETWEEN'">
|
|
|
|
|
|
+ <div v-show="filters.last_bp_category === 'BETWEEN' || filters.last_bp_category === 'NOT_BETWEEN'" class="mt-2">
|
|
<input name="last_bp_value_2" v-model="filters.last_bp_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
<input name="last_bp_value_2" v-model="filters.last_bp_value_2" type="number" class="form-control input-sm" placeholder="To" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
|
|
+ </div> -->
|
|
|
|
|
|
<div>
|
|
<div>
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<label> </label>
|
|
<label> </label>
|
|
<div class=" d-flex">
|
|
<div class=" d-flex">
|
|
- <button type="button" v-on:click.prevent="doSubmit()" class="w-50 btn btn-primary btn-sm mr-2">Apply</button>
|
|
|
|
- <a href="#" v-on:click.prevent="fastLoad('{{route('mcp.patients')}}')" class="w-50 btn btn-danger btn-sm text-white">Clear</a>
|
|
|
|
|
|
+ <button type="button" v-on:click.prevent="doSubmit()" class="btn btn-primary btn-sm mr-2"><i class="fas fa-filter"></i> Filter</button>
|
|
|
|
+ <a href="#" v-on:click.prevent="fastLoad('{{route('mcp.patients')}}')" class="btn btn-link btn-sm text-danger">Clear Filters</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|