Repository: louislam/uptime-kuma
File: src/pages/EditMonitor.vue (Vue)

Code before:
                                        <i18n-t keypath="saveResponseDescription" tag="div" class="form-text">
                                            <template #templateVariable>
                                                <code>heartbeatJSON.response</code>
                                            </template>
                                        </i18n-t>
                                    </div>
                                </div>

                                <div
                                    v-if="
                                        (monitor.type === 'http' ||
                                            monitor.type === 'keyword' ||
                                            monitor.type === 'json-query') &&
                                        (monitor.saveResponse || monitor.saveErrorResponse)
                                    "
                                    class="my-3"
                                >
                                    <label for="responseMaxLength" class="form-label">
                                        {{ $t("responseMaxLength") }}
                                    </label>
                                    <input
                                        id="responseMaxLength"
                                        v-model="monitor.responseMaxLength"
                                        type="number"
                                        class="form-control"
                                        required
                                        min="0"
                                        step="1"
                                    />
                                    <div class="form-text">
                                        {{ $t("responseMaxLengthDescription") }}
                                    </div>
                                </div>

                                <div class="my-3">
                                    <label for="acceptedStatusCodes" class="form-label">
                                        {{ $t("Accepted Status Codes") }}
                                    </label>

                                    <VueMultiselect
                                        id="acceptedStatusCodes"
                                        v-model="monitor.accepted_statuscodes"
                                        :options="acceptedStatusCodeOptions"
                                        :multiple="true"
                                        :close-on-select="false"
                                        :clear-on-select="false"
                                        :preserve-search="true"
                                        :placeholder="$t('Pick Accepted Status Codes...')"
                                        :preselect-first="false"
                                        :max-height="600"
                                        :taggable="true"

Review comment (suggestion):
lets flip these two

```suggestion

                                <div
                                    v-if="
                                        monitor.type === 'http' ||
                                        monitor.type === 'keyword' ||
                                        monitor.type === 'json-query'
                                    "
                                    class="my-3"
                                >
                                    <div class="form-check">
                                        <input
                                            id="saveErrorResponse"
                                            v-model="monitor.saveErrorResponse"
                                            class="form-check-input"
                                            type="checkbox"
                                        />
                                        <label class="form-check-label" for="saveErrorResponse">
                                            {{ $t("saveErrorResponseForNotifications") }}
                                        </label>
                                    </div>
                                    <div class="form-text">
                                        <i18n-t keypath="saveResponseDescription" tag="div" class="form-text">
                                            <template #templateVariable>
                                                <code>heartbeatJSON.response</code>
                                            </template>
                                        </i18n-t>
                                    </div>
                                </div>
                                
                                <div
                                    v-if="
                                        monitor.type === 'http' ||
                                        monitor.type === 'keyword' ||
                                        monitor.type === 'json-query'
                                    "
                                    class="my-3"
                                >
                                    <div class="form-check">
                                        <input
                                            id="saveResponse"
                                            v-model="monitor.saveResponse"
                                            class="form-check-input"
                                            type="checkbox"
                                        />
                                        <label class="form-check-label" for="saveResponse">
                                            {{ $t("saveResponseForNotifications") }}
                                        </label>
                                    </div>
                                    <div class="form-text">
                                        <i18n-t keypath="saveResponseDescription" tag="div" class="form-text">
                                            <template #templateVariable>
                                                <code>heartbeatJSON.response</code>
                                            </template>
                                        </i18n-t>
                                    </div>
                                </div>
```

Code after:
                                        (monitor.type === 'http' ||
                                            monitor.type === 'keyword' ||
                                            monitor.type === 'json-query') &&
                                        monitor.saveErrorResponse
                                    "
                                    class="my-3"
                                >
                                    <div class="form-check">
                                        <input
                                            id="saveResponse"
                                            v-model="monitor.saveResponse"
                                            class="form-check-input"
                                            type="checkbox"
                                        />
                                        <label class="form-check-label" for="saveResponse">
                                            {{ $t("saveResponseForNotifications") }}
                                        </label>
                                    </div>
                                    <div class="form-text">
                                        <i18n-t keypath="saveResponseDescription" tag="div" class="form-text">
                                            <template #templateVariable>
                                                <code>heartbeatJSON.response</code>
                                            </template>
                                        </i18n-t>
                                    </div>
                                </div>

                                <div
                                    v-if="
                                        (monitor.type === 'http' ||
                                            monitor.type === 'keyword' ||
                                            monitor.type === 'json-query') &&
                                        (monitor.saveResponse || monitor.saveErrorResponse)
                                    "
                                    class="my-3"
                                >
                                    <label for="responseMaxLength" class="form-label">
                                        {{ $t("responseMaxLength") }}
                                    </label>
                                    <input
                                        id="responseMaxLength"
                                        v-model="monitor.responseMaxLength"
                                        type="number"
                                        class="form-control"
                                        required
                                        min="0"
                                        step="1"
                                    />
                                    <div class="form-text">
                                        {{ $t("responseMaxLengthDescription") }}
                                    </div>