|
|
@@ -1,113 +1,113 @@
|
|
|
<div class="row mb-1">
|
|
|
- <div class="col-md-12">
|
|
|
- <h6 class="my-3"><b><u>Epworth Sleepiness Scale</u></b></h6>
|
|
|
- </div>
|
|
|
- <div class="col-md-12 section bg-light pt-2 mb-3">
|
|
|
- <div class="mb-2">
|
|
|
- <label class="text-sm text-secondary mb-1">How likely are you to doze off or fall asleep in the following situations, in contrast to feeling just tired? This refers to your usual way of life in recent times. Use the following scale (0, 1, 2, and 3) to choose the most appropriate number for each situation.</label>
|
|
|
- <div class="d-flex align-items-center">
|
|
|
- <select v-if="data.dropdownOptions" data-name="Dozing" class="form-control form-control-sm select-esc-option" v-model="data.Dozing">
|
|
|
- <option value=""></option>
|
|
|
- <option v-for="o in data.dropdownOptions.Dozing" :value="o.value">@{{ o.label }}</option>
|
|
|
- </select>
|
|
|
- <div>
|
|
|
- <span add-dropdown-option data-name="Dozing" data-title="Dozing" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
- </div>
|
|
|
+ <div class="col-md-12">
|
|
|
+ <h6 class="my-3"><b><u>Epworth Sleepiness Scale</u></b></h6>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-12 section bg-light pt-2 mb-3">
|
|
|
+ <div class="mb-2">
|
|
|
+ <label class="text-sm text-secondary mb-1">How likely are you to doze off or fall asleep in the following situations, in contrast to feeling just tired? This refers to your usual way of life in recent times. Use the following scale (0, 1, 2, and 3) to choose the most appropriate number for each situation.</label>
|
|
|
+ <div class="d-flex align-items-center">
|
|
|
+ <select v-if="data.dropdownOptions" data-name="Dozing" class="form-control form-control-sm select-esc-option" v-model="data.Dozing">
|
|
|
+ <option value=""></option>
|
|
|
+ <option v-for="o in data.dropdownOptions.Dozing" :value="o.value">@{{ o.label }}</option>
|
|
|
+ </select>
|
|
|
+ <div>
|
|
|
+ <span add-dropdown-option data-name="Dozing" data-title="Dozing" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
- <label class="text-sm text-secondary mb-0 mr-2">Sitting and reading</label>
|
|
|
- <select v-if="data.dropdownOptions" data-name="Sitting" class="form-control form-control-sm select-esc-option" score-input v-model="data.Sitting">
|
|
|
- <option value=""></option>
|
|
|
- <option v-for="o in data.dropdownOptions.Sitting" :value="o.value">@{{ o.label }}</option>
|
|
|
- </select>
|
|
|
- <div>
|
|
|
- <span add-dropdown-option data-name="Sitting" data-title="Sitting" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
- <label class="text-sm text-secondary mb-0 mr-2">Watching TV</label>
|
|
|
- <select v-if="data.dropdownOptions" data-name="Watching" class="form-control form-control-sm select-esc-option" score-input v-model="data.Watching">
|
|
|
- <option value=""></option>
|
|
|
- <option v-for="o in data.dropdownOptions.Watching" :value="o.value">@{{ o.label }}</option>
|
|
|
- </select>
|
|
|
- <div>
|
|
|
- <span add-dropdown-option data-name="Watching" data-title="Watching" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
- <label class="text-sm text-secondary mb-0 mr-2">Sitting inactive in a public place (e.g. a theatre or a meeting)</label>
|
|
|
- <select v-if="data.dropdownOptions" data-name="Sitting_Inactive" class="form-control form-control-sm select-esc-option" score-input v-model="data.Sitting_Inactive">
|
|
|
- <option value=""></option>
|
|
|
- <option v-for="o in data.dropdownOptions.Sitting_Inactive" :value="o.value">@{{ o.label }}</option>
|
|
|
- </select>
|
|
|
- <div>
|
|
|
- <span add-dropdown-option data-name="Sitting_Inactive" data-title="Sitting Inactive" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
- <label class="text-sm text-secondary mb-0 mr-2">As a passenger in a car for an hour without a break</label>
|
|
|
- <select v-if="data.dropdownOptions" data-name="Passenger_Car" class="form-control form-control-sm select-esc-option" score-input v-model="data.Passenger_Car">
|
|
|
- <option value=""></option>
|
|
|
- <option v-for="o in data.dropdownOptions.Passenger_Car" :value="o.value">@{{ o.label }}</option>
|
|
|
- </select>
|
|
|
- <div>
|
|
|
- <span add-dropdown-option data-name="Passenger_Car" data-title="Passenger Car" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
- <label class="text-sm text-secondary mb-0 mr-2">Sitting quietly after a lunch without alcohol</label>
|
|
|
- <select v-if="data.dropdownOptions" data-name="Sitting_Quietly" class="form-control form-control-sm select-esc-option" score-input v-model="data.Sitting_Quietly">
|
|
|
- <option value=""></option>
|
|
|
- <option v-for="o in data.dropdownOptions.Sitting_Quietly" :value="o.value">@{{ o.label }}</option>
|
|
|
- </select>
|
|
|
- <div>
|
|
|
- <span add-dropdown-option data-name="Sitting_Quietly" data-title="Sitting Quietly" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
- <label class="text-sm text-secondary mb-0 mr-2">Lying down to rest in the afternoon when circumstances permit</label>
|
|
|
- <select v-if="data.dropdownOptions" data-name="LyingDown" class="form-control form-control-sm select-esc-option" score-input v-model="data.LyingDown">
|
|
|
- <option value=""></option>
|
|
|
- <option v-for="o in data.dropdownOptions.LyingDown" :value="o.value">@{{ o.label }}</option>
|
|
|
- </select>
|
|
|
- <div>
|
|
|
- <span add-dropdown-option data-name="LyingDown" data-title="Lying Down" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
- <label class="text-sm text-secondary mb-0 mr-2">Sitting and talking to someone</label>
|
|
|
- <select v-if="data.dropdownOptions" data-name="SittingandTalking" class="form-control form-control-sm select-esc-option" score-input v-model="data.SittingandTalking">
|
|
|
- <option value=""></option>
|
|
|
- <option v-for="o in data.dropdownOptions.SittingandTalking" :value="o.value">@{{ o.label }}</option>
|
|
|
- </select>
|
|
|
- <div>
|
|
|
- <span add-dropdown-option data-name="SittingandTalking" data-title="Sitting and Talking" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
- <label class="text-sm text-secondary mb-0 mr-2">In a car, while stopped for a few minutes in traffic</label>
|
|
|
- <select v-if="data.dropdownOptions" data-name="Traffic" class="form-control form-control-sm select-esc-option" score-input v-model="data.Traffic">
|
|
|
- <option value=""></option>
|
|
|
- <option v-for="o in data.dropdownOptions.Traffic" :value="o.value">@{{ o.label }}</option>
|
|
|
- </select>
|
|
|
- <div>
|
|
|
- <span add-dropdown-option data-name="Traffic" data-title="Traffic" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="my-2">
|
|
|
- <div class="d-flex align-items-center">
|
|
|
- <span class="font-weight-bold">Score:</span>
|
|
|
- <div class="border p-2 mx-1" style="width:50px;">
|
|
|
- <input type="hidden" data-name="Score" name="Score" v-model="data.Score">
|
|
|
- <span id="scoreValue">@{{ data.Score }}</span>
|
|
|
- </div>
|
|
|
- <div class="d-none">
|
|
|
- <span class="mr-1 text-primary c-pointer">Calculate</span>
|
|
|
- <span class="text-danger c-pointer">Clear</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
+ <label class="text-sm text-secondary mb-0 mr-2">Sitting and reading</label>
|
|
|
+ <select v-if="data.dropdownOptions" data-name="Sitting" class="form-control form-control-sm select-esc-option" score-input v-model="data.Sitting">
|
|
|
+ <option value=""></option>
|
|
|
+ <option v-for="o in data.dropdownOptions.Sitting" :value="o.value">@{{ o.label }}</option>
|
|
|
+ </select>
|
|
|
+ <div>
|
|
|
+ <span add-dropdown-option data-name="Sitting" data-title="Sitting" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
+ <label class="text-sm text-secondary mb-0 mr-2">Watching TV</label>
|
|
|
+ <select v-if="data.dropdownOptions" data-name="Watching" class="form-control form-control-sm select-esc-option" score-input v-model="data.Watching">
|
|
|
+ <option value=""></option>
|
|
|
+ <option v-for="o in data.dropdownOptions.Watching" :value="o.value">@{{ o.label }}</option>
|
|
|
+ </select>
|
|
|
+ <div>
|
|
|
+ <span add-dropdown-option data-name="Watching" data-title="Watching" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
+ <label class="text-sm text-secondary mb-0 mr-2">Sitting inactive in a public place (e.g. a theatre or a meeting)</label>
|
|
|
+ <select v-if="data.dropdownOptions" data-name="Sitting_Inactive" class="form-control form-control-sm select-esc-option" score-input v-model="data.Sitting_Inactive">
|
|
|
+ <option value=""></option>
|
|
|
+ <option v-for="o in data.dropdownOptions.Sitting_Inactive" :value="o.value">@{{ o.label }}</option>
|
|
|
+ </select>
|
|
|
+ <div>
|
|
|
+ <span add-dropdown-option data-name="Sitting_Inactive" data-title="Sitting Inactive" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
+ <label class="text-sm text-secondary mb-0 mr-2">As a passenger in a car for an hour without a break</label>
|
|
|
+ <select v-if="data.dropdownOptions" data-name="Passenger_Car" class="form-control form-control-sm select-esc-option" score-input v-model="data.Passenger_Car">
|
|
|
+ <option value=""></option>
|
|
|
+ <option v-for="o in data.dropdownOptions.Passenger_Car" :value="o.value">@{{ o.label }}</option>
|
|
|
+ </select>
|
|
|
+ <div>
|
|
|
+ <span add-dropdown-option data-name="Passenger_Car" data-title="Passenger Car" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
+ <label class="text-sm text-secondary mb-0 mr-2">Sitting quietly after a lunch without alcohol</label>
|
|
|
+ <select v-if="data.dropdownOptions" data-name="Sitting_Quietly" class="form-control form-control-sm select-esc-option" score-input v-model="data.Sitting_Quietly">
|
|
|
+ <option value=""></option>
|
|
|
+ <option v-for="o in data.dropdownOptions.Sitting_Quietly" :value="o.value">@{{ o.label }}</option>
|
|
|
+ </select>
|
|
|
+ <div>
|
|
|
+ <span add-dropdown-option data-name="Sitting_Quietly" data-title="Sitting Quietly" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
+ <label class="text-sm text-secondary mb-0 mr-2">Lying down to rest in the afternoon when circumstances permit</label>
|
|
|
+ <select v-if="data.dropdownOptions" data-name="LyingDown" class="form-control form-control-sm select-esc-option" score-input v-model="data.LyingDown">
|
|
|
+ <option value=""></option>
|
|
|
+ <option v-for="o in data.dropdownOptions.LyingDown" :value="o.value">@{{ o.label }}</option>
|
|
|
+ </select>
|
|
|
+ <div>
|
|
|
+ <span add-dropdown-option data-name="LyingDown" data-title="Lying Down" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
+ <label class="text-sm text-secondary mb-0 mr-2">Sitting and talking to someone</label>
|
|
|
+ <select v-if="data.dropdownOptions" data-name="SittingandTalking" class="form-control form-control-sm select-esc-option" score-input v-model="data.SittingandTalking">
|
|
|
+ <option value=""></option>
|
|
|
+ <option v-for="o in data.dropdownOptions.SittingandTalking" :value="o.value">@{{ o.label }}</option>
|
|
|
+ </select>
|
|
|
+ <div>
|
|
|
+ <span add-dropdown-option data-name="SittingandTalking" data-title="Sitting and Talking" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex align-items-center flex-wrap mb-2">
|
|
|
+ <label class="text-sm text-secondary mb-0 mr-2">In a car, while stopped for a few minutes in traffic</label>
|
|
|
+ <select v-if="data.dropdownOptions" data-name="Traffic" class="form-control form-control-sm select-esc-option" score-input v-model="data.Traffic">
|
|
|
+ <option value=""></option>
|
|
|
+ <option v-for="o in data.dropdownOptions.Traffic" :value="o.value">@{{ o.label }}</option>
|
|
|
+ </select>
|
|
|
+ <div>
|
|
|
+ <span add-dropdown-option data-name="Traffic" data-title="Traffic" class="ml-1 c-pointer" data-toggle="modal" data-target="#addDropdownOptionModal"><i class="fas fa-plus-circle fa-fw text-success"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="my-2">
|
|
|
+ <div class="d-flex align-items-center">
|
|
|
+ <span class="font-weight-bold">Score:</span>
|
|
|
+ <div class="border p-2 mx-1" style="width:50px;">
|
|
|
+ <input type="hidden" data-name="Score" name="Score" v-model="data.Score">
|
|
|
+ <span id="scoreValue">@{{ data.Score }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="d-none">
|
|
|
+ <span class="mr-1 text-primary c-pointer">Calculate</span>
|
|
|
+ <span class="text-danger c-pointer">Clear</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
