Repository: louislam/uptime-kuma
File: src/components/notifications/SMSEagle.vue (Vue)

Code before:
<template>
    <div class="mb-3">
        <label for="smseagle-url" class="form-label">{{ $t("smseagleUrl") }}</label>
        <input
            id="smseagle-url" v-model="$parent.notification.smseagleUrl" type="text" minlength="7"
            class="form-control" placeholder="http://127.0.0.1"
        >
    </div>
    <div class="mb-3">
        <label for="smseagle-token" class="form-label">{{ $t("smseagleToken") }}</label>
        <HiddenInput id="smseagle-token" v-model="$parent.notification.smseagleToken" :required="true"></HiddenInput>
    </div>
    <div class="mb-3">
        <label for="smseagle-api-type" class="form-label">{{ $t("smseagleApiType") }} </label>
        <select id="smseagle-api-type" v-model="$parent.notification.smseagleApiType" class="form-select">
            <option value="smseagle-apiv1" selected>{{ $t("smseagleApiv1") }} </option>
            <option value="smseagle-apiv2">{{ $t("smseagleApiv2") }} </option>
        </select>
    </div>
    <div v-if="$parent.notification.smseagleApiType === 'smseagle-apiv1'" class="mb-3">
        <div class="mb-3">
            <label for="smseagle-recipient-type" class="form-label">{{ $t("smseagleRecipientType") }}</label>
            <select
                id="smseagle-recipient-type" v-model="$parent.notification.smseagleRecipientType"
                class="form-select"
            >
                <option value="smseagle-to" selected>{{ $t("smseagleTo") }}</option>
                <option value="smseagle-group">{{ $t("smseagleGroup") }}</option>
                <option value="smseagle-contact">{{ $t("smseagleContact") }}</option>

Review comment (suggestion):
is `smseagleUrl` no longer required for both v1 and v2?
If no: please add this attribute conditionally

Code after:
<template>
    <div class="mb-3">
        <label for="smseagle-url" class="form-label">{{ $t("smseagleUrl") }}</label>
        <input
            id="smseagle-url" v-model="$parent.notification.smseagleUrl" type="text" minlength="7"
            class="form-control" placeholder="http://127.0.0.1" required
        >
    </div>
    <div class="mb-3">
        <label for="smseagle-token" class="form-label">{{ $t("smseagleToken") }}</label>
        <HiddenInput id="smseagle-token" v-model="$parent.notification.smseagleToken" :required="true"></HiddenInput>
    </div>
    <div class="mb-3">
        <label for="smseagle-api-type" class="form-label">{{ $t("smseagleApiType") }} </label>
        <select id="smseagle-api-type" v-model="$parent.notification.smseagleApiType" class="form-select">
            <option value="smseagle-apiv1" selected>{{ $t("smseagleApiv1") }} </option>
            <option value="smseagle-apiv2">{{ $t("smseagleApiv2") }} </option>
        </select>
        <i18n-t tag="div" keypath="smseagleDocs" class="form-text">
            <a href="https://www.smseagle.eu/api/" target="_blank">https://www.smseagle.eu/api/</a>
        </i18n-t>
    </div>
    <div v-if="$parent.notification.smseagleApiType === 'smseagle-apiv1'" class="mb-3">
        <div class="mb-3">
            <label for="smseagle-recipient-type" class="form-label">{{ $t("smseagleRecipientType") }}</label>
            <select
                id="smseagle-recipient-type" v-model="$parent.notification.smseagleRecipientType"
                class="form-select"
            >