|
@@ -82,7 +82,7 @@ if(!$contentData) {
|
|
|
<div v-if="!unknown" v-for="(item, index) in items" class="note-section-item-row">
|
|
|
<hr v-if="index > 0" class="row">
|
|
|
<div class="row mb-3">
|
|
|
- <div class="col-md-3">
|
|
|
+ <div class="col-12 col-sm-6 col-md-3">
|
|
|
<label class="text-secondary text-sm mb-1 d-block">Relationship</label>
|
|
|
<select class="form-control form-control-sm min-width-unset" v-model="item.relationship" required>
|
|
|
<option value="">-- select --</option>
|
|
@@ -122,7 +122,7 @@ if(!$contentData) {
|
|
|
<option value="Grandson">Grandson</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
- <div class="col-md-6">
|
|
|
+ <div class="col-12 col-sm-6 mt-2 mt-sm-0">
|
|
|
<label class="text-secondary text-sm mb-1 d-block">Health Status</label>
|
|
|
<label class="my-0 mr-3 d-inline-flex align-items-center">
|
|
|
<input type="radio" :name="'item_' + index + '_status'" v-model="item.status" value="Alive" class="mr-1">
|
|
@@ -137,10 +137,10 @@ if(!$contentData) {
|
|
|
Unknown
|
|
|
</label>
|
|
|
</div>
|
|
|
- <div class="col-md-2">
|
|
|
- <label class="text-secondary text-sm mb-1 d-block"> </label>
|
|
|
+ <div class="col-md-2 mt-2 mt-md-0">
|
|
|
+ <label class="text-secondary text-sm mb-1 d-none d-md-block"> </label>
|
|
|
<div moe relative v-if="items.length > 1">
|
|
|
- <a href="#" start show><i class="fa fa-trash-alt text-danger on-hover-opaque"></i></a>
|
|
|
+ <a href="#" start show><i class="fa fa-trash-alt text-danger on-hover-opaque"></i> <span class="d-inline d-md-none">Delete</span></a>
|
|
|
<div url="/nop" right>
|
|
|
<p>Are you sure?</p>
|
|
|
<div class="">
|
|
@@ -151,30 +151,34 @@ if(!$contentData) {
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="row mb-1 font-weight-bold">
|
|
|
+ {{--<div class="row mb-1 font-weight-bold">
|
|
|
<div class="col-8">
|
|
|
General
|
|
|
</div>
|
|
|
<div class="col-4">
|
|
|
Cancer
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="row mb-1 font-weight-bold">
|
|
|
- <div class="col-4">
|
|
|
+ </div>--}}
|
|
|
+ {{--<div class="row mb-1 font-weight-bold">
|
|
|
+ <div class="col-6 col-md-4">
|
|
|
<div class="rspace">+</div>
|
|
|
<div class="rspace">-</div>
|
|
|
</div>
|
|
|
- <div class="col-4">
|
|
|
+ <div class="col-6 col-md-4">
|
|
|
<div class="rspace">+</div>
|
|
|
<div class="rspace">-</div>
|
|
|
</div>
|
|
|
- <div class="col-4">
|
|
|
+ <div class="col-6 col-md-4">
|
|
|
<div class="rspace">+</div>
|
|
|
<div class="rspace">-</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>--}}
|
|
|
<div class="row mb-3">
|
|
|
- <div class="col-4">
|
|
|
+ <div class="col-12 col-sm-6 col-md-4">
|
|
|
+ <div class="d-flex">
|
|
|
+ <div class="rspace">+</div>
|
|
|
+ <div class="rspace">-</div>
|
|
|
+ </div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_no_health_concern'" v-model="item.general_no_health_concern"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_no_health_concern'" v-model="item.general_no_health_concern"></div>
|
|
@@ -218,7 +222,11 @@ if(!$contentData) {
|
|
|
<a href="#" v-show="item.general_diabetes" v-on:click.prevent="clearValue(item, 'general_diabetes')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-4">
|
|
|
+ <div class="col-12 col-sm-6 col-md-4">
|
|
|
+ <div class="d-none d-sm-flex">
|
|
|
+ <div class="rspace">+</div>
|
|
|
+ <div class="rspace">-</div>
|
|
|
+ </div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_general_heart_attack'" v-model="item.general_heart_attack"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_general_heart_attack'" v-model="item.general_heart_attack"></div>
|
|
@@ -262,7 +270,11 @@ if(!$contentData) {
|
|
|
<a href="#" v-show="item.general_stroke" v-on:click.prevent="clearValue(item, 'general_stroke')"><i class="text-danger on-hover-opaque fa fa-trash-alt ml-1"></i></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-4">
|
|
|
+ <div class="col-12 col-sm-6 col-md-4">
|
|
|
+ <div class="d-none d-sm-flex">
|
|
|
+ <div class="rspace">+</div>
|
|
|
+ <div class="rspace">-</div>
|
|
|
+ </div>
|
|
|
<div class="d-flex align-items-center">
|
|
|
<div class="rspace"><input type="radio" value="yes" :name="'item_' + index + '_cancer_breast_ca'" v-model="item.cancer_breast_ca"></div>
|
|
|
<div class="rspace"><input type="radio" value="no" :name="'item_' + index + '_cancer_breast_ca'" v-model="item.cancer_breast_ca"></div>
|