|
|
@@ -92,7 +92,7 @@ if(!isset($contentData[$sectionPro->uid])) {
|
|
|
'recommendations' => [
|
|
|
'park_farther' => false,
|
|
|
'steps_instead_of_elevator' => false,
|
|
|
- 'stands_instead_of_sit' => false,
|
|
|
+ 'stand_instead_of_sit' => false,
|
|
|
'steps_goal_per_day' => '',
|
|
|
'other' => '',
|
|
|
]
|
|
|
@@ -113,338 +113,278 @@ $formID = rand(0, 100000);
|
|
|
</a>
|
|
|
</h3>
|
|
|
|
|
|
- <p class="font-weight-bold my-2">Physical Activity History</p>
|
|
|
-
|
|
|
- <div class="pl-3 border-left mb-3">
|
|
|
-
|
|
|
- <p class="font-weight-bold text-secondary my-2">Current Physical Activity</p>
|
|
|
+ <div class="mb-1 d-flex align-items-center">
|
|
|
+ <label class="mb-2 mt-1 width-200px d-inline-flex align-items-start">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['seated']['active']" class="mr-2">
|
|
|
+ <span>Seated Exercises</span>
|
|
|
+ </label>
|
|
|
+ <input v-if="data['{{$sectionPro->uid}}']['prescription']['seated']['active']" type="text"
|
|
|
+ v-model="data['{{$sectionPro->uid}}']['prescription']['seated']['memo']"
|
|
|
+ placeholder="Details" class="form-control form-control-sm ml-3">
|
|
|
+ </div>
|
|
|
|
|
|
- <input type="hidden" name="data" value="{{json_encode($contentData)}}">
|
|
|
+ <div class="mb-1 d-flex align-items-center">
|
|
|
+ <label class="mb-2 mt-1 width-200px d-inline-flex align-items-start">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['arm']['active']" class="mr-2">
|
|
|
+ <span>Arm Exercises</span>
|
|
|
+ </label>
|
|
|
+ <input v-if="data['{{$sectionPro->uid}}']['prescription']['arm']['active']" type="text"
|
|
|
+ v-model="data['{{$sectionPro->uid}}']['prescription']['arm']['memo']"
|
|
|
+ placeholder="Details" class="form-control form-control-sm ml-3">
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="border p-2 mb-3">
|
|
|
- <div class="row mb-2">
|
|
|
- <div class="col-4">
|
|
|
- <label class="mb-1 text-secondary text-sm">Type:</label>
|
|
|
- <input type="text" v-model="data['{{$sectionPro->uid}}']['physical_activity']['type']" class="form-control form-control-sm">
|
|
|
- </div>
|
|
|
- <div class="col-4">
|
|
|
- <label class="mb-1 text-secondary text-sm">Frequency:</label>
|
|
|
- <input type="text" v-model="data['{{$sectionPro->uid}}']['physical_activity']['frequency']" class="form-control form-control-sm">
|
|
|
- </div>
|
|
|
- <div class="col-4">
|
|
|
- <label class="mb-1 text-secondary text-sm">Time:</label>
|
|
|
- <input type="text" v-model="data['{{$sectionPro->uid}}']['physical_activity']['time']" class="form-control form-control-sm">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="mb-1 d-flex align-items-center">
|
|
|
+ <label class="mb-2 mt-1 width-200px d-inline-flex align-items-start">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aquatic']['active']" class="mr-2">
|
|
|
+ <span>Aquatic Exercises</span>
|
|
|
+ </label>
|
|
|
+ <input v-if="data['{{$sectionPro->uid}}']['prescription']['aquatic']['active']" type="text"
|
|
|
+ v-model="data['{{$sectionPro->uid}}']['prescription']['aquatic']['memo']"
|
|
|
+ placeholder="Details" class="form-control form-control-sm ml-3">
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="row mb-2">
|
|
|
- <div class="col-4">
|
|
|
- <label class="mb-1 text-secondary text-sm">Intensity:</label>
|
|
|
- <input type="text" v-model="data['{{$sectionPro->uid}}']['physical_activity']['intensity']" class="form-control form-control-sm">
|
|
|
- </div>
|
|
|
- <div class="col-8">
|
|
|
- <label class="mb-1 text-secondary text-sm">Enjoyment:</label>
|
|
|
- <input type="text" v-model="data['{{$sectionPro->uid}}']['physical_activity']['enjoyment']" class="form-control form-control-sm">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="my-2">
|
|
|
+ <label class="m-0 width-200px d-inline-flex align-items-start">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['active']" class="mr-2">
|
|
|
+ <span class="font-weight-bold text-secondary">Aerobic Activity</span>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
|
|
|
- <p class="font-weight-bold text-secondary mt-2 mb-1">Barriers To Physical Activity</p>
|
|
|
- <input type="text" v-model="data['{{$sectionPro->uid}}']['physical_activity']['barriers']" class="form-control form-control-sm">
|
|
|
+ <div v-if="data['{{$sectionPro->uid}}']['prescription']['aerobic']['active']" class="pl-3">
|
|
|
+ <table class="table table-sm table-bordered mb-2 table-edit-sheet">
|
|
|
+ <thead>
|
|
|
+ <tr class="bg-light">
|
|
|
+ <th class="px-2 text-secondary border-bottom-0 width-30px text-center"></th>
|
|
|
+ <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Activity</th>
|
|
|
+ <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Days / Week</th>
|
|
|
+ <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Minutes / Day</th>
|
|
|
+ <th class="px-2 text-secondary border-bottom-0">Intensity</th>
|
|
|
+ <th class="px-2 text-secondary border-bottom-0 w-50">Details</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td class="px-2 align-middle">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['walk']['active']" class="align-middle">
|
|
|
+ </td>
|
|
|
+ <td class="px-2 align-middle">Walk</td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['walk']['days_per_week']">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['walk']['minutes_per_day']">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <select v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['walk']['intensity']" class="form-control form-control-sm">
|
|
|
+ <option value="">-- select --</option>
|
|
|
+ <option value="Light">Light</option>
|
|
|
+ <option value="Moderate">Moderate</option>
|
|
|
+ <option value="Vigorous">Vigorous</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['walk']['memo']">
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="px-2 align-middle">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['jog']['active']" class="align-middle">
|
|
|
+ </td>
|
|
|
+ <td class="px-2 align-middle">Jog</td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['jog']['days_per_week']">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['jog']['minutes_per_day']">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <select v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['jog']['intensity']" class="form-control form-control-sm">
|
|
|
+ <option value="">-- select --</option>
|
|
|
+ <option value="Light">Light</option>
|
|
|
+ <option value="Moderate">Moderate</option>
|
|
|
+ <option value="Vigorous">Vigorous</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['jog']['memo']">
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="px-2 align-middle">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['elliptical']['active']" class="align-middle">
|
|
|
+ </td>
|
|
|
+ <td class="px-2 align-middle">Elliptical</td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['elliptical']['days_per_week']">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['elliptical']['minutes_per_day']">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <select v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['elliptical']['intensity']" class="form-control form-control-sm">
|
|
|
+ <option value="">-- select --</option>
|
|
|
+ <option value="Light">Light</option>
|
|
|
+ <option value="Moderate">Moderate</option>
|
|
|
+ <option value="Vigorous">Vigorous</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['elliptical']['memo']">
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="px-2 align-middle">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['swim']['active']" class="align-middle">
|
|
|
+ </td>
|
|
|
+ <td class="px-2 align-middle">Swim</td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['swim']['days_per_week']">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['swim']['minutes_per_day']">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <select v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['swim']['intensity']" class="form-control form-control-sm">
|
|
|
+ <option value="">-- select --</option>
|
|
|
+ <option value="Light">Light</option>
|
|
|
+ <option value="Moderate">Moderate</option>
|
|
|
+ <option value="Vigorous">Vigorous</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['swim']['memo']">
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="px-2 align-middle">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['bike']['active']" class="align-middle">
|
|
|
+ </td>
|
|
|
+ <td class="px-2 align-middle">Bike</td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['bike']['days_per_week']">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['bike']['minutes_per_day']">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <select v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['bike']['intensity']" class="form-control form-control-sm">
|
|
|
+ <option value="">-- select --</option>
|
|
|
+ <option value="Light">Light</option>
|
|
|
+ <option value="Moderate">Moderate</option>
|
|
|
+ <option value="Vigorous">Vigorous</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['bike']['memo']">
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
|
|
|
+ <div class="mt-3 mb-2">
|
|
|
+ <label class="m-0 d-inline-flex align-items-start">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['strength']['active']" class="mr-2">
|
|
|
+ <span class="font-weight-bold text-secondary">Strength Training</span>
|
|
|
+ </label>
|
|
|
+ <a v-if="data['{{$sectionPro->uid}}']['prescription']['strength']['active']"
|
|
|
+ href="#" class="ml-3"
|
|
|
+ v-on:click.prevent="data['{{$sectionPro->uid}}']['prescription']['strength']['exercises'].push({name: '', days_per_week: '', reps: '', intensity: '', memo: ''})">
|
|
|
+ + Add Exercise
|
|
|
+ </a>
|
|
|
</div>
|
|
|
|
|
|
- <div class="row mb-3">
|
|
|
- <div class="col-4">
|
|
|
- <p class="font-weight-bold mb-1">Assessment of Physical Activity Level</p>
|
|
|
- <select v-model="data['{{$sectionPro->uid}}']['physical_activity']['assessment']" class="form-control form-control-sm" required>
|
|
|
- <option value="">-- select --</option>
|
|
|
- <option value="Inactive">Inactive</option>
|
|
|
- <option value="Insufficiently Active">Insufficiently Active</option>
|
|
|
- <option value="Active">Active</option>
|
|
|
- <option value="Highly Active">Highly Active</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
+ <div v-if="data['{{$sectionPro->uid}}']['prescription']['strength']['active']" class="pl-3">
|
|
|
+ <table class="table table-sm table-bordered mb-2 table-edit-sheet">
|
|
|
+ <thead>
|
|
|
+ <tr class="bg-light">
|
|
|
+ <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Exercise</th>
|
|
|
+ <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Days / Week</th>
|
|
|
+ <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Reps</th>
|
|
|
+ <th class="px-2 text-secondary border-bottom-0">Intensity</th>
|
|
|
+ <th class="px-2 text-secondary border-bottom-0 w-35">Details</th>
|
|
|
+ <th v-if="data['{{$sectionPro->uid}}']['prescription']['strength']['exercises'].length > 1"></th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr v-for="(exercise, exIndex) in data['{{$sectionPro->uid}}']['prescription']['strength']['exercises']">
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="exercise.name">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="exercise.days_per_week">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="exercise.reps">
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <select v-model="exercise.intensity" class="form-control form-control-sm">
|
|
|
+ <option value="">-- select --</option>
|
|
|
+ <option value="Light">Light</option>
|
|
|
+ <option value="Moderate">Moderate</option>
|
|
|
+ <option value="Vigorous">Vigorous</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ <td class="px-0 align-middle">
|
|
|
+ <input type="text" class="form-control form-control-sm" v-model="exercise.memo">
|
|
|
+ </td>
|
|
|
+ <td class="px-2" v-if="data['{{$sectionPro->uid}}']['prescription']['strength']['exercises'].length > 1" class="px-0 align-middle">
|
|
|
+ <a href="#" v-on:click.prevent="data['{{$sectionPro->uid}}']['prescription']['strength']['exercises'].splice(exIndex, 1)"
|
|
|
+ class="on-hover-opaque text-danger mt-1 d-inline-block">
|
|
|
+ <i class="fa fa-trash-alt"></i>
|
|
|
+ </a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
</div>
|
|
|
|
|
|
- <p class="font-weight-bold">Lifestyle Rx Prescriptions/Recommendations</p>
|
|
|
+ <div class="mt-3 mb-2">
|
|
|
+ <label class="m-0 d-inline-flex align-items-start">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['active']" class="mr-2">
|
|
|
+ <span class="font-weight-bold text-secondary">Non-Exercise Activity Time (NEAT)</span>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="pl-3 border-left mb-3">
|
|
|
+ <div v-if="data['{{$sectionPro->uid}}']['prescription']['neat']['active']" class="pl-3">
|
|
|
|
|
|
<div class="mb-1 d-flex align-items-center">
|
|
|
- <label class="mb-2 mt-1 width-200px d-inline-flex align-items-start">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['seated']['active']" class="mr-2">
|
|
|
- <span>Seated Exercises</span>
|
|
|
+ <label class="mb-0 mt-1 d-inline-flex align-items-start">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['recommendations']['park_farther']" class="mr-2">
|
|
|
+ <span>Park farther away from entrances</span>
|
|
|
</label>
|
|
|
- <input v-if="data['{{$sectionPro->uid}}']['prescription']['seated']['active']" type="text"
|
|
|
- v-model="data['{{$sectionPro->uid}}']['prescription']['seated']['memo']"
|
|
|
- placeholder="Details" class="form-control form-control-sm ml-3">
|
|
|
</div>
|
|
|
|
|
|
<div class="mb-1 d-flex align-items-center">
|
|
|
- <label class="mb-2 mt-1 width-200px d-inline-flex align-items-start">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['arm']['active']" class="mr-2">
|
|
|
- <span>Arm Exercises</span>
|
|
|
+ <label class="mb-0 mt-1 d-inline-flex align-items-start">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['recommendations']['steps_instead_of_elevator']" class="mr-2">
|
|
|
+ <span>Take the stairs instead of escalator/elevator</span>
|
|
|
</label>
|
|
|
- <input v-if="data['{{$sectionPro->uid}}']['prescription']['arm']['active']" type="text"
|
|
|
- v-model="data['{{$sectionPro->uid}}']['prescription']['arm']['memo']"
|
|
|
- placeholder="Details" class="form-control form-control-sm ml-3">
|
|
|
</div>
|
|
|
|
|
|
<div class="mb-1 d-flex align-items-center">
|
|
|
- <label class="mb-2 mt-1 width-200px d-inline-flex align-items-start">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aquatic']['active']" class="mr-2">
|
|
|
- <span>Aquatic Exercises</span>
|
|
|
+ <label class="mb-0 mt-1 d-inline-flex align-items-start">
|
|
|
+ <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['recommendations']['stand_instead_of_sit']" class="mr-2">
|
|
|
+ <span>Stand instead of sit</span>
|
|
|
</label>
|
|
|
- <input v-if="data['{{$sectionPro->uid}}']['prescription']['aquatic']['active']" type="text"
|
|
|
- v-model="data['{{$sectionPro->uid}}']['prescription']['aquatic']['memo']"
|
|
|
- placeholder="Details" class="form-control form-control-sm ml-3">
|
|
|
</div>
|
|
|
|
|
|
- <div class="my-2">
|
|
|
- <label class="m-0 width-200px d-inline-flex align-items-start">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['active']" class="mr-2">
|
|
|
- <span class="font-weight-bold text-secondary">Aerobic Activity</span>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="data['{{$sectionPro->uid}}']['prescription']['aerobic']['active']" class="pl-3">
|
|
|
- <table class="table table-sm table-bordered mb-2 table-edit-sheet">
|
|
|
- <thead>
|
|
|
- <tr class="bg-light">
|
|
|
- <th class="px-2 text-secondary border-bottom-0 width-30px text-center"></th>
|
|
|
- <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Activity</th>
|
|
|
- <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Days / Week</th>
|
|
|
- <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Minutes / Day</th>
|
|
|
- <th class="px-2 text-secondary border-bottom-0">Intensity</th>
|
|
|
- <th class="px-2 text-secondary border-bottom-0 w-50">Details</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td class="px-2 align-middle">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['walk']['active']" class="align-middle">
|
|
|
- </td>
|
|
|
- <td class="px-2 align-middle">Walk</td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['walk']['days_per_week']">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['walk']['minutes_per_day']">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <select v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['walk']['intensity']" class="form-control form-control-sm">
|
|
|
- <option value="">-- select --</option>
|
|
|
- <option value="Light">Light</option>
|
|
|
- <option value="Moderate">Moderate</option>
|
|
|
- <option value="Vigorous">Vigorous</option>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['walk']['memo']">
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td class="px-2 align-middle">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['jog']['active']" class="align-middle">
|
|
|
- </td>
|
|
|
- <td class="px-2 align-middle">Jog</td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['jog']['days_per_week']">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['jog']['minutes_per_day']">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <select v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['jog']['intensity']" class="form-control form-control-sm">
|
|
|
- <option value="">-- select --</option>
|
|
|
- <option value="Light">Light</option>
|
|
|
- <option value="Moderate">Moderate</option>
|
|
|
- <option value="Vigorous">Vigorous</option>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['jog']['memo']">
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td class="px-2 align-middle">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['elliptical']['active']" class="align-middle">
|
|
|
- </td>
|
|
|
- <td class="px-2 align-middle">Elliptical</td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['elliptical']['days_per_week']">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['elliptical']['minutes_per_day']">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <select v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['elliptical']['intensity']" class="form-control form-control-sm">
|
|
|
- <option value="">-- select --</option>
|
|
|
- <option value="Light">Light</option>
|
|
|
- <option value="Moderate">Moderate</option>
|
|
|
- <option value="Vigorous">Vigorous</option>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['elliptical']['memo']">
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td class="px-2 align-middle">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['swim']['active']" class="align-middle">
|
|
|
- </td>
|
|
|
- <td class="px-2 align-middle">Swim</td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['swim']['days_per_week']">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['swim']['minutes_per_day']">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <select v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['swim']['intensity']" class="form-control form-control-sm">
|
|
|
- <option value="">-- select --</option>
|
|
|
- <option value="Light">Light</option>
|
|
|
- <option value="Moderate">Moderate</option>
|
|
|
- <option value="Vigorous">Vigorous</option>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['swim']['memo']">
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td class="px-2 align-middle">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['bike']['active']" class="align-middle">
|
|
|
- </td>
|
|
|
- <td class="px-2 align-middle">Bike</td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['bike']['days_per_week']">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['bike']['minutes_per_day']">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <select v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['bike']['intensity']" class="form-control form-control-sm">
|
|
|
- <option value="">-- select --</option>
|
|
|
- <option value="Light">Light</option>
|
|
|
- <option value="Moderate">Moderate</option>
|
|
|
- <option value="Vigorous">Vigorous</option>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="data['{{$sectionPro->uid}}']['prescription']['aerobic']['bike']['memo']">
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="mt-3 mb-2">
|
|
|
- <label class="m-0 d-inline-flex align-items-start">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['strength']['active']" class="mr-2">
|
|
|
- <span class="font-weight-bold text-secondary">Strength Training</span>
|
|
|
+ <div class="mt-2 mb-1 d-flex align-items-center">
|
|
|
+ <label class="mb-2 mt-1 width-200px d-inline-flex align-items-start">
|
|
|
+ <span>Steps goal / day:</span>
|
|
|
</label>
|
|
|
- <a v-if="data['{{$sectionPro->uid}}']['prescription']['strength']['active']"
|
|
|
- href="#" class="ml-3"
|
|
|
- v-on:click.prevent="data['{{$sectionPro->uid}}']['prescription']['strength']['exercises'].push({name: '', days_per_week: '', reps: '', intensity: '', memo: ''})">
|
|
|
- + Add Exercise
|
|
|
- </a>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="data['{{$sectionPro->uid}}']['prescription']['strength']['active']" class="pl-3">
|
|
|
- <table class="table table-sm table-bordered mb-2 table-edit-sheet">
|
|
|
- <thead>
|
|
|
- <tr class="bg-light">
|
|
|
- <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Exercise</th>
|
|
|
- <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Days / Week</th>
|
|
|
- <th class="px-2 text-secondary border-bottom-0 width-100px text-nowrap">Reps</th>
|
|
|
- <th class="px-2 text-secondary border-bottom-0">Intensity</th>
|
|
|
- <th class="px-2 text-secondary border-bottom-0 w-35">Details</th>
|
|
|
- <th v-if="data['{{$sectionPro->uid}}']['prescription']['strength']['exercises'].length > 1"></th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr v-for="(exercise, exIndex) in data['{{$sectionPro->uid}}']['prescription']['strength']['exercises']">
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="exercise.name">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="exercise.days_per_week">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="exercise.reps">
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <select v-model="exercise.intensity" class="form-control form-control-sm">
|
|
|
- <option value="">-- select --</option>
|
|
|
- <option value="Light">Light</option>
|
|
|
- <option value="Moderate">Moderate</option>
|
|
|
- <option value="Vigorous">Vigorous</option>
|
|
|
- </select>
|
|
|
- </td>
|
|
|
- <td class="px-0 align-middle">
|
|
|
- <input type="text" class="form-control form-control-sm" v-model="exercise.memo">
|
|
|
- </td>
|
|
|
- <td class="px-2" v-if="data['{{$sectionPro->uid}}']['prescription']['strength']['exercises'].length > 1" class="px-0 align-middle">
|
|
|
- <a href="#" v-on:click.prevent="data['{{$sectionPro->uid}}']['prescription']['strength']['exercises'].splice(exIndex, 1)"
|
|
|
- class="on-hover-opaque text-danger mt-1 d-inline-block">
|
|
|
- <i class="fa fa-trash-alt"></i>
|
|
|
- </a>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
+ <input type="text"
|
|
|
+ v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['recommendations']['steps_goal_per_day']"
|
|
|
+ placeholder="Details" class="form-control form-control-sm ml-3">
|
|
|
</div>
|
|
|
|
|
|
- <div class="mt-3 mb-2">
|
|
|
- <label class="m-0 d-inline-flex align-items-start">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['active']" class="mr-2">
|
|
|
- <span class="font-weight-bold text-secondary">Non-Exercise Activity Time (NEAT)</span>
|
|
|
+ <div class="mb-1 d-flex align-items-center">
|
|
|
+ <label class="mb-2 mt-1 width-200px d-inline-flex align-items-start">
|
|
|
+ <span>Other:</span>
|
|
|
</label>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="data['{{$sectionPro->uid}}']['prescription']['neat']['active']" class="pl-3">
|
|
|
-
|
|
|
- <div class="mb-1 d-flex align-items-center">
|
|
|
- <label class="mb-0 mt-1 d-inline-flex align-items-start">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['recommendations']['park_farther']" class="mr-2">
|
|
|
- <span>Park farther away from entrances</span>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="mb-1 d-flex align-items-center">
|
|
|
- <label class="mb-0 mt-1 d-inline-flex align-items-start">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['recommendations']['steps_instead_of_elevator']" class="mr-2">
|
|
|
- <span>Take the stairs instead of escalator/elevator</span>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="mb-1 d-flex align-items-center">
|
|
|
- <label class="mb-0 mt-1 d-inline-flex align-items-start">
|
|
|
- <input type="checkbox" v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['recommendations']['stands_instead_of_sit']" class="mr-2">
|
|
|
- <span>Stand instead of sit</span>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="mt-2 mb-1 d-flex align-items-center">
|
|
|
- <label class="mb-2 mt-1 width-200px d-inline-flex align-items-start">
|
|
|
- <span>Steps goal / day:</span>
|
|
|
- </label>
|
|
|
- <input type="text"
|
|
|
- v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['recommendations']['steps_goal_per_day']"
|
|
|
- placeholder="Details" class="form-control form-control-sm ml-3">
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="mb-1 d-flex align-items-center">
|
|
|
- <label class="mb-2 mt-1 width-200px d-inline-flex align-items-start">
|
|
|
- <span>Other:</span>
|
|
|
- </label>
|
|
|
- <input type="text"
|
|
|
- v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['recommendations']['other']"
|
|
|
- placeholder="Details" class="form-control form-control-sm ml-3">
|
|
|
- </div>
|
|
|
-
|
|
|
+ <input type="text"
|
|
|
+ v-model="data['{{$sectionPro->uid}}']['prescription']['neat']['recommendations']['other']"
|
|
|
+ placeholder="Details" class="form-control form-control-sm ml-3">
|
|
|
</div>
|
|
|
|
|
|
</div>
|
