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

Code before:
    </div>
    <div class="mb-3">
        <div class="form-check form-switch">
            <input v-model="$parent.notification.teltonikaUnsafeTls" class="form-check-input" type="checkbox" />
            <label class="form-check-label">{{ $t("teltonikaUnsafeTls") }}</label>
        </div>

        <div class="form-text">
            {{ $t("teltonikaUnsafeTlsDescription") }}
        </div>
    </div>
    <div class="mb-3">
        <label for="teltonika-username" class="form-label">{{ $t("teltonikaUsername") }}</label>
        <input
            id="teltonika-username"
            v-model="$parent.notification.teltonikaUsername"
            type="text"
            minlength="3"
            maxlength="20"
            pattern="^[a-zA-Z0-9]*$"
            class="form-control"
            required
        />
        <div class="form-text">
            <i18n-t keypath="teltonikaUsernameHelptext" tag="div" class="form-text"></i18n-t>
        </div>
    </div>
    <div class="mb-3">
        <label for="teltonika-password" class="form-label">{{ $t("teltonikaPassword") }}</label>
        <HiddenInput
            id="teltonika-password"
            v-model="$parent.notification.teltonikaPassword"
            :required="true"
            autocomplete="new-password"
        ></HiddenInput>
        <div class="form-text">
            <i18n-t keypath="teltonikaPasswordHelptext" tag="div" class="form-text">
                <code>https://192.168.100.1/system/admin/multiusers/users_configuration</code>
            </i18n-t>
        </div>
    </div>
    <div class="mb-3">
        <label for="teltonika-modem" class="form-label">{{ $t("teltonikaModem") }}</label>
        <input
            id="teltonika-modem"
            v-model="$parent.notification.teltonikaModem"
            type="text"
            minlength="3"
            maxlength="5"
            pattern="^[0-9]-[0-9]"
            class="form-control"

Review comment (suggestion):
Please do it like this, unless there is html you want to include.

```suggestion
        <div class="form-text">{{ $t("teltonikaUsernameHelptext") }}</div>
```

Code after:
        </i18n-t>
    </div>
    <div class="mb-3">
        <div class="form-check form-switch">
            <input v-model="$parent.notification.teltonikaUnsafeTls" class="form-check-input" type="checkbox" />
            <label class="form-check-label">{{ $t("teltonikaUnsafeTls") }}</label>
        </div>
        <i18n-t keypath="teltonikaUnsafeTlsDescription" tag="div" class="form-text"></i18n-t>
    </div>
    <div class="mb-3">
        <label for="teltonika-username" class="form-label">{{ $t("teltonikaUsername") }}</label>
        <input
            id="teltonika-username"
            v-model="$parent.notification.teltonikaUsername"
            type="text"
            minlength="3"
            maxlength="20"
            pattern="^[a-zA-Z0-9]*$"
            class="form-control"
            required
        />
        <i18n-t keypath="teltonikaUsernameHelptext" tag="div" class="form-text"></i18n-t>
    </div>
    <div class="mb-3">
        <label for="teltonika-password" class="form-label">{{ $t("teltonikaPassword") }}</label>
        <HiddenInput
            id="teltonika-password"
            v-model="$parent.notification.teltonikaPassword"
            :required="true"
            autocomplete="new-password"
        ></HiddenInput>
        <i18n-t keypath="teltonikaPasswordHelptext" tag="div" class="form-text">
            <code>https://192.168.100.1/system/admin/multiusers/users_configuration</code>
        </i18n-t>
    </div>
    <div class="mb-3">
        <label for="teltonika-modem" class="form-label">{{ $t("teltonikaModem") }}</label>
        <input
            id="teltonika-modem"
            v-model="$parent.notification.teltonikaModem"
            type="text"
            minlength="3"
            maxlength="5"
            pattern="^[0-9]-[0-9]"
            class="form-control"
            required
        />
        <i18n-t keypath="teltonikaModemHelptext" tag="div" class="form-text">
            <code>1-1</code>
        </i18n-t>
    </div>